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

Направления обучения

Все курсы Маркетинг Бизнес и управление Дизайн и UX Программирование Аналитика Управление командой Высшее образование Творческие профессии Профессии в образовании Корпоративное обучение Новые профессии Финансы и инвестиции Компьютерные игры Саморазвитие и хобби

Бесплатный курс

начало карьеры

IT-профессии

Как выбрать направление и реализовать себя

Курс

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

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

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

Поможем подобрать обучение

Когда

11 октября — 17 декабря

Стартует через 7 дней

Не подходит дата старта? Запишитесь сейчас, а учитесь со следующим набором

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

2,5 месяца

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

Знание JavaScript

Документ

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

Акция

-30%

Акция

-30%

30%

с 03.10 по 05.10

В самый разгар осени

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

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

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

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

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

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

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

Начинающим JavaScript-разработчикам

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

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

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

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

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

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

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

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

Сверстаете блоки с новостными постами и настроите автоматическое форматирование дат публикаций

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

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

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

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

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● На лекции и практические задания понадобится 10 часов в неделю

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

Компоненты

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

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-переписка

Общение в технических чатах

Как вести звонки и встречи

Как учить лексику

Как учить грамматику

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

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

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

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

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

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

Онлайн-лекции
Задаёте преподавателям вопросы на вебинарах два раза в неделю по вечерам. Записи будут доступны в личном кабинете
Практика
Выполняете практические задание после каждого вебинара. Эксперт лично проверяет и даёт развёрнутую обратную связь
Сопровождение
Общаетесь с преподавателями в общем чате группы в Discord. Координаторы и аспиранты помогут решить организационные вопросы
Трудоустройство или стажировка
Получаете поддержку Центра развития карьеры в подготовке резюме и портфолио, прохождении собеседования и поиске стажировок

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

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

Учитесь, где нравится
Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы
Занимайтесь даже без интернета
Можно скачать материалы на телефон и учиться даже там, где плохая связь
Получайте подсказки по дедлайнам
Приложение работает как помощник: напомнит про домашнюю работу или вебинар
Загружайте задания с телефона
Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

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

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

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

Работа с библиотекой React

Инициализация приложений

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

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

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

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

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

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

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

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

React

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

React Router

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

Redux

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

Component Lifecycle

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

SPA

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

JSX

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

Redux Toolkit

Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux

Context API

Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо

Redux Observable

Промежуточное ПО, которое позволяет работать с асинхронными действиями

Hooks

Функции, которые позволяют использовать React без классов

Redux Saga

Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами

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

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

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

Мы поможем с трудоустройством

Вас ждёт бесплатная программа трудоустройства Центра развития карьеры

Оформите резюме

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

Узнаете, как найти работу

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

Подготовитесь к собеседованию

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

Соберёте портфолио

Оформите портфолио так, чтобы работодатель убедился в ваших навыках

Научитесь работать на себя

Узнаете, где искать первых заказчиков и как выстраивать с ними коммуникацию

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

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

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

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

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

Подробные условия