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

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

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

Обновлено 23 октября 2024 г.
ЗвездаЗвездаЗвездаЗвезда
Рейтинг 4.7на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
1,849учеников
изображение курса
кнопка запустить видеоО курсе
Цена от:3 699 ₽8 000 ₽
При покупке до 31.03.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

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

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

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

250уроковвидео с конспектами
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, где мы в месте будем создавать приложение с нуля. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания, а небольшие упражнения - попрактиковаться писать код.

certificate
Ваш сертификат по окончанию курса
Возможности обучения

Обучение в PurpleSchool

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

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

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

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

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

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

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

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

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

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

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

Мини-лекции

Мини-лекции

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

Упражнения

Упражнения

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

Конспекты

Конспекты

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

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

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

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

Тесты

Тесты

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

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

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

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

Mock-тренажёр

Mock-тренажёр

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Консультации 1 на 1

Консультации 1 на 1

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

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

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

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

Модули курса

План курса

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

кнопка запустить видеоПример лекции
Цена от: 3 699 ₽ 8 000 ₽
Иконка календаряПри покупке до 31 марта 2025
Монетки
300 бонусных рублей за регистрацию
О проектах

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

С наставником

Блог

Блог

Под руководством наставника вы сделаете собственный блог для которого разработаны готовые макеты. Здесь вы примените все знания по Next.js и работе SSR.

Без наставника

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

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

Начав изучать Next.js мы сделаем удобные SEO-friendly сервис для сравнения товаров по разным параметрам.

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

Интернет магазин украшений

Интернет магазин украшений

Полностью изучив всё необходимое для работы с React и Next.js вы реализуете полноценный интернет магазин, с фильтрацией, авторизацией, корзиной товаров, избранным и статусами заказов. Для магазина сделано готовое API и более 30 макетов в Figma.

Практика в студии

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

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

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

О нас

Нам доверяют

Основатель и автор курсов Антон Ларичев занимается разработкой уже более 14 лет и прошёл путь от разработчика до CTO. В курсах даются актуальные материалы без воды с опытом реальных проектов и практическим закреплением материала.

25 000клиентов по всему миру
30 днейгарантия возврата денег
90%рекомендуют курсы

Рейтинги на независимых платформах

4.8
Логотип Coursus
рейтингрейтингрейтингрейтингрейтинг
4.8
лого степик
рейтингрейтингрейтингрейтингрейтинг
4.7
лого udemy
рейтингрейтингрейтингрейтингрейтинг
Цена от: 3 699 ₽ 8 000 ₽
Иконка календаряПри покупке до 31 марта 2025
Монетки
300 бонусных рублей за регистрацию
Под ваши потребности

Тарифы

Иконка курсаГарантия возврата - 30 дней
Иконка курсаСкидки до 31.03.2025
Иконка курсаДоступ - Неограниченно
Начните бесплатно3 первых модуля курса

Без наставника

Цена:3 699 ₽8 000 ₽

Курс включает:

  • 250 уроков видео лекций
  • 55 тестовых заданий
  • 10 упражнений
  • Сертификат об окончании
  • Неограниченный доступ к лекциям

С наставником

Цена:8 990 ₽16 000 ₽
Рассрочка:4 495 ₽/мес

Всё из тарифа «Без наставника», а также:

  • Проверка домашних заданий наставником
  • Индивидуальные консультации с наставником — 2 по 30 минут

Практика в студии

Цена:15 999 ₽25 000 ₽
Рассрочка:5 333 ₽/мес

Всё из тарифа «С наставником», а также::

  • Проверка домашних заданий наставником
  • Индивидуальные консультации с наставником — 2 по 30 минут
  • Подключение в проектную команду студии PurpleCode
  • Проекты и доработки реальной функциональности для заказчиков студии
  • Участие в еженедельном планировании и декомпозиции задач
  • Рекомендательное письмо от основателя PurpleCode

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

Цена:21 000 ₽30 000 ₽
Рассрочка:7 000 ₽/мес

Всё из тарифа «С наставником», а также:

  • Поддержка наставника на 3 месяца
  • Видео звонки с наставником до 6 часов
  • Практические проекты
  • Код ревью проектов
  • Дополнительные материалы
О тарифе

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

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

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

  • Практика

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

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

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

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

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

  • Практика Agile

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

team project
  1. 1

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

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

  2. 2

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

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

  3. 3

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

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

  4. 4

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

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

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

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

  • additional material

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

  • additional material

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

Цена от: 3 699 ₽ 8 000 ₽
Иконка календаряПри покупке до 31 марта 2025
Монетки
300 бонусных рублей за регистрацию
Команда курса

Автор и наставники

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

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

Основатель PurpleSchool

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

фото команды
Наставник

Левитин Никита

Старший Frontend разработчик Билайн

Занимаюсь разработкой больше 5 лет. Начинал с продавца в магазине одежды, смотря на перерыве уроки по фронтенду. Основной стек React, Vue, TypeScript. Разрабатываю дизайн-системы и микрофронты. Люблю сложные задачи после которых сложно сдержать крик радости.

фото команды
Наставник

Денис Уткин

Senior Frontend Engineer at IBS

Знаю как технологии работают под капотом. Люблю чистый строго типизированный код и функциональное программирование. В свободное время изучаю искусственный интеллект. Стек: React, Typescript и все что с ним связано

фото команды
Наставник

Сергей Краснолобов

Фронтенд инженер в Авито

В разработке около 5 лет. Полностью самоучка, основные знания получил из разного рода книг, статей и документации. Считаю, что главные качества хорошего разработчика - это упорство и трудолюбие! В своем подходе к обучению ребят я стараюсь дать возможность найти ответы самому, изредка слегка направляя куда копать

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

Отзывы

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

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

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

12
12 месяцевдлительность направления
11
11 проектовдля портфолио
1 на 1
занятияс наставником
Цена от: 3 699 ₽ 8 000 ₽
Иконка календаряПри покупке до 31 марта 2025
Монетки
300 бонусных рублей за регистрацию

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

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

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

Для компаний

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

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

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

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