[Антон Ларичев] [PurpleSchool] Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid (2024)

  • Автор темы Автор темы Rayhorn
  • Дата начала Дата начала

Rayhorn

Модератор
Команда форума
Модератор
Сообщения
3.730
Реакции
3.287
Снимок экрана 2024-06-23 113250.png




Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid 2024 [PurpleSchool] [Антон Ларичев]

Чему вы научитесь?
После прохождения курса вы сможете:

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

План курса:
Курс построен таким образом, чтобы доносить материал от простого к сложному.

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. Заключение
26. Командный проект

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

Тариф: Без наставника
Курс включает:
23 часа видео лекций
9 тестовых заданий
6 упражнений
Сертификат об окончании
Неограниченный доступ к лекциям


 

Похожие темы

Слив курса Golang - Templ Fiber HTMX [Тариф Премиум] [PurpleSchool] [Антон Ларичев] 144 урока видео с конспектами 15 упражнений для закрепления на практике 76 тестов для проверки знаний После прохождения курса вы сможете: Работать с Fiber Framework Создавать Fullstack приложения на Go Работать...
Ответы
2
Просмотры
675
Чему вы научитесь Разрабатывать реальные приложения на NextJS и React Работать с React Hooks Понимать работу SSR и создавать SEO-friendly сайтов Верстать макеты на CSS Grid Работать с анимацией и библиотекой Framer Обеспечивать доступности приложения и работать с ARIA атрибутами Подготавливать...
Ответы
0
Просмотры
606
Базовый курс по современному JavaScript в 2025 году для начинающих. С нуля до проекта на реальных примерах и упражнениях После прохождения курса вы сможете: Писать полноценные web приложения на JavaScript Разбираться в основах JavaScript Работать с функциями, массивами, строками и объектами...
Ответы
3
Просмотры
Продвинутый Golang [Purpleschool] [Антон Ларичев] Продвинутый курс по Golang по созданию http API и многопоточности Чему вы научитесь? После прохождения курса вы сможете: Использовать горутины Понимать внутреннее устройство Golang Разбираться в работе GC и выделении памяти Работать с...
Ответы
4
Просмотры
754
Основы Git [purpleschool] [Антон Ларичев] Полный курс по работе с системой контроля версий Git Что в курсе? В этом курсе мы научимся использовать систему контроля версий Git для совместной разработки проектов. Мы начнём с изучения базовых команд для работы в терминале Linux, MacOS и Windows...
Ответы
0
Просмотры
657
Назад
Сверху Снизу