курс
«введение в react»

Научитесь создавать веб-приложения на React.js при поддержке опытных разработчиков

  • Объём практики:

    60 часов

  • Начальные требования:

    первокурсник

  • Итоговый уровень:

    стажёр

  • Подходит ли вам курс

    Этот курс подойдёт тем, кто уже знаком c HTML, CSS и JavaScript или прошёл наши курсы для новичков по вёрстке и программированию.

  • Ваш уровень после курса

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

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

    • познакомитесь с основными возможностями библиотеки React:
      • JSX,
      • компоненты,
      • хуки.
    • научитесь управлять состоянием компонентов и передавать данные (на примере React Hooks useState),
    • разработаете по техническому заданию две игры, которые можно будет добавить в портфолио,
    • познакомитесь с современной архитектурой одностраничного приложения (SPA).

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

Начать курс

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

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

Самостоятельно занимаетесь на платформе HTML Academy

В комфортном для себя ритме обучаетесь на наших тренажёрах. Вся теория объясняется простым языком и тут же закрепляется на практике. Вы пишете код 80% своего времени.

Пример проекта - Pics to Words

Поэтапно выполняете учебный проект

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

Общаетесь в учебном чате

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

Фотография учебного чата
Пример проекта - Конструктор сайтов

Разрабатываете личный проект

В заключительной части курса вы приступаете к личному проекту - конструктору сайтов. Личный проект вы делаете с нуля самостоятельно. Если по учебным проектам вас вела автоматическая система, то с личным проектом вам помогают опытные разработчики — наши наставники.

Участвуете в регулярных живых консультациях с разработчиками-наставниками

С самого начала обучения вы можете общаться с серьёзными практикующими разработчиками и перенимать их опыт. На консультациях разбираются сложные вопросы по теории курса и вопросы, связанные с разработкой личного проекта.

Привет. У меня неправильно сортируется таблица с результатами. Взглянешь?
Да, конечно.
Вопрос к наставнику

Получаете глубокое кодревью личного проекта опытным разработчиком

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

Начать курс

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

  1. Раздел 1. Синтаксис JSX и создание компонентов
    • Принципы организации кода в SPA.
    • Компонентная архитектура.
    • Передача данных в компоненты и шаблонизация.
    • JSX для React-компонентов.
    • Операторы ES2015, которые используются в React-приложениях.
  2. Раздел 2. Состояние компонентов и обработка событий
    • Особенности обработки событий в React.
    • props vs state.
    • React Hooks и useState.
    • Колбэки для передачи состояния.
  3. Раздел 3. Логика в компонентах
    • Принципы выделения компонентов.
    • Техники разделения логики и отображения.
    • Таймеры в браузере и в React-компонентах для управления состоянием.
    • Продвинутые возможности JSX.
    • Композиция.
  4. Раздел 4. Экраны приложения
    • Высокоуровневые компоненты для управления передачей данных.
    • Приёмы передачи данных между компонентами.
    • Переключение экранов приложения.
    • Работа с табличными данными.
    • Продвинутые приемы работы с состоянием.
  5. Раздел 5. Финальный этап работы над проектом
    • Склонение числительных.
    • Алгоритмы тасования массива.
    • Внешние сервисы данных в компонентах.
  6. Раздел 6. React в коммерческой разработке
    • Разделение проекта на модули.
    • Сборка проекта с webpack.
    • Преимущества и недостатки инструмента Create React App.

Загружаем…