Профессиональный курс React + Redux с современными frontend-методиками

Live-формат, 9 недель
Старт потока:  
Откроем глаза

Об интенсиве

Теория и практика

8 live-уроков (4 недели), которые проходят по вторникам и четвергам с 19:30 до 21:30 по Киеву и Москве. Каждый участник получает максимум внимания. Занятия проходят в интерактивном формате, это не записанное видео, а живое общение в реальном времени.

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

На практику выделяется 5 недель. За это время будут написаны 3 персональные приложения, а также все студенты группы могут принять участие в групповой разработке проекта.

Материалы

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

Поддержка

Помощников достаточно! К твоим услугам преподаватель, ментор и целое коммьюнити — Lectrum Club. В курс включена проверка домашних заданий и тестов, а также индивидуальные занятия с автором курса — поддержки получите столько, сколько вам нужно.

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

  • 💻 Общение в интерактивном формате (видео + аудио)
  • 📝 Домашние задания
  • 📖 3 персональных проекта
  • 👨‍⚕️ Групповой проект в формате Agile спринта
  • Комплексное тестирование
  • 🎥 24/7 доступ ко всем записям занятий
  • 👨‍🎓 Поддержка от преподавателя и общение с группой в закрытом канале Lectrum Club

Для кого курс

  • ✔️ Выпускники "Комплексного курса JavaScript+ECMAScript"
  • ✔️ Фронтенд-разработчики, которые повышают свой профессиональный уровень
  • ✔️ Бекенд-разработчики, которые переходят в фуллстек

Требования к участникам

  • ✔️ Опыт коммерческой разработки не требуется
  • ✔️ Базовый уровень владения HTML и CSS
  • ✔️ Базовый уровень владения JavaScript

Мы проведём персональное skype-собеседование (оплата 650 грн или $25) при условии бронирования места в группе.

От экспертов своего дела

Мы успешно провели:

17 потоков по React, 12 по Redux, 4 по webpack, а также обучили 4 потока по JavaScript и 3 по Backend. В марте 2019 года мы запустили новые курсы по Docker и Redis.

Наша оценка от выпускников — 4.9.

