Полный курс по современному Frontend на React и Next.js 15. Всё от CSS Grid и TypeScript до React Hooks и SSR. Курс обновлён до Next 15 и App Router.
После прохождения курса вы сможете:
- Разрабатывать реальные приложения на NextJS и React
- Работать с React Hooks
- Понимать работу SSR и создавать SEO-friendly сайтов
- Верстать макеты на CSS Grid
- Работать с анимацией и библиотекой Framer
- Обеспечивать доступности приложения и работать с ARIA атрибутами
- Подготавливать ваше приложение к production
- Работать с формами, их отправкой и валидацией
- Писать на TypeScript
- Собирать production проект и настраивать eslint, stylelint и отладку
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 и ex-CTO.
- Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python.
- Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Курс включает:
- 249 уроков видео лекций
- 55 тестовых заданий
- 10 упражнений
