логотип PurpleSchool
Frontend

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

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

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

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

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

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

23часакоротких лекций по 10 - 15 минут
6 упражненийдля закрепления на практике
9 тестовдля проверки знаний

Технологии

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
Ваш сертификат по окончанию курса
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 31 марта 2024
Модули курса

План курса

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

кнопка запустить видеоПример лекции
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 31 марта 2024
Что будем писать?

Проекты

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

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

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

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

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

Блог

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

Что даёт работа с наставником?

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

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

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

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

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

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

Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 31 марта 2024
О нас

Нам доверяют

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

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

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

4.8
Логотип Kusly
рейтингрейтингрейтингрейтингрейтинг
4.8
лого степик
рейтингрейтингрейтингрейтингрейтинг
4.7
лого udemy
рейтингрейтингрейтингрейтингрейтинг
Под ваши потребности

Тарифы

Первый модуль

Бесплатно

Check Circle IconБесплатный тариф с доступом к первому модулю

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

Цена: 2 999 ₽5 000 ₽
При покупке до 31.03.2024
Доступ к материалам не ограничен

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

23 часа видео лекций
9 тестовых заданий
6 упражнений
Сертификат об окончании
Оплата по всему миру

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

Цена: 8 990 ₽16 000 ₽
Рассрочка: 4 495 ₽/мес
При покупке до 31.03.2024
Длительность курса: 2 месяца

То же что в тарифе «Без наставника», а так же:

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

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

Цена: 21 000 ₽30 000 ₽
Рассрочка: 7 000 ₽/мес
При покупке до 31.03.2024
Длительность курса: 3 месяца

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

Видео звонки с наставником до 6 часов
Практические проекты
Код ревью проектов
Дополнительные материалы
Что говорят наши ученики

Отзывы

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

Карта развития

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

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

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

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

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

Frontend

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

Для компаний

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

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

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

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

Удобный просмотр лекций с любого устройства
Тесная работа с наставником и интеграция с GitHub
Подсветка синтаксиса в комментариях и домашних заданиях
Система тестов для закрепления знаний
Удобные конспекты к каждой лекции
Дополнительные материалы и полезные cсылки
Скоро

Мобильное приложение для iOS и Android

Macbook image
Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 31 марта 2024
Остались вопросы?

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

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

Цена от: 2 999 ₽ 5 000 ₽
Иконка календаряПри покупке до 31 марта 2024