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

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

Rayhorn

Модератор
Команда форума
Модератор
Сообщения
3.742
Реакции
3.301
2.png


Чему вы научитесь
  • Разрабатывать реальные приложения на 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
 

Похожие темы

Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid 2024 [PurpleSchool] [Антон Ларичев] Чему вы научитесь? После прохождения курса вы сможете: Разрабатывать реальные приложения на NextJS и React Работать с React Hooks Понимать работу SSR и создавать SEO-friendly сайтов Верстать макеты...
Ответы
0
Просмотры
651
Базовый курс по современному JavaScript в 2025 году для начинающих. С нуля до проекта на реальных примерах и упражнениях После прохождения курса вы сможете: Писать полноценные web приложения на JavaScript Разбираться в основах JavaScript Работать с функциями, массивами, строками и объектами...
Ответы
3
Просмотры
Чему вы научитесь Как работает React Создание React компонентов Создание пользовательских интерфейсов Что такое props и two-way binding Cобытия и состояние для создания интерактивных приложений Как React работает под капотом Работа со списками и контентом по условию Способы стилизации...
Ответы
2
Просмотры
852
Практический курс по разработке SPA от Дмитрия Лаврика - React Level 2. Новый курс 2023 года! Цель курса: Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п. Для...
Ответы
0
Просмотры
642
# Mitra — элитная разработка с нуля > Команда разработчиков с 10+ летним опытом совместной работы. > PHP, Python, Telegram-боты и мини-приложения. Без шаблонов. Без CMS. Чистый код с нуля. --- ## О нас Мы — команда профессиональных разработчиков, которая делает то, за что другие не берутся...
Ответы
19
Просмотры
Назад
Сверху Снизу