Карьера Frontend-разработчик на React

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

  • Галочка7 месяцев стажа и реальные проекты в резюме
  • ГалочкаЕженедельные живые встречи
  • ГалочкаОбученный AI-наставник для безлимитных тренировок
  • ГалочкаКомандные задачи и ревью в студии PurpleCode
Часы
13 мест в декабре
Ноутбук, вокруг которого карточки с технологиями
7месяцевдлительность курса
8проектовдля твоего портфолио
1 разв неделюживые встречи
О профессии

Почему frontend на React?

React – популярный инструмент для создания сайтов и веб-приложений, разработанный Facebook* в 2013 году. Основан на JavaScript, это упрощает рост до fullstack, так как на JS можно собирать и фронт, и бэк одновременно. Репозиторий React на GitHub собрал свыше 200 тыс. звёзд, а по данным npm библиотеку скачивают более 7 млн раз ежемесячно. Он позволяет собирать интерфейсы из готовых блоков, что упрощает разработку даже для новичков.

  • ГалочкаСамый популярный frontend-фреймворк в мире *
  • ГалочкаСредняя зарплата frontend-разработчика на React - от 262 000р, среди Junior-специалистов - от 70 000р
  • ГалочкаReact используют: Netflix, Reddit, Tesla, Uber, PayPal, Dropbox, Discord, Instagram и Facebook *
*имеют отношение к компании «Meta» деятельность которой запрещена в России
*по данным State of JS 2024 | Хабр Карьеры | Headhunter.ruf

Нужна помощь в выборе?

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

Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

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

Подсветка синтаксиса

Подсветка синтаксиса

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

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

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

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

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

Тесты

Тесты

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

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

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

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

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

Еженедельные консультации

Еженедельные консультации

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

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

План курсов

Что входит в карьерный путь?

Мы проработали для вас путь, который позволит освоить профессию от простого к сложному. Постепенно двигаясь по курсу, вы сможете начав с самых основ дорасти до знаний Junior+ / Middle.

