логотип PurpleSchool
логотип PurpleSchool
Frontend

Next.js 15 - с нуля, React TypeScript, Hooks, SSR и CSS Grid

Полный курс по современному Frontend на React и Next.js 15. Всё от CSS Grid и TypeScript до React Hooks и SSR

Обновлено 06 октября 2025 г.
ЗвездаЗвездаЗвездаЗвезда
Рейтинг 4.7на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
40,000учеников
Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 20.11.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

Чему вы научитесь?

После прохождения курса вы сможете:
Разрабатывать реальные приложения на NextJS и React
Работать с React Hooks
Понимать работу SSR и создавать SEO-friendly сайтов
Верстать макеты на CSS Grid
Работать с анимацией и библиотекой Framer
Обеспечивать доступности приложения и работать с ARIA атрибутами
Подготавливать ваше приложение к production
Работать с формами, их отправкой и валидацией
Писать на TypeScript
Собирать production проект и настраивать eslint, stylelint и отладку

Минимальные требования: Знание основ JavaScript, CSS и HTML

243урокавидео с конспектами
10 упражненийдля закрепления на практике
55 тестовдля проверки знаний
Технологии
ReactReact HooksNext.jsReact-form-hookFramer MotionDockerREST APITypeScript
О курсе

Что в курсе?

Курс обновлён до Next 14 и App Router

Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.

При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.

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

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

certificate
Ваш сертификат по окончанию курса
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 20 ноября 2025
Возможности обучения

Обучение в PurpleSchool

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

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

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

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

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

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

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

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

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

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

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

Мини-лекции

Мини-лекции

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

Упражнения

Упражнения

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

Конспекты

Конспекты

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

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

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

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

Тесты

Тесты

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

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

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

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

Mock-тренажёр

Mock-тренажёр

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Модули курса

План курса

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

