Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Сертификат
Сертификат
Да

Стоимость курса

3 299 ₽
нет рассрочки

рейтинг 4.7 на основании отзывов на платформе Udemy

Что в курсе?

  •  Неограниченный по времени доступ к материалам
     
  •  Практические упражнения и примеры на реальных проектах
     
  •  Небольшие структурированные лекции для простого освоения
     
  •  Поддержка в чате студентов
     
  •  Ответы на вопросы в комментариях

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

Курс включает:

  • 23 часа видео лекций
     
  • 9 тестовых заданий
     
  • 6 упражнений

Что вы получите после обучения

Приобретаемые навыки
3
CSS Grid
4
TypeScript
5
React Hooks
6
SSR
7
Framer
8
ARIA
9
VSCode
10
Git
12
GitFlow
13
React Dev Tools
15
HTMLProps
16
SVG
17
Statefull
18
HOC
19
Роутинг в React
20
Вёрстка Sidebar
21
HTML
22
useRef
23
Husky
Сертификат, ссылками на который можно делиться с другими людьми

Вас будут обучать

Senior Frontend Developer в Lectera

 

Разработкой занимаюсь больше 6 лет. Прошёл тернистый путь от работы экономистом на заводе до ведущего разработчика. Основной стек: TypeScript, React, Next.js. Принимал участие в разработке дизайн-системы, люблю семантическую вёрстку и высокие показатели в Lighthouse.

Старший Frontend разработчик Билайн

Занимаюсь разработкой больше 5 лет. Начинал с продавца в магазине одежды, смотря на перерыве уроки по фронтенду. Основной стек React, Vue, TypeScript. Разрабатываю дизайн-системы и микрофронты. Люблю сложные задачи после которых сложно сдержать крик радости.

Senior Frontend Engineer at IBS

Знаю как технологии работают под капотом. Люблю чистый строго типизированный код и функциональное программирование. В свободное время изучаю искусственный интеллект. Стек: React, Typescript и все что с ним связано

Образовательная организация

Более 10 000 студентов

Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik

Гарантия возврата денег

Если курс вам не подойдёт, мы вернём вам деньги в течение 30 дней

Практический опыт

Получите бесценный опыт реальных проектов в каждом курсе

“Я помогаю разработчикам профессионально расти, делясь опытом в своих курсах”

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

Каналы и подкасты

Подкаст Не плохой код (Apple podcast, Google podcast, Яндекс Музыка)
Говорим о разработке, и о том как писать не плохой код. А в частности NodeJS, JavaScript и TypeScript.

Youtube канал PurpleSchool
Канал с обучающими видео и дополнительными материалами по тематикам курсов

Telegram канал PurpleSchool
Канал с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

VK сообщество PurpleSchool
Сообщество VK с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

Программа курса

1. Введение
 
2. Настройка окружения
 
3. TypeScript
 
4. Старт проекта
 
5. Компоненты Head и Document
 
6. Figma для разработчика
 
7. Простые компоненты
 
8. Statefull компоненты
 
9. HOC компоненты
 
10. CSS Grid
 
11. Server side rendering
 
12. Контекст
 
13. Роутинг
 
14. Страница продуктов
 
15. Компонент продукта
 
16. Работа с формами
 
17. Анимация на Framer Motion
 
18. Доступность
 
19. Подготовка к production
 
20. Проект - Layout
 
21. Проект - Каталог
 
22. Проект - Карточка товара
 
23. Проект - Корзина товаров
 
24. Проект - Авторизации
 
25. Заключение

Рейтинг курса

2.9
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 19.11.2024 08:02
Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid

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

Оставить отзыв
Поделиться курсом с друзьями