Каталог курсов
Избранное
Курс

React: фреймворк фронтенд-разработки

Освоите самый выбираемый веб-фреймворк 2024 года и расширите карьерные возможности

Научитесь создавать пользовательские интерфейсы

Когда

В любое время

Длительность

2,5 месяца

Необходимые навыки

Знание JavaScript

Документ

Удостоверение о повышении квалификации

30%
с 25.12 по 27.12

В сезон подарков и пожеланий

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

Условия акции

React — JavaScript-библиотека для создания интерфейсов

React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.

По статистике загрузок, React выбирают чаще остальных веб-фреймворков.

React — самый популярный фреймворк среди разработчиков, 
по данным Stack Overflow

Кому подойдёт курс React

Начинающим JavaScript-разработчикам
Освоите один из самых популярных фреймворков и сможете работать над более интересными задачами

Опытным разработчикам

Расширите профессиональные навыки и повысите свою ценность на рынке труда

Курс входит в профессию «Frontend-разработчик»

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

За время обучения вы выполните 37 практических задач

Примеры задач

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

Сверстаете портфолио с разбивкой по категориям и поработаете над агрегацией данных для таблиц

Программа обучения — 2,5 месяца

Чтобы программа соответствовала запросам рынка труда, мы проводим 3 этапа исследований

13 часов теории, 76 часов практики

● Программа повышения квалификации

● Вы можете изучать теорию и выполнять домашние задания в удобное для вас время

● Доступ открыт в течение 1 года

● Видеолекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете

Компоненты

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

4 часа теории

12 часов практики

Компоненты

События и состояние

Props

Формы

Продвинутые техники, одностраничные приложения

Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.

5 часов теории

15 часов практики

Композиция компонентов

Жизненный цикл и работа с HTTP

Higher-order component (HOC)

Hooks, Context API

React Router

Redux — управление состоянием

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

3 часа теории

9 часов практики

Redux и Redux Thunk

Redux Observable

Redux Saga

Git — система контроля версий

Бонус

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

5 часов теории

15 часов практики

Предназначение системы контроля версий

Основные операции: фиксация и откат изменений, поиск, история

Работа с сервисом GitHub

Ветки, слияние веток и разрешение конфликтов

Командная работа

Английский язык для начинающих разработчиков
Бонус

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

5 часов теории
13 часов практики
Чтение технической документации
Языки программирования. Составление отчётов об ошибках
QA-тестирование
Слова из технической сферы, которые часто произносят неправильно
Навык просмотра англоязычного видеоконтента
Самопрезентация. Elevator Pitch
Прохождение собеседований
Высококлассное резюме и сопроводительное письмо
Email-переписка
Общение в технических чатах
Как вести звонки и встречи
Как учить лексику
Как учить грамматику

Итоговый проект

Вы суммируете все знания и навыки, полученные на курсе

Создадите и развернёте в интернете полноценный фронтенд для интернет-магазина: с поиском, корзиной, оформлением заказа и постраничной навигацией.

✦ Пример проекта

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

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

  • Онлайн-лекции

    Занимаетесь в удобное время — материалы доступны в личном кабинете

  • Практика

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

  • Сопровождение

    Общаетесь с преподавателями в общем чате группы. Координаторы и аспиранты помогут решить организационные вопросы


Все уроки теперь и в мобильном приложении

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

  • Учитесь, где нравится 

    Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы

  • Занимайтесь даже без интернета

    Можно скачать материалы на телефон и учиться даже там, где плохая связь

  • Получайте подсказки по дедлайнам

    Приложение работает как помощник: напомнит про домашнюю работу или вебинар

  • Загружайте задания с телефона

    Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

Что вы получите в результате обучения

Уверенный пользователь React

    Ключевые навыки

  • Работа с библиотекой React
  • Инициализация приложений

  • Обработка событий и передача состояния компонентов React

  • Владение самым современным API: Hooks и Context API

  • Реализация методов жизненного цикла компонентов

  • Работа с контролируемыми и неконтролируемыми компонентами

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

  • Реализация постраничной навигации React-приложений

  • Работа с пакетами Redux Toolkit, Redux Observable и Redux Saga

Инструменты, которые вы освоите
React
React

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

React Router

React Router

Стандартная библиотека маршрутизации (routing) в React.

Redux

Redux

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

Component Lifecycle

Component Lifecycle

React вызывает методы жизненного цикла для оповещения компонента о том, что что-то происходит.

SPA

SPA

Приложение или сайт, использующий единственный HTML-документ как оболочку для всех страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX.

JSX
JSX
Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.
Redux Toolkit
Redux Toolkit
Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux
Context API
Context API
Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо
Redux Observable
Redux Observable
Промежуточное ПО, которое позволяет работать с асинхронными действиями
Hooks
Hooks
Функции, которые позволяют использовать React без классов
Redux Saga
Redux Saga
Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами

Вашу квалификацию подтвердит официальный документ

Мы обучаем по государственной лицензии и выдаём документы установленного образца.

При успешной защите итогового проекта вы получите удостоверение о повышении квалификации, которое подтвердит работодателю ваши компетенции.

Предложение для компаний

Вы можете обучить сотрудников на этом курсе. Адаптируем программу под ваш бизнес и предоставим отчёты об успеваемости. При обучении сразу нескольких сотрудников — более выгодная стоимость.

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

Вернём деньги, если обучение не подойдёт

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

30%
с 25.12 по 27.12

В сезон подарков и пожеланий

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

Условия акции
1
Запись на обучение
2
Выбор способа оплаты
3
Оплата
...
старт
Запишитесь на курс
Частями без переплат
2 333 ₽/месяц
3 333 на 12 месяцев
Одним платежом
со скидкой 5%
26 600
 ₽
40 000
-30%
акция действует
до 27 декабря
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Этот курс не привязан к датам: все материалы откроются сразу
Frontend-разработка на React
Частями без переплат
2 333 ₽/месяц
3 333 на 12 месяцев
Одним платежом
со скидкой 5%
26 600
 ₽
40 000
-30%
акция действует
до 27 декабря
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Запишитесь на курс
Нажимая кнопку, принимаю условия политики и пользовательского соглашения

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

  • Как оформить рассрочку, какие условия предоставления рассрочки?

    Рассрочку без переплат можно оформить через Сбер, Т-Банк и другие банки-партнёры на сроки от 6 до 36 месяцев. Решение о предоставлении рассрочки принимает банк.

  • Что такое оплата частями?

    Оплата частями — сервис, который помогает разбить стоимость покупки на равные части и выплачивать их в течение нескольких месяцев (от 2 до 24). Покупателю не нужно заключать кредитный договор. При использовании этого сервиса возможна переплата.