[Яндекс Практикум] Как стать React-разработчиком. 2 месяца обучения

[Тони Карк]

Ссылка на картинку

React-разработчик создаёт приложения на React и использует дополнительные инструменты: Redux, TypeScript, Jest. На курсе вы за два месяца разберётесь в этом стеке технологий. Вам предстоит изучать теорию в тренажёре, писать своё приложение и работать в команде над проектными задачами. Курс подойдет тем, кто умеет верстать и знает основы JavaScript.
Чему вы научитесь в Практикуме
Курс «React-разработчик» — это двухмесячный интенсив для погружения в экосистему React, работы с популярными технологиями и изучения их альтернатив. Мы приготовили программу с теорией, практикой, постоянным общением и дополнительными материалами.

Программа
В основной программе — вся базовая теория для разработки современных приложений на React и Typescript. Теорию закрепите задачами в тренажёре. В дополнительной программе — материалы, которые помогут расширить кругозор и глубже понять экосистему React.
Проект
Вам предстоит написать полноценное многопользовательское приложение на React и TypeScript и покрыть его юнит-тестами. Вы будете работать над ним постепенно: проходить нужную теорию, решать задачи в тренажёре, а затем писать фрагмент приложения.
Командная работа
В реальной практике React-разработчик обычно дорабатывает и улучшает готовый продукт. Кроме самостоятельного проекта вам предстоит работать с другими студентами над готовым приложением: изменять его функциональность, обновлять дизайн и реализовывать собственные идеи.

Спойлер: Программа курса
Бесплатное входное тестирование
Около 2 часов
Предстоит решить несколько задач по вёрстке и JavaScript и пройти тест по базовым технологиям. Это позволит понять, подойдёт ли вам курс и получить рекомендации о том, что повторить перед стартом.
Знакомство с командой курса
2
Основы React
От 40 часов
В основной программе:
Вы заложите фундамент изучения React. Освоите все базовые инструменты отладки и разработки, которые входят в библиотеку, создадите каркас приложения и подготовите все дизайн-компоненты.
В дополнительной программе:
Научитесь настраивать React под любую задачу без заготовок, с использованием Webpack 5 — самого востребованного современного инструмента.
В проектной работе:
Соберёте интерфейс будущего приложения из компонентов.
Начало командной работы
3
Управление состоянием и пользовательский опыт
От 40 часов
В основной программе:
Вы научитесь контролировать данные и процессы внутри приложения. Для этого будете работать с двумя основными инструментами: React Context и Redux. Оба инструмента популярны в продуктах, созданных на React. Также вы освоите механику перетаскивания элементов интерфейса на десктопе и мобильных устройствах.
В дополнительной программе:
Узнаете об альтернативных подходах к работе с состоянием приложения — библиотекой Effector.
В проектной работе
Соберёте конструктор бургеров с drag-and-drop механикой.
Мозговой штурм по улучшениям командного проекта
4
Роутинг, авторизация
От 40 часов
В основной программе:
Вы добавите навигацию в приложение инструментами библиотеки React Router. Разберётесь в тонкостях настройки маршрутов пользователей. Реализуете авторизацию и регистрацию в приложении, создадите две зоны сайта: видимую всем и видимую только авторизованным пользователям. Разберёте вопросы безопасности в современных приложениях. Затем познакомитесь с основами библиотеки Jest и покроете приложение юнит-тестами.
В дополнительной программе:
Узнаете про анимации интерфейса в React и популярные библиотеки для их реализации.
В проектной работе:
Создадите личный кабинет пользователя.
Доработка MVP командного проекта
5
TypeScript, WebSocket, тестирование, подготовка к деплою
От 40 часов
В основной программе:
Вы научите приложение «связываться» с внешними сервисами, взаимодействуя с ними в режиме реального времени. Для этого разберётесь с технологией WebSockets. Затем разберёте вопросы безопасности в современных приложениях. Познакомитесь с основами библиотеки Jest и покроете приложение юнит-тестами. После погрузитесь в мир типизации и улучшите приложение с помощью TypeScript. Познакомитесь с основами и тонкостями этого диалекта, преимуществами разработки приложений на нём. Освоите детали подготовки проекта к продакшену и, наконец, покажете приложение миру.
В дополнительной программе:
Напишете собственную упрощённую реализацию React на TypeScript, чтобы серьёзно разобраться в недрах React и закрепить навыки.
В проектной работе:
Создадите ленту заказов, которая работает в режиме реального времени. Покроете приложение тестами и добавите TypeScript. Подготовите проект к публикации.
Онлайн-выпускной, публикация командных проектов
6
Скрыть программу
Карьерный трек (опционально)
От 30 часов
Параллельно с основной программой можно пройти подготовку к получению джоб-оффера. Вы узнаете, как лучше отобразить в резюме навыки, которые приобрели на курсе, как проходить собеседования и что включить в портфолио. Мы стараемся учитывать ваши карьерные запросы, потому что верим в важность индивидуального подхода.