кнопка запустить видеоПример лекции
1.1 Преимущества NextJS
7 мин
1.2 Как устроен курс
6 мин
1.3 Обзор проекта
3 мин
1.4 Обзор курсов
2 мин
1.5 AI и тренажёры
7 мин
1.6 Как проходить обновлённый курс
5 мин
1.7 Работа на платформе
10 мин
1.8 Практика на проекте
4 мин
2.1 Установка софта
3 мин
2.2 Работа с nvm
15 мин
2.3 Настройки VSCode
2 мин
2.4 Рекомендуемый курс
5 мин
3.1 Дополнительный курс по TypeScript
2 мин
3.2 Вводное видео
1 мин
3.3 Компилятор TypeScript
3 мин
3.4 Базовые типы
11 мин
3.5 Interfaces and Types
7 мин
3.6 Литеральные типы
3 мин
3.7 Enums
8 мин
3.8 Tuple
4 мин
3.9 Generics
6 мин
3.10 JSX
7 мин
3.11 Тест - TypeScript
5 мин
С AI и тренажёрамиС наставником3.12 Занятие TypeScript
15 мин
3.13 Домашнее задание AI
18 мин
3.14 Работа с gitflow
12 мин
4.1 Обзор модуля
1 мин
4.2 О новом router
2 мин
4.3 App Router - Развертка проекта
5 мин
4.4 Page Router - Развертка проекта
5 мин
4.5 App Router - Cтруктура проекта
5 мин
4.6 Page Router - Структура проекта
6 мин
4.7 Настройка eslint
4 мин
4.8 Настройка stylelint
6 мин
4.9 Отладка в VSCode
7 мин
4.10 React Dev Tools
2 мин
4.11 Тест - Старт проекта
5 мин
С AI и тренажёрамиС наставником4.12 Домашнее задание - Старт проекта
30 мин
5.1 Жизненный цикл React
9 мин
5.2 App Router - Задание Meta
11 мин
5.3 Pages Router - Компонент head
5 мин
5.4 React Fragment
3 мин
5.5 App Router - Корневой документ
3 мин
5.6 Pages Router - Компонент Document
7 мин
5.7 Тест - Компоненты Head и Document
5 мин
С AI и тренажёрамиС наставником5.8 Занятие - Компоненты Head и Document
15 мин
С AI и тренажёрамиС наставником5.9 Домашнее задание - Компоненты Head и Document
30 мин
6.1 Обзор модуля
2 мин
6.2 Разбор интерфейса
4 мин
6.3 Свойства компонент
4 мин
6.4 Экспорт графики
5 мин
6.5 Тест - Figma для разработчика
5 мин
7.1 Шрифты и цвета
8 мин
7.2 Font
4 мин
7.3 Первый компонент
16 мин
7.4 Библиотека classnames
4 мин
7.5 Classnames
13 мин
7.6 HTMLProps
4 мин
7.7 Детали HTMLprops
8 мин
7.8 Работа с svg
11 мин
7.9 SVG Next 13
5 мин
7.10 Упражнение - Компонент p
6 мин
7.11 Компонент тэга
13 мин
7.12 Тест - Простые компоненты
5 мин
С AI и тренажёрамиС наставником7.13 Занятие - Простые компоненты
15 мин
С AI и тренажёрамиС наставником7.14 Домашнее задание - Простые компоненты
60 мин
8.1 App Router - Клиентские компоненты
8 мин
8.2 React Hooks
5 мин
8.3 useState
5 мин
8.4 useEffect
5 мин
8.5 Правила использования Hooks
2 мин
8.6 Архитектура компонента рейтинга
2 мин
8.7 Компонент рейтинга - 1
16 мин
8.8 Компонент рейтинга - 2
11 мин
8.9 Тест - Statefull компоненты
5 мин
С AI и тренажёрамиС наставником8.10 Занятие - Statefull компоненты
15 мин
С AI и тренажёрамиС наставником8.11 Домашнее задание - Statefull компоненты
30 мин
9.1 Что такое HOC?
5 мин
9.2 App Router - Работа с layout
10 мин
9.3 App Router - Группы роутов
6 мин
9.4 App Router - Template
2 мин
9.5 App Router - Структура проекта
6 мин
9.6 Pages Router - Layout
10 мин
9.7 Pages Router - Пишем HOC withLayout
4 мин
9.8 Тест - HOC компоненты
5 мин
С AI и тренажёрамиС наставником9.9 Занятие - HOC компоненты
15 мин
С AI и тренажёрамиС наставником9.10 Домашнее задание - HOC компоненты
30 мин
10.1 Обзор модуля
2 мин
10.2 Template и gap
12 мин
10.3 Justify и align
7 мин
10.4 Распределение ячеек
9 мин
10.5 Template-area
9 мин
10.6 Лучшие практики
3 мин
10.7 Вёрстка layout
10 мин
10.8 Упражнение - Вёрстка footer
9 мин
10.9 Тест - CSS Grid
5 мин
С AI и тренажёрамиС наставником10.10 Занятие - CSS Grid
15 мин
С AI и тренажёрамиС наставником10.11 Домашнее задание - CSS Grid
60 мин
11.1 Переменные окружения
5 мин
11.2 Как работает SSR?
15 мин
11.3 App Router - SSR в NextJS
10 мин
11.4 Pages Router - SSR в NextJS
13 мин
11.5 App Router - Получение данных
14 мин
11.6 App Router - Динамические страницы
6 мин
11.7 App Router - notFound
5 мин
11.8 App Router - generateStaticParams
5 мин
11.9 App Router - Ревалидация страниц
8 мин
11.10 Pages Router - Использование getStaticProps
10 мин
11.11 Pages Router - Использование getStaticPaths
17 мин
11.12 Тест - Server side rendering
5 мин
С AI и тренажёрамиС наставником11.13 Занятие - Server side rendering
15 мин
С AI и тренажёрамиС наставником11.14 Домашнее задание - Server side rendering
30 мин
12.1 useContext
6 мин
12.2 App Router - Работа с контекстом
6 мин
12.3 Пишем свой контекст
16 мин
12.4 Вёрстка меню
34 мин
12.5 Тест - Контекст
5 мин
С AI и тренажёрамиС наставником12.6 Занятие - Контекст
15 мин
С AI и тренажёрамиС наставником12.7 Домашнее задание - Контекст
30 мин
13.1 Обновление компонента Link
4 мин
13.2 Компонент Link
6 мин
13.3 App Router - Параллельные роуты
4 мин
13.4 App Router - Loading
4 мин
13.5 App Router - Error page
7 мин
13.6 useRouter
10 мин
13.7 Упражнение - Добавление страниц
1 мин
13.8 Структура роутинга
17 мин
13.9 Вёрстка Sidebar
4 мин
13.10 Тест - Роутинг
5 мин
С AI и тренажёрамиС наставником13.11 Занятие - Роутинг
15 мин
С AI и тренажёрамиС наставником13.12 Домашнее задание - Роутинг
60 мин
14.1 Компоненты страниц
7 мин
14.2 Вёрстка страницы продуктов - 1
36 мин
14.3 Regex отображения цены
7 мин
14.4 Упражнение - Доработка страницы
1 мин
14.5 Вёрстка страницы продуктов - 2
17 мин
14.6 Вставка HTML
3 мин
14.7 useReducer
3 мин
14.8 Компонент сортировки
12 мин
14.9 Reducer сортировки
12 мин
14.10 Тест - Страница продуктов
5 мин
С AI и тренажёрамиС наставником14.11 Занятие - Страница продуктов
15 мин
С AI и тренажёрамиС наставником14.12 Домашнее задание - Страница поста
30 мин
15.1 Компонент Input
7 мин
15.2 Упражнение - Компонент Textarea
3 мин
15.3 Компонент поиска
13 мин
15.4 Компонент продукта - планирование
11 мин
15.5 Компонент продукта - сетка
22 мин
15.6 Компонент продукта - стили
18 мин
15.7 Склонение слов
13 мин
15.8 Компонент Image
12 мин
15.9 Компонент продукта - адаптив
18 мин
15.10 Тест - Компонент продукта
5 мин
С AI и тренажёрамиС наставником15.11 Домашнее задание - Список комментариев
30 мин
16.1 Компонент отзыва
25 мин
16.2 Форма отзыва
22 мин
16.3 useForm
12 мин
16.4 Работа с формами
10 мин
16.5 Проброс ref
5 мин
16.6 Обработка ошибок
12 мин
16.7 Упражнение - Обработка ошибок Rating
5 мин
16.8 Отправка запроса со страницы
16 мин
16.9 useRef
7 мин
16.10 Упражнение - Исправление бага useReducer
7 мин
С AI и тренажёрамиС наставником16.11 Занятие - Работа с формами
15 мин
С AI и тренажёрамиС наставником16.12 Домашнее задание - Работа с формами
30 мин
17.1 Вводное видео
5 мин
17.2 Принципы анимации
7 мин
17.3 Анимация меню
12 мин
17.4 Анимация сортировки
4 мин
17.5 Пишем свой hook
8 мин
17.6 useAnimation
11 мин
17.7 Упражнение - Анимация отзывов
6 мин
17.8 Динамическая иконка
11 мин
17.9 Мобильное меню
17 мин
17.10 Жесты и MotionValues
7 мин
17.11 Производительность
1 мин
С AI и тренажёрамиС наставником17.12 Занятие - Анимация на Framer Motion
15 мин
С AI и тренажёрамиС наставником17.13 Домашнее задание - Анимация на Framer Motion
30 мин
18.1 Виды доступности
5 мин
18.2 Цветовая доступность
11 мин
18.3 Доступность меню с клавиатуры
20 мин
18.4 Доступность форм с клавиатуры
23 мин
18.5 Упражнение - доступность сортировки
2 мин
18.6 ARIA атрибуты
13 мин
18.7 Использование Screen Reader
13 мин
18.8 Aria-label и aria-labelledby
10 мин
18.9 Aria-hidden
9 мин
18.10 Добавление landmarks
6 мин
18.11 Доступность форм
15 мин
18.12 Упражнение - Доступность оповещений
5 мин
18.13 Доступность меню и списка
22 мин
18.14 Уменьшение движения
5 мин
С AI и тренажёрамиС наставником18.15 Занятие - Доступность
15 мин
С AI и тренажёрамиС наставником18.16 Домашнее задание - Доступность
60 мин
19.1 Script
4 мин
19.2 App Router - Расчёт meta
4 мин
19.3 Page Router - Добавление meta на страницу
8 мин
19.4 Установка метрики
7 мин
19.5 Husky
6 мин
19.6 Next export
8 мин
19.7 Страницы 404, 500
8 мин
19.8 Сборка контейнера Docker
17 мин
19.9 Запуск через docker-compose
9 мин
19.10 Github actions
12 мин
20.1 Финальное тестирование
15 мин
С AI и тренажёрамиС наставником20.2 Собеседование с AI наставником
30 мин
С AI и тренажёрамиС наставником и проектами21.1 Основы Scrum
19 мин
С AI и тренажёрамиС наставником и проектами21.2 Старт задачи
11 мин
С AI и тренажёрамиС наставником и проектами21.3 Выполнение задачи
11 мин
С AI и тренажёрамиС наставником и проектами21.4 Код ревью
8 мин
С AI и тренажёрамиС наставником и проектами21.5 Обзор проекта
18 мин
С AI и тренажёрамиС наставником и проектами21.6 Старт командного проекта
5 мин
О платформе

