Курс
React: фреймворк фронтенд-разработки
Освоите самый выбираемый веб-фреймворк 2024 года и расширите карьерные возможности
Научитесь создавать пользовательские интерфейсы
Когда
В любое время
Длительность
2,5 месяца
Необходимые навыки
Знание JavaScript
Документ
Удостоверение о повышении квалификации
Чёрная пятница в разгаре
Дарим 7 занятий по работе с ИИ при покупке курса
React — JavaScript-библиотека для создания интерфейсов
React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.
По статистике загрузок, React выбирают чаще остальных веб-фреймворков.
React — самый популярный фреймворк среди разработчиков,
по данным Stack Overflow
Начинающим JavaScript-разработчикам
Освоите один из самых популярных фреймворков и сможете работать над более интересными задачами
Опытным разработчикам
Расширите профессиональные навыки и повысите свою ценность на рынке труда
Курс входит в профессию «Frontend-разработчик»
За время обучения вы выполните 37 практических задач
Примеры задач
Создадите навигационное меню для сайта и презентуете товары в разных форматах
Сверстаете блоки с новостными постами и настроите автоматическое форматирование дат публикаций
Создадите календарь с текущей датой и мировые часы, которые тикают и ходят стрелкой по циферблату
Сверстаете портфолио с разбивкой по категориям и поработаете над агрегацией данных для таблиц
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.
15 часов практики
Предназначение системы контроля версий
Основные операции: фиксация и откат изменений, поиск, история
Работа с сервисом GitHub
Ветки, слияние веток и разрешение конфликтов
Командная работа
Английский язык для начинающих разработчиков
Бонус
Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.
Чтение технической документации
Языки программирования. Составление отчётов об ошибках
QA-тестирование
Слова из технической сферы, которые часто произносят неправильно
Навык просмотра англоязычного видеоконтента
Самопрезентация. Elevator Pitch
Прохождение собеседований
Высококлассное резюме и сопроводительное письмо
Email-переписка
Общение в технических чатах
Как вести звонки и встречи
Как учить лексику
Как учить грамматику
Вы суммируете все знания и навыки, полученные на курсе
Создадите и развернёте в интернете полноценный фронтенд для интернет-магазина: с поиском, корзиной, оформлением заказа и постраничной навигацией.
Онлайн-лекции
Занимаетесь в удобное время — материалы доступны в личном кабинете
Практика
Выполняете практические задание после каждого вебинара. Эксперт лично проверяет и даёт развёрнутую обратную связь
Сопровождение
Общаетесь с преподавателями в общем чате группы. Координаторы и аспиранты помогут решить организационные вопросы
Все уроки теперь и в мобильном приложении
Мы разработали платформу для смартфонов, чтобы вы могли учиться в спортзале, самолёте, на даче или в пути.
Учитесь, где нравится
Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы
Занимайтесь даже без интернета
Можно скачать материалы на телефон и учиться даже там, где плохая связь
Получайте подсказки по дедлайнам
Приложение работает как помощник: напомнит про домашнюю работу или вебинар
Загружайте задания с телефона
Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя
Уверенный пользователь 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 минут без звонков и ожиданий. Одобрение через СМС
Одним платежом
Банковская карта, СБП или из‑за рубежа
Через собственное юрлицо или работодателя
Чёрная пятница в разгаре
Дарим 7 занятий по работе с ИИ при покупке курса
1Запись на обучение
2Выбор способа оплаты
3Оплата
...
Частями без переплат
1 833 ₽/месяц
3 333 ₽ на 12 месяцев
Одним платежом
со скидкой 5%
20 900
₽40 000 ₽
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Этот курс не привязан к датам: все материалы откроются сразу
Frontend-разработка на React
Частями без переплат
1 833 ₽/месяц
3 333 ₽ на 12 месяцев
Одним платежом
со скидкой 5%
20 900
₽40 000 ₽
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Запишитесь на курс
Как оформить рассрочку, какие условия предоставления рассрочки?
Рассрочку без переплат можно оформить через Сбер, Т-Банк и другие банки-партнёры на сроки от 6 до 36 месяцев. Решение о предоставлении рассрочки принимает банк.
Что такое оплата частями?
Оплата частями — сервис, который помогает разбить стоимость покупки на равные части и выплачивать их в течение нескольких месяцев (от 2 до 24). Покупателю не нужно заключать кредитный договор. При использовании этого сервиса возможна переплата.
Развивайте профессиональные навыки в онлайн-формате