Каталог курсов

Курс

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

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

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

Когда

В любое время

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

2,5 месяца

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

Знание JavaScript

Документ

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

45%
с 19.11 по 21.11

Чёрная пятница в разгаре

Дарим 7 занятий по работе с ИИ при покупке курса

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

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 с внешними ресурсами

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

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

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

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

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

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

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

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

Учитесь сейчас — платите, как вам удобно

В рассрочку или частями

До 24 месяцев через популярные сервисы или банки без переплат

Онлайн-оформление за 5 минут без звонков и ожиданий. Одобрение через СМС

Одним платежом

со скидкой 5%

Банковская карта, СБП или из‑за рубежа

Через собственное юрлицо или работодателя

45%
с 19.11 по 21.11

Чёрная пятница в разгаре

Дарим 7 занятий по работе с ИИ при покупке курса

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

1Запись на обучение

2Выбор способа оплаты

3Оплата

...

старт
Запишитесь на курс

Частями без переплат

1 833 ₽/месяц

3 333 на 12 месяцев

Одним платежом

со скидкой 5%

20 900

 ₽

40 000

-45%
акция действует
до 21 ноября
627
баллов Плюса
при оплате Яндекс Пэй

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

Возможность получить налоговый вычет — 13%

Этот курс не привязан к датам: все материалы откроются сразу

Frontend-разработка на React

Частями без переплат

1 833 ₽/месяц

3 333 на 12 месяцев

Одним платежом

со скидкой 5%

20 900

 ₽

40 000

-45%
акция действует
до 21 ноября
627
баллов Плюса
при оплате Яндекс Пэй

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

Возможность получить налоговый вычет — 13%

Запишитесь на курс

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

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

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

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

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

Учитесь из любой точки
в любое время

Развивайте профессиональные навыки в онлайн-формате

Москва
Санкт-Петербург
Новосибирск
Екатеринбург
Казань
Нижний Новгород
Красноярск
Челябинск
Самара
Уфа
Ростов-на-Дону
Краснодар
Омск
Воронеж
Пермь
Волгоград
Саратов
Тюмень
Тольятти
Барнаул
Махачкала
Ижевск
Хабаровск
Ульяновск
Иркутск
Владивосток
Ярославль
Томск
Ставрополь
Кемерово
Набережные Челны
Оренбург
Новокузнецк
Балашиха
Рязань
Чебоксары
Пенза
Липецк
Калининград
Ташкент
Баку
Минск
Алматы
Ереван
Бишкек