Школы

Рейтинг на основе отзывов, авторитетности и популярности

Подборки

Полезные и актуальные курсы, отобранные вручную

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

Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Сертификат
Сертификат
Есть

Стоимость курса

2 999 ₽
Нет рассрочки

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

Что в курсе?

  •  Неограниченный по времени доступ к материалам
     
  •  Практические упражнения и примеры на реальных проектах
     
  •  Небольшие структурированные лекции для простого освоения
     
  •  Поддержка в чате студентов
     
  •  Ответы на вопросы в комментариях

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

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

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

Вы научитесь

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

Требования
Минимальные требования для прохождения курса: Знание основ JavaScript, CSS и HTML

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

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

Что вы получите после обучения

Навыки
3
CSS Grid
4
TypeScript
5
React Hooks
6
SSR
7
Framer
8
ARIA
9
VSCode
10
Git
12
GitFlow
13
React Dev Tools
15
HTMLProps
16
SVG
17
Statefull
18
HOC
19
Роутинг в React
20
Вёрстка Sidebar
21
HTML
22
useRef
23
Husky
Сертификат

Школа

Более 10 000 студентов

Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik

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

Если курс вам не подойдёт, мы вернём вам деньги в течение 30 дней

Практический опыт

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

“Я помогаю разработчикам профессионально расти, делясь опытом в своих курсах”

Антон Ларичев
Технический директор и профессиональный разработчик

Каналы и подкасты

Подкаст Не плохой код (Apple podcast, Google podcast, Яндекс Музыка)
Говорим о разработке, и о том как писать не плохой код. А в частности NodeJS, JavaScript и TypeScript.

Youtube канал PurpleSchool
Канал с обучающими видео и дополнительными материалами по тематикам курсов

Telegram канал PurpleSchool
Канал с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

VK сообщество PurpleSchool
Сообщество VK с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

Преподаватели

Senior Frontend Developer в Lectera

 

Разработкой занимаюсь больше 6 лет. Прошёл тернистый путь от работы экономистом на заводе до ведущего разработчика. Основной стек: TypeScript, React, Next.js. Принимал участие в разработке дизайн-системы, люблю семантическую вёрстку и высокие показатели в Lighthouse.

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

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

Senior Frontend Engineer at IBS

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

Программа курса

1. Введение
 
2. Настройка окружения
 
3. TypeScript
 
4. Старт проекта
 
5. Компоненты Head и Document
 
6. Figma для разработчика
 
7. Простые компоненты
 
8. Statefull компоненты
 
9. HOC компоненты
 
10. CSS Grid
 
11. Server side rendering
 
12. Контекст
 
13. Роутинг
 
14. Страница продуктов
 
15. Компонент продукта
 
16. Работа с формами
 
17. Анимация на Framer Motion
 
18. Доступность
 
19. Подготовка к production
 
20. Проект - Layout
 
21. Проект - Каталог
 
22. Проект - Карточка товара
 
23. Проект - Корзина товаров
 
24. Проект - Авторизации
 
25. Заключение

Рейтинг курса

2.9
Может быть интересно
Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid
На сайт курса

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