Elliot
Администратор
- Регистрация
- 3 Дек 2014
- Сообщения
- 125.659
- Реакции
- 189.851
Складчина: Next.js 15 - с нуля, React TypeScript, Hooks, SSR и CSS Grid [PurpleSchool] [Антон Ларичев]
Чему вы научитесь?
После прохождения курса вы сможете:
Разрабатывать реальные приложения на NextJS и React
Работать с React Hooks
Понимать работу SSR и создавать SEO-friendly сайтов
Верстать макеты на CSS Grid
Работать с анимацией и библиотекой Framer
Обеспечивать доступности приложения и работать с ARIA атрибутами
Подготавливать ваше приложение к production
Работать с формами, их отправкой и валидацией
Писать на TypeScript
Собирать production проект и настраивать eslint, stylelint и отладку
Что в курсе?
Курс обновлён до Next 15и App Router
Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.
При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.
Каждый модуль содержит как теоретическую часть, так и live-code, где мы в месте будем создавать приложение с нуля. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания, а небольшие упражнения - попрактиковаться писать код.
План курса
Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.
Спойлер: Подробно
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. Заключение
26. Командный проект
Автор курса: Антон Ларичев
Основатель PurpleSchool
Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Тариф: Без наставника
Курс включает:
249 уроков видео лекций
55 тестовых заданий
10 упражнений
Сертификат об окончании
Неограниченный доступ к лекциям
СКАЧАТЬ
Чему вы научитесь?
После прохождения курса вы сможете:
Разрабатывать реальные приложения на NextJS и React
Работать с React Hooks
Понимать работу SSR и создавать SEO-friendly сайтов
Верстать макеты на CSS Grid
Работать с анимацией и библиотекой Framer
Обеспечивать доступности приложения и работать с ARIA атрибутами
Подготавливать ваше приложение к production
Работать с формами, их отправкой и валидацией
Писать на TypeScript
Собирать production проект и настраивать eslint, stylelint и отладку
Что в курсе?
Курс обновлён до Next 15и App Router
Next.js - готовый к production framework для React - самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.
При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.
Каждый модуль содержит как теоретическую часть, так и live-code, где мы в месте будем создавать приложение с нуля. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания, а небольшие упражнения - попрактиковаться писать код.
План курса
Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.
Спойлер: Подробно
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. Заключение
26. Командный проект
Автор курса: Антон Ларичев
Основатель PurpleSchool
Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Тариф: Без наставника
Курс включает:
249 уроков видео лекций
55 тестовых заданий
10 упражнений
Сертификат об окончании
Неограниченный доступ к лекциям
СКАЧАТЬ
Что бы скачивать сливы курсов и складчины вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- Основы медицины долголетия LongevityHQ + NutraceuticalsHQ [Longevity HQ Academy] [Анна Луговская, Нина Николаева]
- Мир нейросетей 4.0 [тариф Самостоятельный] [Илья Палий]
- Кейк Баночка Клубника Базилик Торт Мороженое [Мария Манахова]
- Кейк Баночка Медовик Торт Мороженое [Мария Манахова]
- Кейк Баночка Сникерс Торт Мороженое [Мария Манахова]
- Кейк Баночка Летний Лимонад Торт Мороженое [Мария Манахова]