Обзор платформы

Наша платформа создана так, чтобы вы могли не просто прослушать лекции, а действительно освоить материал. Здесь вы сможете пройти видеолекции, потренироваться на интерактивных тренажёрах, выполнить домашние задания, поработать с AI-наставником и проверить свои знания с помощью тестов. Всё это помогает закрепить теорию на практике и быстрее достичь результата.

Видео
Тренажёры
Домашние задания
Занятия с AI
Тесты
Командный проект
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 20 ноября 2025
О проектах

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

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

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

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

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

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

Сайт с рейтингами

Сайт с рейтингами

Сайт сравнения товаров и услуг, с личным кабинетом, народным рейтингом и рецензиями.

О PurpleSchool

Наши проекты

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

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

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

PurpleSchool

Школа PurpleSchool

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

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

30 дней

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

90%

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

4.8Kursly
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8Stepik
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7Udemy
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

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

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

15

лет опыта

7

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

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 20 ноября 2025
Под ваши потребности

Тарифы

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

Начните бесплатно3 первых модуля курса

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

Цена:3 999 ₽6 990 ₽
  • ГалочкаУроки и упражнения
  • КрестикДомашние задания
  • КрестикAi занятия на 2 месяца
  • КрестикТренажёр с задачами
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Премиум

AI и тренажёры

