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

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

Ratings 3.63 / 5.00

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

What You Will Learn!

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

Description

Обновлён до Next 13.4 и App Router!

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

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

Мы детально разберём:

TypeScript
Настройку окружения и сборку проекта
Работу в Figma
React Hooks
Создание компонентов
Контекст
Роутинг NextJS
Вёрстку на CSS grid
Как работает Server Side Rendering (SSR) и статическая генерация страниц
Встроенные компоненты Next.js
Работу с формами через react-hook-form
Анимацию с помощью Framer Motion
Доступность с клавиатуры и работу ScreenReader
Подготовку приложения к production и работу Docker

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

В результате курса вы получите знания и навыки, которые необходимы frontend разработчику на реальных проектах.

!!! В рамках данного курса, я сотрудничаю с фондом Движение вверх, оказывающий помощь детям с инвалидностью. Фонд помогает детям пройти реабилитацию в специализированных центрах, и дает шанс вернуться к обычной жизни. 10% от продаж данного курса я буду ежемесячно отправлять в фонд.