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

Цена:
957
doneМного
doneЗаканчивается
highlight_offНет в наличии
notifications_none
Уведомить

[?IMG]?

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

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

Описание
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