React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR
рейтинг 4.7 на основании отзывов на платфоре Udemy
Обновлено: 07 октября 2022Базовый курс

Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR
рейтинг 4.7 на основании отзывов на платфоре Udemy
Обновлено: 07 октября 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 290
5 990
При покупке до 30 ноября 2022
Гарантия возврата денег — 30 дней
Курс включает:
20 часов видео лекций

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

6 упражнений

Сертификат об окончании

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

О школе

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

План курса

Ниже вы можете ознакомится с планом курса и посмотреть часть открытых лекций.

Введение
Преимущества NextJS
7 мин
Как устроен курс
6 мин
Обзор проекта
3 мин
Update - Обзор курсов
4 мин
Настройка окружения
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. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.


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

Отзывы студентов не модерируются и не редактируются. Отзыв можно оставить поле прохождения половины курса.

Дмитрий
Отличный курс, брал что бы подтянуть TypeScript и React. Пока только на половине пути, но уже более детально разобрался в хуках и стало проще с типизацией данных. Открыл для себя некоторые тонкости, которые раньше не замечал. В общем рекомендую, курс отлично подойдет React и TypeScript любознательным :) Удачи в учёбе!
Бары
Отличный курс, отличные видео без воды! Очень доволен!
Aa R
Все максимально доступно объясняется, причем в мельчайших подробностях. Очень круто, что есть обратная связь и можно получать ответы в комментах
Nikolas Smakovsky
Отличный курс! Подача как всегда на высоте, примеры максимально интересные и каждый новый урок ждёшь так же, как подарков на новый год, потому что уверен, что узнаешь что-то новое и интересное. Спасибо!
Ира Бреус
Здравствуйте, Антон! Курс очень нравится и полностью оправдал все мои ожидания. Очень нравится то что уроки маленькие. Не всегда сразу становится понятно после теоретического объяснения, для чего это вообще нужно, но последующие уроки с применением на практике расставляют все по своим местам и благодаря этому не остается пробелов в знаниях по каждой отдельной ступени курса. Очень нравится, как Вы объясняете - все четко и по делу, без отвлеченных пространственных рассуждений)) Спасибо Вам большое за курс, надеюсь и дальше все будет так же понятно
Дмитрий Саврасов
Курс хороший, мне нравится. У меня уже есть опыт разработки на реакт, на этом курсе подчеркиваю для себя новые комбинации и интересные приемы. Плюс появилось понимание как интегрировать TS в проект

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

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

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

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

Другие курсы

JavaScript с нуля - основы языка и практика для начинающих
Цена:1 290
Подробнее
18 часов видео лекций

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

30 упражнений
NodeJS - с нуля, основы и построение архитектуры приложений - с наставником
Цена:9 000 / мес
Подробнее
21 час видео лекций

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

15 упражнений
TypeScript с нуля - полный курс и паттерны проектирования
Цена:1 290
Подробнее
18 часов видео лекций

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

17 упражнений
Docker + Ansible - с нуля, деплой и управление Swarm
Цена:1 290
Подробнее
15 часов видео лекций

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

7 упражнений
Node.js - с нуля, основы и построение архитектуры приложений
Цена:1 290
Подробнее
18 часов видео лекций

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

8 упражнений
NestJS - с нуля, современный backend на TypeScript и Node JS
Цена:1 290
Подробнее
15 часов видео лекций

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

4 упражнения
Microservices - паттерны и практика построения микросервисов
Цена:1 290
Подробнее
14 часов видео лекций

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

5 упражнений
CSS Flexbox - полный курс и практика его использования
Бесплатно
Подробнее
2 часа видео лекций

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

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