Курс включает в себя
  • Компонентный подход к разработке. Правильно разделяем код и UI.
  • Жизненный цикл React компонент. От constructor до unmount.
  • Состояние приложения с Redux. Actions, reducers, store, middlewares...
  • Роутинг и авторизация на клиенте.
  • Управление побочными эффектами на redux-saga.
  • Построение, нормализация и валидация сложных форм на redux-form.
  • Тестирование и автоматизация тестирования фронтенда.
  • Набор полезных инструментов для легкой разработки на React.

Пройдя курс, вы научитесь

  • Разрабатывать полноценные приложения на стеке React.js

    React.js является лишь представлением данных, для полноценной работы приложения мы изучим как хранить данные, общаться с сервером и следить за свежестью данных на клиентской стороне.
  • Оптимизировать React.js приложения

    Прежде чем оптимизировать, мы научимся понимать когда нам нужно заниматься этим, и как правильно найти места, нуждающиеся в оптимизации. Мы научимся пользоваться современными инструментами google chrome и с помощью них найдем кандидатов на оптимизацию.
  • Правильно разделять работу с данными и представлением

    Узнав какие абстракции используют разработчики известных библиотек, вы сможете улучшить свои приложения, используя такие же приемы. Строго разделив представление от данных, вы научитесь рендерить React-приложения как на стороне клиента, так и на стороне сервера, делать time travel debug и использовать приемы оптимистичных интерфейсов.
  • Применять лучшие практики по управлению потока ваших данных

    С данными вашего приложения нужно работать очень аккуратно, неправильные данные могут вызвать ошибку в правильно работающем коде. Вы научитесь нормализовывать данные, писать абстракции работающие со всеми типами данных, организовывать общение ваших компонент, от родителя к ребенку, от ребенка к родителю, и даже от ребенка к ребенку :-)
  • Тестировать все части вашего фронтенд-приложения

    Современные приложения содержат тысячи строк кода и, чтобы быть уверенным в том, что все работает как надо, вы научитесь тестировать каждую часть вашего приложения, автоматизировать тестирование и наслаждаться стабильностью работы вашего приложения.
  • Выбирать правильные инструменты для вашего стартапа

    Существует огромное множество библиотек, которые позволяют не писать код, а использовать чужие наработки, будучи уверенными что там все протестировано и проверено. Нам предстоит изучить не только стек React-приложений, но и изучить самые популярные библиотеки, которые могут пригодиться в разработке больших приложений.
  • Правильно разделять ваш код и UI на компоненты, а компоненты в правильную файловую иерархию

    Правильно разделив код на компоненты, вы сможете переиспользовать их много раз в разных частях вашего приложения. Мы изучим тонкости умных компонент, глупых компонент и компонент высшего порядка: зачем они нужны, и как такие компоненты упрощают разработку больших приложений.
  • Мониторить работу вашего приложения и быстрое обнаружение ошибок у клиентов

    Написать и протестировать приложение — это еще пол беды, вы научитесь мониторить ошибки с помощью современных средств и вовремя на них реагировать, получая уведомления в отдельный канал slack о любой ошибке, случившейся у клиентов вашего приложения.
Артём
Артём
Frontend developer
в drive2.ru

Современный веб — это не просто сайты, это полноценные приложения, требующие правильных подходов по организации кода и логики. Этот курс научит вас строить большие и сложные системы, в которых легко и просто ориентироваться. Разделять логику работы на правильные абстракции и получать отличный результат в скорости и простоте работы ваших приложений.

Что вы получите, выбрав наш курс?

  • Программа курса
    Изюминка курса - его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом ;)
  • Преподаватели и наставники
    Преподаватели и наставники Loftschool - практикующие разработчики как с опытом разработки в крупных студиях, так и с опытом заработка на биржах фриланса. Поэтому знания, переданные вам, будут разносторонними.
  • Рабочий процесс
    Максимальная эмуляция рабочего процесса - командная разработка и реальные инструменты, которые используют ведущие IT-компании.
  • Команда
    Вы станете частью команды заряженных энтузиазмом единомышленников. Вместе с наставниками и преподавателями рука об руку пройдёте огонь и воду!
  • Личный наставник
    У вас будет личный наставник, который поможет решить все возникающие вопросы как во время обучения, так и после окончания курса.
  • Актуальные технологии
    Вам предстоит изучить только самые востребованные и актуальные технологии. Только те, что действительно используют в топовых мировых IT-компаниях.
  • Вебинары
    Насыщенные и интересные вебинары от лучших преподавателей Loftschool и возможность в режиме реального времени задавать вопросы и получать на них ответы.
  • Записи вебинаров
    Записи вебинаров доступны в личном кабинете студента неограниченное время, поэтому всегда можно вернуться и пересмотреть любую интересующую тему.
  • Индивидуальный подход
    Мы знаем, как это - быть новичком, пройти весь путь от нуля до профессионала, в одиночку, без поддержки. Миссия нашей школы - окружить каждого ученика заботой, сделать частью команды, дать силы и мотивацию вырасти в крутого специалиста!
  • Необходимые знания
    Мы были по обе стороны баррикад. Проходили собеседования сами и собеседовали других разработчиков. Мы знаем, что именно нужно вашим будущим работодателям и даем вам именно это.
  • Реальные проекты
    По окончании курса вы получите портфолио с реальными проектами, так как обучение в Loftschool - это максимум практики. Никакой воды.
  • Мы — создатели самого крупного IT-портала видеоуроков в русскоязычном интернете Loftblog. Именно там вы сможете оценить уровень, манеру и способы подачи информации наших преподавателей по их открытым урокам, вебинарам и курсам.
  • Наши выпускники
    Мы выпустили более 1200 успешных выпускников и очень гордимся этим!
  • Нас знают
    Нас и наших выпускников знают в ведущих российских IT-компаниях. Специалисты этих компаний также смотрят наши видеоуроки и обучаются на курсах.

