React.js course

8-недельный онлайн-курс
«ReactJS»

Записаться на курс

O курсе

В этом курсе вы научитесь использовать React, Redux и множество других инструментов для создания крупных веб-приложений. Курс охватывает все практические аспекты разработки на React: от основ создания компонентов, управления данными, настройки окружения до тонкостей проектирования архитектуры, создания server-side и изоморфных приложений.

Этот курс подойдет тем, кто уже знает HTML, CSS и JavaScript на среднем уровне.

Гибкая система обучения

Гибкая система обучения

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

Практически полезный опыт

Практически полезный опыт

Все задачи, технологии и знания, необходимые для реальной работы на крутых проектах. А продуманная система практических ДЗ и возможность работы над собственным проектом помогут еще глубже понять материал.

Индивидуальный подход

Индивидуальный подход

Живая экспертная поддержка, проверка заданий и личная работа над вашим успешным обучением. Онлайн-чат для менторской поддержки и быстрого решения точечных вопросов, а также закрытая группа в Facebook.

записывайтесь на наш курс прямо сейчас!
Количество мест ограничено!

Что Вас ждет

Программа курса

Неделя 1
Неделя 2
Неделя 3
Неделя 4
Неделя 5
Неделя 6
Неделя 7
Неделя 8

На первой неделе мы познакомимся, изучим основы ES2015, новые возможности JavaScript и познакомимся со способами функционального программирования на JavaScript. После этого перейдем к самому React, напишем наш первый компонент и изучим тонкости работы React и Virtual DOM.

  • О курсе.
  • Основы ES2015.
  • Основы функционального программирования на JavaScript.
  • Методы для работы с массивами map, reduce, filter.
  • Императивный vs Декларативный подход.
  • Введение в React.
  • Основы работы с JSX.
  • Как работает виртуальный DOM.
  • Компоненты в React.
  • Как работает React «под капотом».

+ Практикум

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

  • Обработка событий.
  • Динамика в приложении.
  • Жизненный цикл компонента.
  • Состояние компонентов.
  • Тонкости работы Webpack.
  • Тонкости конфигурации Webpack.
  • Грамотное разбиение приложения на компоненты.
  • Взаимодествие с DOM.

На этой неделе приготовьтесь перевернуть ваше представление о программировании! Мы научимся описывать наши компоненты с помощью ES6 классов, писать компоненты в функциональном стиле и научимся использовать композицию компонентов по полной! После того, как узнаем о компонентах все-все-все, мы перейдем к работе с состоянием в приложении. Познакомимся с концепцией однонаправленного потока данных и одной из ее реализаций — билиотекой Redux!

  • Использование ES6 классов для создания компонентов.
  • Higher Order Components.
  • Functional Components.
  • Использование ESLint.
  • Переиспользование компонентов.
  • Использование сторонних библиотек и компонентов.
  • Redux — функциональный подход к управлению данными.
  • Основные принципы Redux.

+ Практикум

На этой неделе мы продолжим работать с Redux! Узнаем обо всех его фишках и тонкостях! Научимся путешествовать во времени с Redux Dev Tools и научимся работать со сторонним API и обрабатывать асинхронные действия.

  • Middleware в Redux.
  • Redux dev tools.
  • Time Travel debugging.
  • Middleware в Redux.
  • Асинхронные actions в Redux.
  • Взаимодействие со сторонним API.
  • Концепции разделения ответственности.

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

  • Навигация в приложении.
  • Использование react-router.
  • Различные модули History.
  • Редиректы и переходы на странице.
  • Работа со ссылками.
  • React Router Hooks.
  • Механизм авторизации пользователя.
  • Интеграция роутинга с Redux.

+ Практикум

На этой неделе у нас 2 очень важные темы — использование иммутабельных данных и тестирование! Мы познакомимся с библиотекой ImmutableJS от Facebook и научимся использовать ее для работы с иммутабельными данными в приложнии. После этого переступим к изучению различных подходов для написания тестов. Будем писать тесты для наших функций, reducers, actions, компонентов и тестировать работу всего приложения в целом с использованием Selenium Web Driver.

  • Оптимизация производительности в React.
  • Правила для улучшения перформанса.
  • Pure Components в React.
  • Иммутабельные данные.
  • ImmutableJS.
  • Работа с ImmutableJS в React/Redux приложении.
  • Тестирование.
  • Настройка окружения для тестирования.
  • Написание unit тестов.
  • Enzyme: тесты на компоненты.
  • Nightwatch: Selenium тесты для веб-приложений.

