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

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

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

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

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

IT-профессии

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

Такого курса сейчас нет

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

Перейти в каталог курсов

Похожие программы

Нео

Frontend-разработка: основы HTML, CSS и Javascript

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Тестировщик: быстрый старт в IT

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Основы Python: создаём телеграм-бота

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Профессии и языки программирования: что выбрать

Подробнее о программе

3 дня

онлайн

0 ₽

Про

Node.js для backend-разработки

Подробнее о программе

6 месяцев

онлайн

удостоверение

30 000 ₽

Про

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

Подробнее о программе

3 месяца

онлайн

удостоверение

28 000 ₽

К сожалению, курс сейчас недоступен

Избранное

Интенсив

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

Расширите свой круг компетенций с помощью универсальной JavaScript-библиотеки React

Реализуете сложный сквозной проект на React и получите обратную связь от опытных разработчиков

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

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

Когда

29 ноября — 13 марта

Набор вот-вот закончится

Курс стартовал, но еще можно попасть в этот набор

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

3,5 месяца

Формат

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

Документ

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

React помогает создавать красивые интерфейсы

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

Преимущества React

• Богатый функционал для создания пользовательских интерфейсов

• Широкий ассортимент инструментов для разработки и отладки

• Универсальность, возможность адаптировать под разные проекты

• Открытый исходный код и большое сообщество

На курсе вы изучите React на практике

Создадите интерфейсы, способные менять контент без перезагрузки страницы. Благодаря этому сайты или нативные приложения быстро отзываются на действия пользователей

Что нужно знать на старте

Основы JavaScript
Основы CSS и HTML
Git, GitHub
Основы Frontend-разработки

Чему научитесь

Пройдёте полный цикл работы React-разработчика для создания проекта

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

Начнёте применять современную фронтенд-архитектуру Feature-Sliced Design

Освоите разработку через тестирование Test-driven development

Будете использовать TypeScript при создании react-приложений

Напишете юнит-тесты, компонентные и E2E-тесты с помощью Vitest, Testing Library, Cypress

Создадите таск-трекер Taskify на React

Сразу начнёте применять полученные навыки в разработке проекта

Настроите окружение с помощью Node.js и npm

Создадите компоненты, которые позволяют управлять задачами

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

Настроите сроки выполнения и возможность расстановки приоритетов

Превратите SPA в PWA — простой сайт в прогрессивное веб-приложение

Программа обучения —
14 недель

41 час теории, 123 часа практики

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

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

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

React. Погружение

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

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

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

Экосистема React. Основы React

Стилизация

TypeScript в React

Тестирование React-компонентов

Компонентный подход

Работа над проектом:

• Создаём проект с помощью Vite
• Переносим вёрстку в React
• Пишем первые тесты

Интерактивность

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

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

24 часа практики

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

Рендер React-компонентов

Использование хуков

Маршрутизация

Оптимизация React-компонентов

Работа над проектом:

• Добавляем интерактивность и возможность создавать задачи
• Добавляем сортировку задач мышкой
• Добавляем маршрутизацию

Управление состоянием

Научитесь правильно структурировать компоненты и управлять состоянием вашего приложения с помощью Redux Toolkit. Освоите E2E-тестирование и взаимодействие с бэкендом, включая аутентификацию и управление доступом.

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

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

Умные и глупые компоненты

Prop Drilling и React context API

Redux Toolkit

E2E-тестирование

Авторизация и управление доступом

Работа над проектом:

• Работаем с бэкендом
• Добавляем новый функционал в виде проектов
• Настраиваем авторизацию
• Настраиваем права пользователей

React. Что дальше

Пройдёте через концепции архитектуры во Front-end, включая Feature-Sliced Design. Узнаете, как преобразовать свое приложение из SPA в PWA для улучшенной производительности и опыта пользователя. Рассмотрите Server-Side Rendering с помощью Next.js и другие современные подходы к разработке React-приложений.

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

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

Архитектура во фронтенде

Feature-Sliced Design

Из SPA в PWA

Server-Side Rendering

Next.js

Работа над проектом:

• Меняем компонентный подход на архитектуру Feature-Sliced Design, чтобы упростить поддержку проекта
• Добавляем поддержку работы в офлайне, превращаем SPA в PWA. Теперь можно выполнять базовые задачи без интернета
• Улучшаем SEO-показатели. Добавляем Server-Side Rendering для публичных проектов

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

Практика

Освоите React при создании полноценного проекта Taskify. Вместе с преподавателем пройдёте каждый этап и отработаете все полученные навыки

Свой проект

После учебного проекта начнёте работу над собственным. Презентуете готовый проект и получите развёрнутую обратную связь от экспертов курса

Теория

Повторите теоретические основы перед каждым этапом создания проекта. Теория по React доступна в личном кабинете в формате видеолекций и лонгридов

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

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

Эксперты курса

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

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

После обучения вы можете получить удостоверение о повышении квалификации.

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

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

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

Наши выпускники становятся частью сообщества разработчиков в Discord

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

Вы можете пройти обучение за счёт работодателя

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

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

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

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