О профессииКак проходит курсКоманда курсаПрограмма
КомпаниямПопробовать бесплатно
Кому подойдёт курс
Тем, кто знаком с основами JS, CSS, HTML и умеет работать с Git и npm. Если вы не уверены, что справитесь с курсом, попробуйте пройти бесплатный тест из задач по вёрстке и JavaScript.
Попробовать бесплатно
Зачем разработчикам React
React — самая популярная библиотека для фронтенд-разработки.

А ещё это стабильный фреймфорк, который легко поддерживать: поэтому на нём пишут большие популярные веб-приложения.

Разработчикам, которые умеют использовать React, обычно проще искать работу и получать повышения.
Технологии и навыки, которые вы освоите

React
Redux
Деплой
Роутинг
Безопасность
TypeScript
WebSocket
Vitest
Рефакторинг
Playwright
RTK Query
Drag‑and‑Drop
Оптимизация
Подготовка к деплою
Redux Toolkit
Как проходит курс
Он длится 3,5 месяца, нужно будет посвящать занятиям по 12–15 часов в неделю
По расписанию только вебинары с наставниками, остальное — в своём темпе
Опытные разработчики разбирают сложные кейсы и отвечают на ваши вопросы на живых вебинарах. Если не успеваете, можно смотреть в записи.
Только на практике и через код-ревью
Будете заниматься онлайн на платформе Практикума: объясним теорию простым языком, а вы отработаете её на практике в тренажёре.
С самостоятельными проектами
Напишете веб-приложение космической бургерной со сложной функциональностью: главной страницей, личным кабинетом и лентой заказов.
Практикум AI помогает проходить курс
Когда в теории что-то непонятно, нейросеть объяснит это другими словами. А в конце каждого модуля подготовит краткий пересказ о самом главном.
Программа курса
Рассчитана на 3,5 месяца, курсу нужно уделять 12–15 часов в неделю
Скачать программу в PDF
~3 часа
Бесплатно
Бесплатное введение
Узнаете, как устроена программа, пройдёте тестирование и сможете понять, подходит ли вам курс
Как всё устроено
Вы узнаете больше о курсе. Ознакомитесь с организационными деталями и работой команды сопровождения, а в конце мы синхронизируемся по ожиданиям.
Тестирование
Чтобы вы проверили знания и объективно оценили свои силы, мы предлагаем ответить на 11 вопросов. Потом поможем интерпретировать результаты и перейти к курсу.
2
3 недели
Основы React
  • JSX
  • Хуки
  • Vite
  • Stylelint, ESLint, Prettier
  • Storybook
  • CSS-модули
  • React DevTools
  • React DnD
SPA и фреймворки
Узнаете принципы SPA, освоите реактивное программирование на React, Angular и Vue. На практике создадите проекты и научитесь выбирать лучшие инструменты для современных веб‑интерфейсов.
Настройка и сборка фронтенд‑проекта
Научитесь запускать и настраивать фронтенд на Vite, работать с CSS, автоматизировать сборку и следить за качеством кода.
Основы React
Разберётесь с виртуальным DOM, JSX и компонентами, освоите действия с props, списками и научитесь обрабатывать пользовательские события для создания удобных интерфейсов.
Состояние и эффекты в React
Освоите хуки для управления состоянием и эффектами, научитесь работать с ref, поднимать состояние, строить контейнерные и презентационные компоненты.
Компоненты и жизненный цикл
Познакомитесь с классами и функциями, изучите жизненный цикл компонентов, оптимизацию рендера, обработку ошибок и построение устойчивой архитектуры.
Изоляция компонентов и Storybook
Научитесь проектировать независимые компоненты, использовать CSS-модули и Storybook для интерактивной разработки и документации UI.
Продвинутый React
Научитесь делать приложения максимально быстрыми: освоите мемоизацию, конкурентный рендеринг, работу с порталами и HOC. Получите навыки для сложных задач и крупных продуктов.
Сверстаете главную страницу приложения, реализуете модальные окна, получите первые данные с сервера и оптимизируете вычисления в компонентах, используете JavaScript или TypeScript в зависимости от вашего опыта
3
2 недели
Управление состоянием и пользовательский опыт
  • React Context
  • State Reducer
  • Кастомные хуки
  • Redux
  • Redux Toolkit
  • Redux DevTools
  • RTK Query
  • Drag-and-Drop
