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

[Admin]

Автор: Антон Ларичев
Название: React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid (2021)

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

• Разрабатывать реальные приложения на 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 сайт, посвящённый рейтингам.
Мы детально разберём:

• 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% от продаж данного курса я буду ежемесячно отправлять в фонд.
Для кого этот курс:

• Начинающие frontend разработчики
• Те, кто хочет сменить framework и попробовать React или познакомится с NextJS
• Backend разработчики, которые хотят развиваться во frontend

Подробнее:

Скачать: