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

Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR
рейтинг 4.7 на основании отзывов на платфоре Udemy
15 августа 2022

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

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

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

Вы научитесь

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

Требования

Минимальные требования для прохожлдения курса: Знание основ JavaScript, CSS и HTML;

ОбложкаPlay
Цена:1 090
5 990
При покупке до 31 августа 2022
20 часов видео лекций

9 тестовых заданий

6 упражнений

Поддержка в чате

Смотри когда удобно

Оплата по всему миру

О школе

Более 10 000 студентов
Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik
Гарантия возврата денег
Если курс вам не подойдёт, мы вернём вам деньги в течение 10 дней
Практический опыт
Получите бесценный опыт реальных проектов в каждом курсе

План курса

Введение
Преимущества NextJS
Бесплатно
Как устроен курс
Бесплатно
Обзор проекта
Бесплатно
Update - Обзор курсов
Бесплатно
Настройка окружения
TypeScript
Старт проекта
Компоненты Head и Document
Figma для разработчика
Простые компоненты
Statefull компоненты
HOC компоненты
CSS Grid
Server side rendering
Контекст
Роутинг
Страница продуктов
Компонент продукта
Работа с формами
Анимация на Framer Motion
Доступность
Подготовка к production
Сертификат о прохождении курса по окончанию!
Сертификат об окончании

Об авторе курса

avatar
Антон Ларичев
Технический директор и профессиональный разработчик

Работаю техническим директором в компании по продаже и оценке автомобилей с пробегом. Занимаюсь разработкой уже более 12 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Являюсь большим фанатом NestJS для Backend и активно занимаюсь open source библиотеками для него. На frontend работаю с React, Angular а так же обожаю делать небольшие виджеты на Svelte.

Так же имею широкий опыт внедрения DevOps практик для быстрой доставки кода в production и созданию лучшего develop experience. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.


Последние отзывы

Коля
Курс в целом очень понравился, но про Docker и github actions немного сложновато для меня, как для того, кто не работал с этим раньше
Роман
Прошел половину курса, что могу сказать. Не жалею что взял, узнал много нового, но на мой взгляд без базовых знаний реакта будет сложновато. Автор отзывчивый, в тот же день отвечает на все вопросы. Все объясняется доходчиво и очень радует тот факт, что курс постепенно дополняется отвечая на самые распространенные вопросы учеников. С удовольствием продолжу обучение. Высшая оценка!)
Konstantin S.
Я уже работаю с React, но данный курс помог разобраться в TypeScript в связке с React, все очень доходчиво и с уклоном на реальную практику, интересно как автор курса делится паттернами и техниками - новыми для меня, рекомендую! Уже купил еще один курс от автора - Node.js
Anton W.
Очень нравится как изложен материал! Самое главное после просмотра остается понимание и структура темы. Покупаю все курсы Антона :)
Irina V.
Начали с основ, а закончили большим практически готовым проектом, есть где развернуться и что улучшить, что хорошая практика. Для новичка довольно сложно сразу с JS перейти на React, но основные положения точно отложились.
Irina V.
Не могу не ответить Антона Ларичева, который ведет этот курс. У него настоящий талант объяснять сложные вещи простым языком, благодаря чему материал отлично усваивается. Я пробовал изучать React по бесплатным курсам на Youtube, однако, абстрактная информация усваивается тяжело, здесь же есть достаточно много практики, мы весь курс занимаемся одним проектом, что, вкупе с талантом объяснять Антона, уже сделало для меня его очень полезным.

Частые вопросы

На сколько времени будет открыт доступ к курсу?

Вы получаете неограниченный по времени доступ к курсу и можете проходить его в темпе, в который комфортен вам.

Если я столкнусь со сложностями в курсе, кому задавать вопросы?
Я знаю React, будет ли мне полезен курс?
Где взять API и макеты для этого проекта?
Остались вопросы? Их можно задать в чате Telegram

Другие курсы

Обложка
Цена:1 090рублей
Подробнее
18 часов видео лекций

12 тестовых заданий

17 упражнений
Обложка
Цена:1 090рублей
Подробнее
15 часов видео лекций

12 тестовых заданий

7 упражнений
Обложка
Цена:1 090рублей
Подробнее
18 часов видео лекций

9 тестовых заданий

8 упражнений
Обложка
Цена:1 090рублей
Подробнее
15 часов видео лекций

5 тестовых заданий

4 упражнения
Обложка
Цена:1 090рублей
Подробнее
14 часов видео лекций

9 тестовых заданий

5 упражнений
Обложка
Бесплатно
Подробнее
2 часа видео лекций

3 тестовых заданий

2 упражнения
Цена:1 090
5 990