Глобальное состояние
Научитесь уверенно управлять данными приложения через хуки, контекст и редьюсеры — сможете строить сложные и гибкие интерфейсы
Redux
Освоите проектирование на Redux, сможете строить масштабируемые приложения с actions, reducers и middleware для стабильной работы
Redux Toolkit
Будете создавать состояния с помощью слайсов и асинхронных экшенов, научитесь быстро интегрировать бизнес-логику и автоматизировать работу интерфейса
RTK Query
Научитесь легко получать и обновлять данные из API, сможете управлять ошибками и обеспечивать стабильность ваших приложений
Drag-and-Drop
Освоите современную работу с Drag‑and-Drop — сможете интегрировать React-DnD, хранить состояние и создавать удобные интерактивные интерфейсы
Добавите глобальное состояние, при помощи Redux Toolkit или RTK Query. Реализуете конструирование бургера перетаскиванием, используя библиотеку React-DnD. Сделаете сортировку ингредиентов перетаскиванием. Создадите свой первый бургер, отправляя запрос на сервер
4
2 недели
Роутинг, безопасность
  • React Router
  • Redux Toolkit
  • RTK Query
  • History API
  • React Suspense
  • Методы аутентификации и авторизации
React Router
Научитесь настраивать маршруты, работать с параметрами URL и защищать разделы приложения для удобной и безопасной навигации
Авторизация
Освоите построение современной системы авторизации: реализуете защищённые маршруты, работу с ролями, JWT, cookies и LocalStorage для надёжного доступа пользователей
Добавите в приложение авторизацию: сделаете страницы авторизации, регистрации, восстановления пароля и профиля пользователя. Опишете маршруты в приложении, используя декларативный подход или подход на основе массива. Добавите работу с JWT-токенами, организуете защиту маршрутов, реализуете модальные окна на основе навигации
5
2 недели
TypeScript
  • TypeScript
  • Типизация (useContext, forwardRef, createRef, Error Boundaries, HOC)
Введение в TypeScript
Научитесь внедрять типизацию, создавать надёжный код и использовать возможности TypeScript в реальных проектах
Типизация кода
Освоите статические и динамические типы, сможете документировать и расширять API для командной работы
Основы TypeScript
Будете создавать собственные типы и интерфейсы, типизировать функции, работать со структурами данных и реализовывать классы
TypeScript в React
Научитесь типизировать компоненты, работать с событиями и DOM, интегрировать сложные типы для современных интерфейсов
Перепишите приложение на TypeScript и убедитесь, что типы в вашем приложении описаны корректно, обеспечивают его удобную и безопасную дальнейшую поддержку
6
2 недели
Использование WebSocket в React-приложении
  • TypeScript
  • Redux
  • WebSocket
  • Cypress
  • Jest
Типизация Redux
Научитесь типизировать экшены, слайсы и стор, сможете грамотно описывать хуки useDispatch и useSelector для удобной работы с данными
WebSockets
Освоите работу с WebSocket: будете устанавливать соединения, обмениваться данными и реализовывать функциональность real‑time в приложениях
WS и Redux: middleware
Научитесь интегрировать WebSocket с Redux, строить middleware для обработки событий и корректно хранить данные в режиме реального времени
WS и RTK Query
Сможете подключать WebSocket к RTK Query, автоматизировать передачу данных, обрабатывать разрывы соединений и обеспечивать устойчивость real-time‑приложений
Научите приложение работать с вебсокетами, используя возможности библиотек Redux Toolkit или RTK Query. Реализуете ленты заказов, убедитесь в правильной типизации глобального хранилища вашего приложения
7
2 недели
Организация, тестирование и деплой React-приложений
  • FSD
  • TDD
  • Vitest
  • Playwright
  • MSW
  • fixtures
  • Helmet
  • CI
Организация кода и архитектура
Освоите принципы современной архитектуры: научитесь строить масштабируемую структуру приложения по слоям, фичам и модулям — от UI‑компонентов до автоматизации сборки
Тестирование: Vitest и Playwright
Научитесь уверенно тестировать приложения: писать интеграционные, юнит‑ и e2e‑тесты, создавать моки и автоматизировать проверку качества на всех уровнях
Подготовка к продакшну
Будете проектировать надёжную архитектуру, оптимизировать код, внедрять автоматическое тестирование, настраивать CI/CD, использовать современные SEO‑инструменты
Деплой на GitHub Pages
Научитесь публиковать проекты на GitHub Pages через Vite, освоите все шаги загрузки и настройки публичных приложений
Деплой на сервер
Освоите полный цикл деплоя: создадите виртуальную машину, настроите домен, защитите приложение и убедитесь в его стабильной работе на сервере
Повысите надёжность разработки вашего приложения: напишете юнит-тесты, используя библиотеку Vitest, и интеграционные тесты на Playwright. Задеплоите ваше приложение при помощи удобного вам подхода
С наставником・Каждый спринт
Вебинары для разбора сложных тем, сессии Q&A
Этот курс может оплатить
ваш работодатель
Полностью или разделив оплату с вами,
например 50/50 или 75/25
  • Расскажем всё про курс
  • Сообщим стоимость
  • Ответим на ваши вопросы
  • Подготовим договор и счёт