Команда курса

Как проходит обучение

  • Продолжительность обучения:

    5 недель
  • Курс состоит из:

    15 уроков
Каждый модуль состоит из:
  • Видеоуроки для подготовки

  • Вебинар (2-2,5 ч) либо
    скринкаст (1 час) + вебинар (1 час)

  • Методические пособия

  • Вебинары проходят 3 раза в неделю. Обычно это понедельник, среда и пятница в 20:00. О возможных переносах сообщаем заранее.
  • Каждый понедельник ученики получают задание, которое необходимо выполнить до следующего понедельника. В конце недели необходимо сдать тест с вопросами по пройденному за неделю материалу. А также в конце недели выдается мастер-класс с решением текущего задания от главного преподавателя.
  • Личные голосовые консультации с наставником — 30 минут в неделю. Текстовые не лимитированы.
    По выходным — групповая работа с наставником (1-2 часа практики).

Учебная программа

  • Неделя 1 — Введение в React.js
    • Знакомство

      • Артем Самофалов

        Артем Самофалов

      1. Рассказ о структуре курса
      2. Рассказ о работе с наставниками
      3. Как работает eslint
      4. Как работает prettier
      5. Как запускать проект на create-react-app
      6. Yarn
      7. Работа c github
      8. Как сдавать домашнюю работу
    • Введение в React.js

      • Артем Самофалов

        Артем Самофалов

      1. Virtual DOM
      2. JSX
      3. Компонентный подход React.js
      4. props
      5. state
      6. Работа с children
      7. Декларативное vs императивное API
    • React.js в деталях

      • Артем Самофалов

        Артем Самофалов

      1. Lifecycle methods
      2. Error handling
      3. ref
      4. state lift up
  • Неделя 2 — Паттерны React.js, роутинг, Redux
    • Паттерны React.js

      • Артем Самофалов

        Артем Самофалов

      1. React Context API
      2. Render Props
      3. High order components
    • Роутинг на клиенте

      • Артем Самофалов

        Артем Самофалов

      1. React-router-dom
      2. Рантайм роутинг vs статический роутинг
      3. History API
      4. Поведение роутинга при авторизации
      5. Обработка 404 и redirects
      6. Анимации на переходах
    • Redux

      • Артем Самофалов

        Артем Самофалов

      1. store
      2. actions
      3. reducers
      4. react-redux
      5. combine-reducers
      6. redux-devtools
  • Неделя 3 — Redux middlewares, side-effects, тестирование
    • Redux middlewares

      • Артем Самофалов

        Артем Самофалов

      1. Архитектура middlewares
      2. Async flow с redux
      3. Написание своих middlewares
      4. Redux-reducers
      5. Redux-thunk
      6. Recompose
      7. Redux-ducks
    • Redux и side-effects

      • Артем Самофалов

        Артем Самофалов

      1. Immutable.js
      2. Redux-actions
      3. Что такое сайд эффекты
      4. Разные подходы к сайд-эффектам
    • Тестирование

      • Артем Самофалов

        Артем Самофалов

      1. Анатомия тестов
      2. TDD
      3. Тестирование роутинга
      4. Тестирование редакс
      5. Тестирование connected компонент
  • Неделя 4 — Работа со стилями и формами
    • Работа со стилями

      • Артем Самофалов

        Артем Самофалов

      1. Styled-components
      2. CRA@2 — css-modules
      3. Sass & less
      4. CSS transition group
      5. React-motion
    • Работа с формами

      • Артем Самофалов

        Артем Самофалов

      1. React-final-form
      2. Formik
      3. Redux-form
    • CI & DI & Client error handling

      • Артем Самофалов

        Артем Самофалов

      1. Что такое ci и di
      2. Интеграция с github
      3. Circle ci
      4. Обзор travis
      5. Обзор senrty
      6. Heroku
      7. Rollbar
      8. Отправка экшенов и стейта в rollbar
  • Неделя 5 — Архитектура проектов, работа с библиотеками
    • Архитектура проектов, оптимизация

      • Артем Самофалов

        Артем Самофалов

      1. Разговоры про структуру папок
      2. Бизнес логика и где она должна быть
      3. Top-down архитектура
      4. Инверсия зависимостей
      5. SOLID 
      6. React-styleguidist
    • Набор полезных библиотек для реакта и системы сборок

      • Артем Самофалов

        Артем Самофалов

      1. Обзор UI наборов
      2. Обзор траспиляторов
      3. Обзор системы сборок проектов

Программа по числам

Выпускной проект

Во время курса мы будем работать над приложением для покупки и продажи биткоинов для криптовалютной биржи.

trade-app
Ваш будущий сертификат

По окончании обучения вы получите диплом. LoftSchool знают и ценят работодатели, поэтому диплом станет вашим дополнительным плюсом при трудоустройстве в IT-компанию.


Он будет доступен в электронном виде в личном кабинете - вы легко сможете добавить ссылку на диплом в резюме и подтвердить свой уровень подготовки.

Компании, в которых работают наши выпускники
Mail.ru
Yandex
Rambler
EPAM
T Systems
Reg.ru
Embria
Microsoft
Связной
Tutu.ru
Регистрация на обучение
Cпособы оплаты
  • visa
  • mastercard
  • paypal
Старт курса по мере набора группы
Оставьте заявку на курс и мы свяжемся с вами, как будет определена дата старта
Или подпишитесь на нашу рассылку и будьте в курсе новостей
Авторизоваться
Нет аккаунта? Зарегистрируйтесь
Регистрация
Уже зарегистрированны? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.
Вспомнили пароль? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.