На этой неделе мы уже перейдем к сложным вопросам построения крупных приложений, проектирования архитектуры и управления сложностью! Мы разберем разные подходы, которые позволяют упростить работу с большим количеством данных и разберем хитрости для улучшения перформанса в React! На занятиях мы будем разбирать код и архитектуру крупных живых проектов и попробуем отрендерить 100500 элементов на странице!

  • Абстрагирования структуры состояния.
  • Использование селекторов.
  • Нормализация данных.
  • Нюансы построения крупных приложений.
  • React Performance.
  • Архитектура приложений на React.

+ Практикум

Пришло время для продвинутых технологий, сложных функций и непростых задач. Мы с вами разберем тонкости настройки Continuos Integration и процесса деплоя наших приложений! Потом мы рассмотрим возможности React на сервере и напишем изоморфное приложение для отображения ленты новостей! Поверьте, после этой недели вы будете готовы писать на React все, что угодно!

  • Процесс деплоя приложения.
  • Деплой на GitHub Pages и Heroku.
  • Другие способы деплоя приложения.
  • Настрока Continuos Integration.
  • Travis CI.
  • Server-side рендеринг.
  • Изоморфные приложения на React.

+ Выпускной

Формат обучения

Учитывая опыт предыдущих потоков, мы переработали наш курс и построили обучение в формате blended learning:

пн
Video lessons
lessons 1 & 2
вт
ср
чт
пт
Live Q&A
lessons 1 & 2
сб
Practice
1 time in 2 weeks
вс

Что о нас говорят

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

Andrey Weber
Andrey Weber

Качество материала и его подача, актуальность технологий, максимально приближенные задания к реальной жизни, возможность задать вопрос и получить ответ практически 24\7.

Андрей Панюта
Андрей Панюта

Грамотная подача материала. Изучаемые темы подаются по возрастающей сложности, давая возможность плавно выйти на профессиональный уровень написания и восприятия современного JavaScript кода, и ReactJS в частности. Все темы максимально полезны для будущего реакт разработчика. На вебинарах разбирается, как каждый из используемых инструментов работает изнутри. Очень классные домашние заданные, которые дают возможность на практике закрепить темы пройденные на вебинарах. Менторство - очень классная идея, все менторы очень хорошо разбираются в предметной области, дают полезные советы и охотно делятся опытом, который нарабатывали годами.

Сергей Кравченко
Сергей Кравченко

Очень понравилось как преподносится материал. Из сильных сторон в курсе ReactJS могу выделить количество рассмотренных тем и вебинары по 2.5 - 3 часа. Обязательно буду рекомендовать курс своим друзьям.

Дима Тимчук
Дима Тимчук

Ходовой продукт — курс в ногу со временем.

Goncharov Anton
Goncharov Anton

Спасибо большое! Лучший курс на котором я бывал. Весь курс для меня был очень полезен.

Константин Багинский
Константин  Багинский

Очень подробные лекции. Полный курс, рассмотрены множество необходимых библиотек и технологий. Весь пройденный материал для меня очень полезен.

Александр Паниченко

Интересная и разносторонняя программа курса. Во время курса, открыл для себя интересный подход, применяемый в функциональном программировании.

Alexandr Omelchenko

Вы изучите

...и многое другое

Стоимость курса

  Light Standard
Основная программа
17 занятий по 2 и 3 часа
+
+
8 вебинаров «Вопрос/Ответ» по 1 часу
+
+
4 живых практикума по 3 часа
+
+
Все видеозаписи занятий
+
+
Система тщательно проработанных домашних заданий
+
+
Литература и ссылки для самообучения
+
+
Сертификат об окончании
+
+
Поддержка наставников
Закрытый чат с наставниками
для ваших вопросов
+
+
Проверка и ревью ваших домашних работ
+
+
6 индивидуальных занятий по 30 минут
-
+
Подарки от Front-end Science 2260 грн.!
Запись практикума по SVG от Екатерины Поршневой 1200 грн
+
+
Запись мастрекласса по GIT
от Сергея Пузанкова 600 грн.
+
+
Лицензия на IDE WebStorm
на 3 месяца 460 грн.
+
+
Стоимость обучения online
Ранняя регистрация
  Записаться Записаться
Количество мест на курсе ограничено!

Регистрация на курс

Вы выбрали пакет light. Цена грн.

Ой! Что-то пошло не так! Попробуйте еще раз, пожалуйста.
Или свяжитесь с нами по телефону +38 068 867-32-23.

Поздравляем!

Это верное решение!

Наш менеджер свяжется с Вами по телефону в ближайшее рабочее время. С ним Вы сможете обсудить все интересующие Вас вопросы, а также удобную для Вас схему оплаты и прочие рабочие вопросы.

До встречи на занятиях!