Акции школ
Войти

Курс «JS: React»

Составитель: Денис Сметнёв · Обновлено: 25.06.2026

Курс "JS: React" продолжительностью 20 дней полностью посвящён изучению библиотеки. Его прохождение полностью перевернет представления о разработке фронтенда. JavaScript-разработчик узнает все аспекты работы с React и, начав с простых компонентов, дойдет до взаимодействия с бэкендом и интеграции с кодом, который написан на jQuery. Программа предусматривает 49 часов теории и тестирование, 21 модуль и упражнения. Учёба завершается сдачей 2 практических заданий. За обучающимися по плану "Премиум" закрепляется персональный наставник. Диплом не выдаётся.

Подробнее


Компания: Хекслет (Hexlet)

Язык: ru

Уровень: Средний Длительность: 3 недели Старт: в любое время
Рассрочка: от 2 400 ₽/мес
📁 1 проект в портфолио
Почему мы рекомендуем: актуальные данные курса — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)

Кем вы сможете работать

Фронтенд-разработчик

Сколько зарабатывают в профессии (медиана hh.ru, по 191 вакансиям)

Junior
112 500 ₽
Middle
200 000 ₽
Senior
261 000 ₽

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ

Листайте таблицу вбок, чтобы увидеть срок, рейтинг и диплом
КурсШколаЦенаСрокРейтингДиплом
JS: React (этот) Хекслет (Hexlet) 3 900 ₽ 3 недели
Профессиональный JavaScript, уровень 1 HTML Academy (HTML академия) 24 900 21 900 ₽ 2 месяца 5.0 Перейти
Курс JavaScript — полный курс с нуля до результата beONmax беспл. 4.3 Сертификат Перейти
JavaScript для начинающих программистов OTUS (Отус) 10 000 ₽ 4.0 Перейти
3 900 ₽ · от 2 400 ₽/мес
Перейти на страницу курса
Длительность курса

Длительность курса

20 дней

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

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

Короткие лекции в виде текста или видео, тесты, упражнения. Практические задания после завершения курса

Обратная связь

Обратная связь

В плане “Профессиональный” можно задавать вопросы менторам в разделе «Обсуждение». В плане “Премиум” закрепляется персональный наставник, который проверяет проекты, делает код-ревью: включено 4 часа голосовых консультаций наставника. Это время можно частично или полностью заменить на переписку в чате в пропорции 1 к 1.5.

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

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

49 часов теории с тестами и упражнениями после каждого модуля 21 модуль 2 практических задания после курса

Чему научитесь

  • Создавать и отрисовывать в браузере React-компонент
  • Эффективно использовать jsx.
  • Понимать механизм передачи данных в компоненты
  • Обрабатывать коллекции данных внутри компонентов
  • Разбираться в особенностях jsx, которые работают не так как в HTM
  • Работать с классами компонентов, которые могут изменяться динамически
  • Создавать компоненты боксы, способные работать с вложенными компонентами
  • Создавать stateful-компоненты, добавлять интерактивности
  • Разбираться в особенностях системы событий React
  • Правильно работать с автоматами в React
  • Понимать принципы взаимодействия с формами
  • Работать с составными структурами в неизменяемом стиле
  • Управлять событиями во вложенных компонентах
  • Создавать компоненты на основе функций и использования пространств имён
  • Разрабатывать асинхронных обработчиков
  • Выжимать из React максимальную производительность
  • Взаимодействовать с реальным DOM для интеграции сторонних компонентов
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

JavaScript-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

Введение

Познакомиться с курсом и подготовить окружение.

теория

Компоненты

Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере.

теория

тесты

упражнение

JSX

Научиться эффективно использовать jsx.

теория

тесты

упражнение

Props

Познакомиться с механизмом передачи данных в компоненты.

теория

тесты

упражнение

Работа с коллекциями

Научиться обрабатывать коллекции данных внутри компонентов.

теория

тесты

упражнение

Различия jsx и html

Узнать об особенностях jsx, которые работают не так как в html.

теория

тесты

упражнение

Обработка имён классов

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

теория

упражнение

Children

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

теория

тесты

упражнение

Состояние

Познакомиться с созданием stateful компонентов. Научиться добавлять интерактивности.

теория

тесты

упражнение

События

Познакомиться с особенностями системы событий React.

теория

тесты

упражнение

Автоматное программирование

Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в React.

теория

упражнение

Формы

Изучить принципы взаимодействия с формами.

теория

тесты

упражнение

Неизменяемость

Научиться работать с составными структурами в неизменяемом стиле. Познакомиться с библиотекой `immutability-helper`.

теория

тесты

упражнение

Вложенные компоненты

Разобраться с хранением состояния и управлением событиями во вложенных компонентах.

теория

тесты

упражнение

Функциональные компоненты

Рассмотреть создание компонентов на основе функций и использования пространств имён.

теория

упражнение

Virtual Dom

Познакомиться с устройством React.

теория

тесты

упражнение

Тестирование

Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.

теория

Асинхронная обработка

Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков.

теория

упражнение

Жизненный цикл компонента

Познакомиться с жизненным циклом компонента в процессе работы.

теория

упражнение

Производительность

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

теория

тесты

Refs

Научиться взаимодействовать с реальным DOM для интеграции сторонних компонентов.

теория

JavaScript

immutability-helper

React

Работа с коллекциями

Обработка имён классов

создание компонентов боксов, способных работать с вложенными компонентами.

Автоматное программирование

создание асинхронных обработчиков.

взаимодействие с реальным DOM для интеграции сторонних компонентов.

Навыки, которые вы получите

 
РАБОТА С КЛАССАМИ АСИНХРОННОЕ ПРОГРАММИРОВАНИЕ

Компания, проводящая курс

Хекслет (Hexlet)

91 курс по 336 темам

Образовательная платформа Хекслет (Hexlet) осуществляет образовательную деятельность по направлениям программирования. В 2014 году проект...

Преподаватели курса

Сооснователь и CEO образовательного проекта Хекслет.

Сооснователь и CEO образовательного проекта Хекслет....

Ни одного отзыва об этом курсе

Может, вы можете помочь? Вам будут благодарны многие пользователи. И мы тоже.

Подборки лучших курсов по теме

По темам этого курса на MOOC есть рейтинги лучших программ — сравнение цен, длительности и отзывов в одном месте.

больше курсов

Похожие курсы компании

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
больше курсов

Другие курсы этих преподавателей

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900