интенсивно

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

  • Неделя 1

    Модуль: Основное обучение

    +Введение в React

    Разберём воркфлоу, по которому происходит обучение. Настроим необходимые инструменты для комфортной разработки. Познакомимся с библиотекой React. Научимся работать с JSX. Освоим технику создания новых копонентов с помощью React.

    Подробнее...

    • Организационные вопросы

      • Обзор процесса обучения
      • Обзор инструментов
    • React

      • Что такое React
      • Для решения каких задач стоит использовать React
      • Что такое Virtual DOM
      • Что такое reconciliation
      • Алгоритм работы React
    • Настройка окружения

      • Настройка стартовой точки
      • Базовая настройка редактора для комфортной работы с React
      • Настройка браузера
    • JSX

      • Что такое JSX
      • Создание React Elements с помощью JSX
      • Правила работы с JSX
    • Компоненты

      • Зачем нужны компоненты
      • Создание функциональных компонентов
      • Популярные ошибки при работе с React-компонентами

    Практика

    • Научимся настраивать проект для разработки
    • Конвертируем HTML и CSS разметку в полноценный React-компонент
    • Сделаем первые полноценные компоненты с помощью React

    +Работа с данными в React

    Разберём все типы данных в React-компонентах. Научимся работать с Props. Изучим особенности работы с Children. Познакомимся с контекстом в React компонентах. Научимся оживлять React компоненты с помощью React State.

    Подробнее...

    • React Props

      • Что такое React Props
      • Для решения каких задач стоит использовать React Props
      • Какие правила существуют при работе с React Props
      • Популярные ошибки при работе с React Props
    • React Children

      • Что такое React Children
      • Для решения каких задач стоит использовать React Children
      • Какие правила существуют при работе с React Children
      • Популярные ошибки при работе с React Children
    • React Context

      • Что такое React Hooks
      • Что такое React Context
      • Для решения каких задач стоит использовать React Context
      • Какие правила существуют при работе с React Context
      • Популярные ошибки при работе с React Context
    • React State

      • Что такое React State
      • Как правильно управлять состоянием в React компонентах
      • Какие особенности стоит учитывать при работе с React State
      • Популярные ошибки при работе с React State

    Практика

    • Наполним наши компоненты данными с помощью React Props и React Children
    • Научимся правильно переиспользовать компоненты
    • Оживим наши компоненты с помощью React State
  • Неделя 2

    Модуль: Основное обучение

    +Работа с навигацией в React

    Научимся управлять навигацей в React-приложении. Изучим особенности работы SPA-приложения.

    Подробнее...

    • Routing в React приложении

      • Что такое SPA-приложение
      • Особенности работы с SPA приложением
      • Как правильно использовать DOM интерфейсы для client-side навигации
      • Управление навигацией в SPA-приложении с помощью react-router
      • Создание публичных страниц
      • Создание приватных страниц
      • Best practices при работе с навигацией

    Практика

    • Научимся создавать страницы в React-приложении
    • Изучим особенности работы с приватными и публичными страницами

    +Управление формами в React приложении

    Изучим основные приемы работы с формами. Научимся не только создавать разные по сложности формы, но и управлять состоянием форм.

    Подробнее...

    • Forms

      • Основные подходы к управлению формами в React приложении
      • Создание форм с помощью библиотеки Formik
      • Валидация форм
      • Популярные ошибки при работе с формами
      • Best practices при работе с формами

    Практика

    • Научимся создавать простые формы
    • Изучим особенности при работе со сложными формами
    • Научимся валидировать формы
  • Неделя 3

    Модуль: Основное обучение

    +Работа с Redux

    Научимся работать с центральным состоянием в React-приложении. Изучим все тонкости при работе с Redux.

    Подробнее...

    • Redux

      • Что такое Redux и зачем он нужен в React приложении
      • Как правильно подключить Redux к React приложению
      • Декларация действия с помощью Action
      • Описание бизнес-логики с помощью Reducer
      • Управление состоянием с помощью Storage
      • Вызов действия внутри React компонента
      • Чтение Redux состояния внутри React компонента
      • Удобные инструменты при работе с Redux
      • Best practices при работе с Redux

    Практика

    • Подключим Redux к React
    • Научимся правильно работать с Redux в React приложении

    +Работа с асинхронными операциям в React приложении

    Научимся делать запросы к API с помощью Redux thunk. Изучим особенности при работе с асинхронным кодом в React приложении.

    Подробнее...

    • Redux thunk

      • В чем особенности при работе с асинхронными операциями в Redux приложении
      • Создание запросов с помощью Redux thunk
      • Вызов REST запросов внутри React приложения
      • Популярные ошибки при работе с асинхронными операциями
      • Best practices при работе с разными типами запросов

    Практика

    • Научимся загружать данные с production API
    • Научимся отправлять данные на сервер с React приложения
  • Неделя 4

    Модуль: Основное обучение

    +Тестирование React компонентов

    Повысим стабильность React приложения с помощью тестов. Узнаем какие типы тестов бывают, а также разберем какие грани React приложения стоит покрывать тестами в первую очередь. Научимся тестировать React компоненты.

    Подробнее...

    • Введение в тестирование

      • Зачем нужны тесты в React приложении
      • Ключевые особенности концепции Test Driven Development
      • Ключевые особенности концепции Behavioural Driven Development
      • Особенности интеграционного тестирования в React приложении
      • Особенности End-to-end тестирования в React приложении
      • Работа с библиотекой Jest

    Практика

    • Покроем тестами React компоненты

    +Тестирование Redux компонентов

    Повысим надежность React приложения с помощью тестов для Redux компонентов. Изучим особенности при написании тестов для Redux компонентов.

    Подробнее...

    • Redux Testing

      • Зачем нужны тесты для Redux компонентов
      • Тестирование действий в React приложении
      • Тестирование асинхронных операций
      • Тестирование бизнес-логики

    Практика

    • Покроем тестами Redux компоненты
  • Неделя 5

    Модуль: Работа над проектами

    +Первая неделя практики

    Подготовим окружение и приступим к работе над персональным проектом

    Подробнее...

    • Рабочий процесс

      • Изучить рабочий workflow по которому будет происходить практика
      • Получить ТЗ для первого проекта
      • Настроить стартовую точку
      • Получить дополнительные материалы
      • Приступить к выполнению первых фич для своего проекта
  • Неделя 6

    Модуль: Работа над проектами

    +Вторая неделя практики

    Отправим проект на Code Review, имплементируем фидбек от наставника

    Подробнее...

    • Рабочий процесс

      • Завершаем работу над основной частью своего проекта
      • Открываем Pull Request и отправляем проект на Code Review
      • Имплементируем фидбек от наставника
      • Открываем Pull Request и отправляем проект на повторное Code Review
      • Завершаем работу над проектом
      • Открываем Pull Request и отправляем проект на финальную проверку
      • Приступаем к работе над вторым проектом
  • Неделя 7

    Модуль: Работа над проектами

    +Третья неделя практики

    Отправим второй проект на Code Review, имплементируем фидбек от наставника по второму проекту

    Подробнее...

    • Рабочий процесс

      • Завершаем работу над основной частью своего второго проекта
      • Открываем Pull Request и отправляем проект на Code Review
      • Имплементируем фидбек от наставника
      • Открываем Pull Request и отправляем второй проект на повторное Code Review
      • Завершаем работу над вторым проектом
      • Открываем Pull Request и отправляем второй проект на финальную проверку
      • Приступаем к работе над третьим проектом
  • Неделя 8

    Модуль: Работа над персональными и групповыми проектами

    +Четвертая неделя практики

    Отправим третий проект на Code Review, имплементируем фидбек от наставника по третьему проекту

    Подробнее...

    • Рабочий процесс

      • Завершаем работу над основной частью своего третьего проекта
      • Открываем Pull Request и отправляем проект на Code Review
      • Имплементируем фидбек от наставника
      • Открываем Pull Request и отправляем проект на повторное Code Review
      • Завершаем работу над проектом
      • Открываем Pull Request и отправляем проект на финальную проверку

    +Работа над групповым проектом

    Выполним задачи для групового проекта, научимся работать в формате Agile спринтов

    Подробнее...

    • Подготовительная работа

      • Настроить стартовую точку
      • Изучить рабочий workflow по которому будет происходить работа в груповом проекте
      • Групповое планирование спринта
    • Рабочий процесс

      • Выбрать интересную задачу из Backlog
      • Получить дополнительные материалы
      • Приступить к выполнению задачи
      • Выполнить задачу
      • Отправить задачу на проверку (QA)
      • Имплементировать фидбек
      • Отправить задачу на повторный раунд QA
      • Взять другую задачу из Backlog
  • Неделя 9

    Модуль: Работа над групповым проектом

    +Работа над груповым проектом

    Выполним задачи для групового проекта, научимся работать в формате Agile спринтов

    Подробнее...

    • Рабочий процесс

      • Выбрать интересную задачу из Backlog
      • Получить дополнительные материалы
      • Приступить к выполнению задачи
      • Выполнить задачу
      • Отправить задачу на проверку (QA)
      • Имплементировать фидбек
      • Отправить задачу на повторный раунд QA
      • Взять другую задачу из Backlog
    • Финальное демо

      • Каждый студент проводит короткое демо своих фич, которые были выполнены в рамках спринта
    • Ретроспектива

      • Разбор всех достижений и неудач которые были в рамках спринта

