PRO курс

JS: React

2110 сообщений в сообществе 3384 учащихся

React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В этом курсе мы затронем все аспекты его работы и шаг за шагом, начиная с простых компонентов, дойдем до взаимодействия с бэкендом и интеграции с кодом, написанным без его использования (на jQuery).

Чему вы научитесь:

  • Создавать полноценные приложения на React
  • Грамотно организовывать состояние приложения
  • Взаимодействовать с бекендом по API
  • Интегрировать React со сторонними библиотеками
состояние JSX компоненты производительность
Последнее обновление: 15 октября 2020

Уроки курса

  • 1

    Введение

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

    Компоненты

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

    тесты

    упражнение

  • 3

    JSX

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

    тесты

    упражнение

  • 4

    Props

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

    тесты

    упражнение

  • 5

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

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

    тесты

    упражнение

  • 6

    Различия jsx и html

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

    тесты

    упражнение

  • 7

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

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

    упражнение

  • 8

    Children

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

    тесты

    упражнение

  • 9

    Состояние

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

    тесты

    упражнение

  • 10

    События

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

    тесты

    упражнение

  • 11

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

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

    упражнение

  • 12

    Формы

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

    тесты

    упражнение

  • 13

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

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

    тесты

    упражнение

  • 14

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

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

    тесты

    упражнение

  • 15

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

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

    упражнение

  • 16

    Virtual Dom

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

    тесты

    упражнение

  • 17

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

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

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

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

    упражнение

  • 19

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

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

    упражнение

  • 20

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

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

    тесты

  • 21

    Refs

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

    упражнение

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.

# Задание % завершений
1 Не трогай меня 75%
2 Модальные окна 57%

Автор

Аватар пользователя Kirill Mokevnin

Кирилл Мокевнин

Сооснователь и CEO образовательного проекта Хекслет. Программирую с 2007 года. За это время прошёл путь от разработчика до технического директора и управляющего отдельным подразделением (филиалом). Управлял командами, в которых больше 50 разработчиков.

  • Программирую на языках: Elixir, Clojure, JavaScript, PHP, Ruby.
  • Соорганизатор конференции Nastachku.ru.
  • Вимер.
  • Топлю за DevOps и автоматизированные тесты.

Впечатления

Урок: Refs

Данный курс зашел как по маслу, материал полностью доступен для понимания! Нет ни одного момента, который остался бы полностью не раскрытым. Даже глава "Производительность" дала ключевое понимание правильной оптимизации приложения на Реакте, хотя, казалось бы, что можно рассказать в одной главе на одну страничку про такое огромное как Optimization, но и тут Хекслет показал своё мастерство в подаче материала. Просто Восторг! Спасибо за отличнейший курс!

Спасибо за отличный курс по React! Раньше для меня Reaсt казался чем то сложным , но после такого досконального объяснения разных мелочей , рад что стал намного лучше разбираться в нем чем раньше. После подробного изучения темы про DOM API , React получилось пройти в два раза быстрее , хотя сама тема в 2 раза больше )))

Урок: Refs

Невероятно! Наконец-то я добрался до React! После Vue очень непривычно ) Но зато, когда есть какое-то понимание работы одного фреймворка, изучение другого дается намного приятнее ) Спасибо! Отличный подход в обучении! Как раз при самостоятельном обучении или при обучении на других курсах всегда не хватало понимания - в каких ситуациях какой стратегии придерживаться? А Вы сразу делаете акцент на правильном подходе к написанию кода. Именно эти знания мне нужно получить от профессионалов! Спасибо огромное! Отличный курс!

Урок: Refs

Спасибо за действительно классный курс! Получилось довольно быстро въехать в основные концепции реакта благодаря тому, что материал изложен, на мой взгляд, очень доступно. Хочу посоветовать тем, кто еще не щупал девтулзы браузеров, как можно скорее это сделать, потому что мне это дико помогало в практике к курсу (особенно расстановка брейкпоинтов)

Спасибо за такие задачи! Очень сильно заставляет поработать с знаниями из всего курса, что очень важно при обучении.

Курс JS: React
продолжительность
24 часа
награда
107 баллов