Цена:5 499 ₽8 990 ₽
2 платежа: 2 749,5 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Практика

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

Цена:12 999 ₽20 000 ₽
3 платежа: 4 333 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • ГалочкаПоддержка наставника
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
иконка часов4д : 19ч : 46м : 59с

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

Самостоятельный
Премиум
AI и тренажёры
Практика
Наставник и практика
Обучение
Даст пошговую структуру изучения и поможет разобраться в теме без перегрузок
Уроки
check
check
check
Упражнения
check
check
check
Тесты
check
check
check
Сертификат
check
check
check
AI и задания
Поможет больше практиковаться, быстро находить и фиксить слабые места в понимании тем. Доступен 2 месяца.
Домашние задания
check
check
check
Ответы на вопросы 24/7 от AI-наставника
check
check
check
Livecode-занятия с AI-наставником
check
check
check
Mock-собеседования c AI-наставником
check
check
check
Проверка домашних заданий
check
check
check
Тренажёр с задачами
check
check
check
Менторы
Менторы с большим опытом production-проектов ответят на вопросы и помогут освоить то, что действительно ценят на рынке
Онлайн-сессия «Вопрос-ответ» с менторами - 1 раз в неделю
check
check
check
Прямой чат с менторами команды PurpleSchool
check
check
check
Практика
Позволит обкатать изученную функциональность в реальном окружении, с поддержкой опытной команды
Длительность практики - 2 мес.
check
check
check
Погружение в Agile процессы
check
check
check
Командная работа над реальным проектом
check
check
check
Ревью от опытных наставников
check
check
check
Прямой чат с автором
check
check
check
Гарантии
Гарантия возврата денег без объяснения причин
Гарантия возврата денег без объяснения причин — 30 дней
check
check
check
Условия действуют
иконка часов4д : 19ч : 46м : 59с
3 999 ₽6 990 ₽экономия 2 991 ₽
100% гарантия возврата
5 499 ₽8 990 ₽экономия 3 491 ₽
100% гарантия возврата
12 999 ₽20 000 ₽экономия 7 001 ₽
100% гарантия возврата
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

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

  • Командная работа

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

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

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

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

  2. 2

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

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

  3. 3

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

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

  4. 4

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

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

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 20 ноября 2025
Команда курса

Автор курса

фото команды
Автор курса

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

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Что говорят наши ученики

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

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

Изучи направление Фронтенд разработчик

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

7
7 месяцевдлительность направления
11
11 проектовдля портфолио
1 раз
в неделю живые встречи
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 20 ноября 2025

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

Все курсы доступны для приобретения для сотрудиков компаний по безналичному расчёту. Процесс получения доступа очень простой, нужен только ваш ИНН и число сотрудников.

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

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

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

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