1. Введение5 уроков
2. Базовые команды5 уроков
3. Начало работы с Git10 уроков
4. Ветки и изменения7 уроков
5. Удаление12 уроков
6. Продвинутая работа9 уроков
7. Удалённый репозиторий16 уроков
8. Заключение3 урока
1. Введение8 уроков
2. Настройка окружения3 урока
3. Знакомство с HTML17 уроков
4. Семантика и HTML511 уроков
5. Таблицы7 уроков
6. Формы14 уроков
7. Основы CSS11 уроков
8. Работа с Figma4 урока
9. CSS Selectors11 уроков
10. Псевдоклассы и элементы8 уроков
11. Каскад6 уроков
12. Блочная модель10 уроков
13. Поток документа9 уроков
14. Единицы измерения7 уроков
15. Анимация8 уроков
16. Адаптивная вёрстка12 уроков
17. CSS Flexbox19 уроков
18. Практика flexbox5 уроков
19. Методологии и практики6 уроков
20. Проект - Вёрстка страницы школы11 уроков
21. CSS Grid18 уроков
22. Проект - Практика Grid8 уроков
23. Финал курса5 уроков
24. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения3 урока
3. Старт проекта4 урока
4. Основы13 уроков
5. Управление потоком10 уроков
6. Булева логика9 уроков
7. Функции12 уроков
8. Массивы14 уроков
9. Циклы11 уроков
10. Функции высшего порядка9 уроков
11. Итерации в массивах15 уроков
12. Работа со строками12 уроков
13. Объекты15 уроков
14. Как работает JS под капотом9 уроков
15. Scope и this14 уроков
16. Управление this11 уроков
17. Document Object Model15 уроков
18. Проект - трекер привычек16 уроков
19. Заключение4 урока
20. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения7 уроков
3. Maps и Sets13 уроков
4. Расчёты и math13 уроков
5. Даты и время9 уроков
6. Таймеры9 уроков
7. Объектно ориентированное программирование10 уроков
8. Классы10 уроков
9. Принципы ООП в классах12 уроков
10. SOLID10 уроков
11. Асинхронный JavaScript11 уроков
12. Promises12 уроков
13. Event Loop10 уроков
14. Современный Асинхронный JavaScript13 уроков
15. Продвинутый DOM и Events15 уроков
16. Модульность10 уроков
17. Работа с NPM7 уроков
18. Проект - Библиотека книг14 уроков
19. Temporal API6 уроков
20. Заключение4 урока
21. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения6 уроков
3. Основные типы15 уроков
4. Продвинутые типы21 урок
5. Классы22 урока
6. Компилятор TypeScript8 уроков
7. Generics13 уроков
8. Манипуляция с типами14 уроков
9. Служебные типы9 уроков
10. Декораторы17 уроков
11. Модульность и библиотеки9 уроков
12. Порождающие паттерны8 уроков
13. Структурные паттерны9 уроков
14. Поведенческие паттерны12 уроков
15. Проект - Утилита выполнения команд13 уроков
16. Обновления TypeScript4 урока
17. Заключение4 урока
18. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение9 уроков
2. Настройка окружения5 уроков
3. Компоненты18 уроков
4. События и состояние15 уроков
5. Отображение данных9 уроков
6. Стилизация8 уроков
7. Другие hooks16 уроков
8. Контекст11 уроков
9. Работа React12 уроков
10. Переход на TypeScript12 уроков
11. React Router14 уроков
12. Взаимодействие с сервером13 уроков
13. Авторизация9 уроков
14. Redux toolkit13 уроков
15. Завершение проекта7 уроков
16. Заключение4 урока
17. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение8 уроков
2. Настройка окружения4 урока
3. TypeScript14 уроков
4. Старт проекта12 уроков
5. Компоненты Head и Document9 уроков
6. Figma для разработчика5 уроков
7. Простые компоненты14 уроков
8. Statefull компоненты11 уроков
9. HOC компоненты10 уроков
10. CSS Grid11 уроков
11. Server side rendering14 уроков
12. Контекст7 уроков
13. Роутинг12 уроков
14. Страница продуктов12 уроков
15. Компонент продукта11 уроков
16. Работа с формами12 уроков
17. Анимация на Framer Motion13 уроков
18. Доступность16 уроков
19. Подготовка к production10 уроков
20. Заключение2 урока
21. Командный проект6 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

1. Введение6 уроков
2. Настройка окружения6 уроков
3. Введение в FSD7 уроков
4. Pages и App13 уроков
5. Shared11 уроков
6. Инструменты FSD8 уроков
7. Entities10 уроков
8. Features8 уроков
9. Widgets8 уроков
10. Работа с фреймворками8 уроков
11. Заключение4 урока
12. Практика на проекте5 уроков
1

Планируем спринт

1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

2

Синхронизируемся

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

3

Выполняем задачи

Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

4

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

В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

16. Подготовка к собеседованию
Квадратная картинка кода2 недели

Нужна помощь в выборе?

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

О проектах

Что будем писать?

Самостоятельный

Сервис сравнения компаний

Сервис сравнения компаний

Сервис с категориями, авторизацией, подборками сравнения компаний, отзывами, правками к статье и сообществом.

Самостоятельный

Дневник

Дневник

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

Самостоятельный

Сервис заказа еды

Сервис заказа еды

Приложение доставки еды, которое позволяет оформить заказ на пиццу на Redux Toolkit и React Router.

Самостоятельный

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

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

Каталог курсов по аналогии с сайтом школы и формой контактов

Самостоятельный

Библиотека книг

Библиотека книг

Фреймворк с ООП и приложение, позволяющее искать и добавлять книги в избранное.

Самостоятельный

Трекер привычек

Трекер привычек

Трекер привычек с возможностью отслеживания прогресса и добавления новых привычек.

Самостоятельный

Утилита для обработки видео

Утилита для обработки видео

Утилита для выполнения команд для сжатия и обработки видео

Самостоятельный

Сервис сравнения товаров

Сервис сравнения товаров

SEO-friendly сервис для сравнения товаров по разным параметрам.