весь react

Куратор программы

Андрей Мулык

Chief Technology Officer в компании Lectrum и преподаватель. За его плечами опыт работы с крупными международными outsource и outstaff компаниями, а также кураторство и проведение курсов фронтент и бекенд направлений.

Автор продвинутых фронтенд-курсов. Опыт в IT более 10 лет.

профессионалы

Выберите пакет участия

Я сам

  • Доступ к live-занятиям к альбому с записями
  • 6 видеоуроков по продвинутым техникам программирования
  • Исходные коды и файлы презентаций
  • Список дополнительных материалов для углубленного изучения
  • 2 собственных приложения по окончании курса
  • Участие в групповой разработке проекта
  • Финальное тестирование
  • Доступ в закрытое комьюнити Lectrum Club
  • Онлайн-сертификат
  • Домашние задания с проверкой
  • ❌ Код-ревью домашних заданий
  • ❌ Персональный ментор на время обучения
  • ❌ Референтные версии всех персональных проектов
Для ранних пташек — 
С 11 июня — 
С 8 октября — 

С наставником

  • Доступ к live-занятиям к альбому с записями
  • 6 видеоуроков по продвинутым техникам программирования
  • Исходные коды и файлы презентаций
  • Список дополнительных материалов для углубленного изучения
  • 3 собственных приложения по окончании курса
  • Участие в групповой разработке проекта
  • Финальное тестирование
  • Доступ в закрытое комьюнити Lectrum Club
  • Онлайн-сертификат
  • Домашние задания с проверкой
  • Код-ревью домашних заданий
  • Персональный ментор на время обучения
  • Референтные версии всех персональных проектов
Для ранних пташек — 
С 11 июня — 
С 8 октября — 
Спасибо за участие на воркшопе!  В течение 0 часов несколько секунд для вас действует специальное предложение.
Чтобы зафиксировать текущую стоимость достаточно оставить заявку и внести предоплату в размере .
мы открыты вам

Бронирование

Участие в пакете «Я сам»
Участие в пакете «С наставником»
Участие в пакете Premium

Ответы на вопросы

Какими необходимыми навыками я должен обладать перед началом курса?
Для участия в курсе опыт коммерческой разработки не нужен. Но чтобы не возникало сложностей в процессе обучения, необходимо иметь базовые навыки работы с HTML и CSS, а также на базовом уровне необходимо владеть JavaScript. Навыки работы с ECMAScript 2015 (ES6) не требуются. После бронирования мы проведём персональное техническое собеседование и поможем закрыть необходимые пробелы в знаниях.
Какая информация будет содержаться в сертификате, если я не буду разрабатывать персональные проекты?
Онлайн-сертификат будет с информацией о прослушанном курсе, без оценки.
Я очень хорошо знаю React и хочу быть у вас ментором.
Обычно, после тестирования оказывается, что вы знаете React не так уж и хорошо. Это одна из причин, почему мы сделали этот курс. Если чувствуете в себе силы, позвоните нам и мы протестируем вас. Для менторства требуется не только идеальное знание React, но и миллион других навыков для профессионального обучения людей.
Могу ли я перейти на более продвинутый пакет, если уже оплатил курс?
Да, для этого нужно обратиться к нам на электропочту и мы пришлём вам счет на доплату.
Чем вы лучше других обучающих компаний?
Во-первых, у нас большая экспертиза в образовании, во-вторых, мы очень фанатично относимся к качеству курса и менторской поддержки, а в третьих, мы не просто учим, а ежедневно пишем на том стеке, которому обучаем. Мы практики, теоретики, а еще идеалисты.
У меня остались вопросы/Я всё еще сомневаюсь.
Оставьте заявку на получение бесплатной консультации и мы с удовольствием вас проконсультируем, посоветуем или просто пообщаемся.
мы открыты вам