логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool
Frontend

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

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

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

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

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

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

277уроковвидео с конспектами
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
Ваш сертификат по окончанию курса
Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024
Модули курса

План курса

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

кнопка запустить видеоПример лекции
Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024
Что будем писать?

Проекты

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

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

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

Блог

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

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

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

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

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

Нам доверяют

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

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

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

4.8
Логотип Coursus
рейтингрейтингрейтингрейтингрейтинг
4.8
лого степик
рейтингрейтингрейтингрейтингрейтинг
4.7
лого udemy
рейтингрейтингрейтингрейтингрейтинг
Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024
Под ваши потребности

Тарифы

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

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

Цена:3 299 ₽8 000 ₽

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

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

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

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

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

  • Поддержка наставника на 2 месяца
  • Домашние задания
  • Код ревью домашних заданий
  • Консультация 1 на 1 с наставником
  • Персональная карта развития

С командным проектом

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

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

  • Работа в команде над реальном проектом
  • Полноценный опыт работы
  • Практические проекты
  • Практика Agile

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

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

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

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

Не знаете какой выбрать курс?

Пройдите бесплатное тестирование, чтобы проверить ваши знания и получить скидку 5% на покупку курса.

Начать тестирование
О тарифе

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

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

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

  • Практика

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

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

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

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

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

  • Практика Agile

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

team project
  1. 1

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

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

  2. 2

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

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

  3. 3

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

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

  4. 4

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

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

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

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

  • additional material

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

  • additional material

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

Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024
Команда курса

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

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

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

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

О направлении

Live поддержка
Вы будете вживую общаться с ведущими разработчиками из крупных компаний.
Код ревью
Разбор каждой строчки вашего кода и детальная обратная связь, которая позволяет учиться быстрее.
Домашние задания
Для закрепления материалов на практике под руководством наставника.
Практические собеседования
После каждого курса, для подготовки к реальным собеседованиям и проверки знаний.
Персональная карта развития
Вы получаете не просто обратную связь от наставника, а полноценную карту развития, где будут отражены ваши сильные и слабые стороны.
Карта развития

Направления с нуля

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

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

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

12
12 месяцевдлительность направления
11
11 проектовдля портфолио
1 на 1
занятияс наставником

Frontend

изображение курса Основы JavaScript
Основы JavaScriptПодробнее
изображение курса Продвинутый JavaScript
Продвинутый JavaScriptПодробнее
изображение курса TypeScript с нуля
TypeScript с нуляПодробнее
изображение курса React и Redux
React и ReduxПодробнее
изображение курса React + Next.js - с нуляТекущий курс
React + Next.js - с нуля
Что говорят наши ученики

Отзывы

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

Для студентов

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

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

Картинка платформы
Иконка пункта Тесная работа с наставником и интеграция с GitHubТесная работа с наставником и интеграция с GitHub
Стрелка
Иконка пункта Удобный просмотр лекций с любого устройстваУдобный просмотр лекций с любого устройства
Стрелка
Иконка пункта Система тестов для закрепления знанийСистема тестов для закрепления знаний
Стрелка
Иконка пункта Подсветка синтаксиса в комментариях и домашних заданияхПодсветка синтаксиса в комментариях и домашних заданиях
Стрелка
Иконка пункта Удобные конспекты к каждой лекцииУдобные конспекты к каждой лекции
Стрелка
Иконка пункта Дополнительный материал и полезные ссылкиДополнительный материал и полезные ссылки
Стрелка
Иконка пункта AI помощник для быстрого решения простых вопросовAI помощник для быстрого решения простых вопросов
Стрелка
Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024

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

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

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

Для компаний

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

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

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

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

Цена от: 3 299 ₽ 8 000 ₽
Иконка календаряПри покупке до 10 октября 2024