Нужна помощь в выборе?

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

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

Telegram
@AlariCode
Написать
PurpleSchool

Школа PurpleSchool

Направления
40 000

учеников по всему миру

30 дней

гарантия возврата денег

90%

студентов рекомендуют курсы

4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Что говорят наши ученики

Честные отзывы

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

Нужна помощь в выборе?

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

Оплата

Начните обучение на лучших условиях

Иконка курсаУсловия до 05.12.2025
Иконка курсаДоступ - Неограниченно
Эконом

AI и тренажёры

Цена:6 000 ₽/мес8 000 ₽
на 7 месяцев
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Премиум

Наставник и практика

Цена:8 000 ₽/мес10 000 ₽
на 15 месяцев
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAi-тренажеры
  • ГалочкаПоддержка наставника
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
Часы
13 мест в декабре

Сравнение тарифов

Эконом
AI и тренажёры
Премиум
Наставник и практика
Обучение
Даст пошговую структуру изучения и поможет разобраться в теме без перегрузок
Уроки
check
check
Упражнения
check
check
Тесты
check
check
Сертификат
check
check
AI и задания
Поможет больше практиковаться, быстро находить и фиксить слабые места в понимании тем
Домашние задания
check
check
Ответы на вопросы 24/7 от AI-наставника
check
check
Livecode-занятия с AI-наставником
check
check
Mock-собеседования c AI-наставником
check
check
Проверка домашних заданий
check
check
Менторы
Менторы с большим опытом production-проектов ответят на вопросы и помогут освоить то, что действительно ценят на рынке
Онлайн-сессия «Вопрос-ответ» с менторами - 1 раз в неделю
check
check
Прямой чат с менторами команды PurpleSchool
check
check
Практика
Позволит обкатать изученную функциональность в реальном окружении, с поддержкой опытной команды
Погружение в Agile процессы
check
check
Командная работа над реальным проектом
check
check
Ревью от опытных наставников
check
check
Прямой чат с автором
check
check
Гарантии
Гарантия возврата денег без объяснения причин
Гарантия возврата денег без объяснения причин — 30 дней
check
check
Успейте записаться
Часы
13 мест в декабре
6 000 ₽/мес8 000 ₽/месэкономия 2 000 ₽/мес
8 000 ₽/мес10 000 ₽/месэкономия 2 000 ₽/мес
Остались вопросы?

Частые вопросы

Если вы хорошо знакомы с частями курса, то после консультации мы можем исключить часть курсов из направления, уменьшив стоимость и время прохождения.
У вас для каждого курса будет выделен персональный наставник, который сможет помочь вам в чате или в рамках звонка.
После приобретения курса у вас открывается доступ на приватный Telegram канал, где созданы отдельные чаты для каждого курса и есть возможность задавать вопросы наставнику напрямую. Там же проводятся голосовые звонки с наставником.
Оплата доступна по всему миру. Стоимость курса будет автоматически сконвертирована в валюту вашей страны по текущему курсу.
Если в течение 30 дней курс вам не понравился или не подошёл, вы можете запросить возврат средств, если не прошли более 50% курса, написав на электронную почту contact@purpleschool.ru. После возврата средства зачислятся в течение 3-х рабочих дней.
Да, сертификат будет вам автоматически отправлен после завершения каждого из курсов направления на электронную почту, указанную при регистрации
Да, для удобства оплаты вы можете использовать рассрочку или кредит от банка партнёра.
Конечно, мы дорожим своей репутацией и работаем полностью открыто, платим налоги и формирует чеки. Всю информацию о компании можно найти на сайте ФНС по ИНН, указанному в подвале сайта.
Мы рекомендуем выделять на курс от 10 до 20 часов в неделю, чтобы двигаться в хорошем темпе. Имеено при таком темпе вы сможете закончить курс за 10 месяцев.
Мы всегда идём на встречу и в индивидуальном порядке продлеваем время, а так же замораживаем курс на время, если вам необходим перерыв в изучении материала.
Остались вопросы? Их можно задать в чате Telegram.