Если у вас есть вопросы про курс, оставьте заявку — мы позвоним

Наш менеджер свяжется с вами и пришлёт промокод

Или позвоните нам сами, по Беларуси — бесплатно:
+375 (17) 336-99-97
А если не любите голосом — напишите:
Политика конфиденциальности
 
  •                                        
Отвечаем на вопросы
Зачем мне этот курс?
Программа разработана для ускорения профессионального развития. Она поможет:
• изучить востребованный на рынке стек;
• с нуля создать готовое к публикации приложение;
• разобрать хорошие и плохие практики;
• повысить вероятность трудоустройства.
Как убедиться, что этот курс мне подходит?
Этот курс подойдёт вам, если вы уже владеете основами веб-разработки и теперь хотите освоить React и его экосистему, научиться делать веб-приложения, которые легко поддерживать и масштабировать.
Как устроен курс?
Вы изучаете теорию и закрепляете её задачами в тренажёре. На протяжении всего курса вас сопровождает опытный наставник, который помогает справиться со сложностями в изучении нового материала, а также код-ревьюер, который проверяет качество кода и делится с вами подробной обратной связью. А ещё вам предстоит создать полноценное многопользовательское приложение на React.
Можно ли освоить все необходимые навыки за 3 месяца?
Да, программа рассчитана на это. Но многое зависит и от вас — чтобы пройти курс до конца, нужно уделять ему достаточно времени: изучать теорию, практиковаться в тренажёре и делать проекты.
Что мне нужно знать и уметь, чтобы проходить курс?
HTML, CSS и JS. Пригодятся знания основ Git и работы с NPM. А ещё перед стартом нужно пройти тест для самопроверки.
Если я не соответствую требованиям, но очень хочу, что мне делать?
Если чувствуете, что курс не для вас, ознакомьтесь с программой курса «Фронтенд-разработчик».
Кто авторы курса?
Программа составлена опытными методистами и действующими специалистами Яндекса и Школы анализа данных.
Сколько длится курс?
3 месяца. Нужно выделять от 80 часов в месяц.
Получу ли я какой-то документ после курса?
Да, для этого нужно закончить курс и успешно выполнить итоговый проект. Тогда вы получите сертификат о завершении курса в электронном виде.
Вы поможете сменить или найти работу?
На этом курсе не предусмотрена помощь с трудоустройством, поскольку он для действующих специалистов, у которых уже есть навыки поиска работы.

Но если у вас появится вопрос о карьерном развитии, обратитесь в нашу службу поддержки — постараемся ответить.
Если не понравится, я могу вернуть деньги?
Конечно. Если курс ещё не начался, вернём всю сумму. Если уже начался, придётся оплатить прошедшие дни со старта вашей первой когорты — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.
Как можно оплатить?
Банковской картой: внести всю сумму сразу или платить ежемесячно.

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 30 календарных дней. Например, оплатили 25 марта — следующий платёж пройдёт 24 апреля. Курс будет стоить меньше, если оплатить его сразу целиком.

Через компанию: юридические лица также могут оплатить курс в Практикуме. Чтобы заказать счёт для оплаты, оставьте заявку на странице для корпоративных клиентов.
На каком языке проходит курс?
Всё будет на русском: теория, практические задания и вебинары, а ещё чаты с куратором, наставником и другими участниками курса.
В какой валюте можно оплатить курс?
Оплатить курс можно в любой валюте, кроме российских рублей.

Чтобы вам было проще сориентироваться, мы указываем примерную стоимость в долларах США, но списание будет в казахстанских тенге, а конвертация — по курсу вашего банка.

Давайте поможем

Напишите, как вас зовут и по какому номеру можно связываться, — в течение 30 минут позвоним и расскажем всё про курсы

Или позвоните нам сами, по Беларуси — бесплатно:
+375 (17) 336-99-97
А если не любите голосом — напишите:
Политика конфиденциальности