Описание
[Антон Ларичев] Next.js 14 — с нуля, React TypeScript, Hooks, SSR и CSS Grid (2024) [PurpleSchool]
![[Антон Ларичев] Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid (2024) [PurpleSchool]](https://freekurses.site/wp-content/uploads/anton-larichev-next.js-14-s-nulja-react-typescript-hooks-ssr-i-css-grid-2024-purpleschool-.png)
Чему вы научитесь?
После прохождения курса вы сможете:
- Разрабатывать реальные приложения на NextJS и React
- Работать с React Hooks
- Понимать работу SSR и создавать SEO-friendly сайтов
- Верстать макеты на CSS Grid
- Работать с анимацией и библиотекой Framer
- Обеспечивать доступности приложения и работать с ARIA атрибутами
- Подготавливать ваше приложение к production
- Работать с формами, их отправкой и валидацией
- Писать на TypeScript
- Собирать production проект и настраивать eslint, stylelint и отладку
Что в курсе?
Курс обновлён до Next 14 и App Router
Next.js — готовый к production framework для React — самой популярной JavaScript библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией страниц.
При этом от вас требуется только базовое знание CSS, HTML и JavaScript, так в рамках курса мы не только разберём Next.js, но и React с нуля. При этом мы будем писать не просто какой-то учебный проект, а реальный production сайт, посвящённый рейтингам.
Каждый модуль содержит как теоретическую часть, так и live-code, где мы в месте будем создавать приложение с нуля. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания, а небольшие упражнения — попрактиковаться писать код.
План курса
Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.
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. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Тариф: Без наставника
Курс включает:
23 часа видео лекций
9 тестовых заданий
6 упражнений
Сертификат об окончании
Неограниченный доступ к лекциям.
Автор курса: Антон Ларичев
Сайт продажника: https://purpleschool.ru/course/nextjs
Цена с продажника: 2999 руб.
У нас Вы можете приобрести всего за 150 руб.

![[Антон Ларичев] Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid (2024) [PurpleSchool]](https://infoshopik.com/wp-content/uploads/2024/06/anton-larichev-next.js-14-s-nulja-react-typescript-hooks-ssr-i-css-grid-2024-purpleschool-.png)
![[YO DO] Курс DevOPS v 2.0 (2022)](https://infoshopik.com/wp-content/uploads/2022/04/yo-do-kurs-devops-v-2.0-2022-324x324.png)
![[Иван Петриченко] Создание административной панели на React.js + PHP (2019) [Udemy]](https://infoshopik.com/wp-content/uploads/2021/12/ivan-petrichenko-sozdanie-administrativnoj-paneli-na-react.js-php-2019-udemy-324x324.png)
![[Александр Лущенко] Функции в JavaScript (2021) [Itgid]](https://infoshopik.com/wp-content/uploads/2021/12/aleksandr-lushhenko-funkcii-v-javascript-2021-itgid-324x324.png)
![[Алексей Андросов] ABC-XYZ анализ в SQL (2024) [Stepik]](https://infoshopik.com/wp-content/uploads/2024/08/aleksej-androsov-abc-xyz-analiz-v-sql-2024-stepik--324x324.png)
![[Дмитрий Гончаров] Математические инструменты в "1С:Предприятие 8" [УЦ-3] (2020)](https://infoshopik.com/wp-content/uploads/2021/12/dmitrij-goncharov-matematicheskie-instrumenty-v-1spredprijatie-8-uc-3-2020-324x324.png)
![[Екатерина Андреева] Лайфхаки ChatGPT для аналитиков на практике (2023) [GetAnalyst]](https://infoshopik.com/wp-content/uploads/2023/12/ekaterina-andreeva-lajfhaki-chatgpt-dlja-analitikov-na-praktike-2023-getanalyst--324x324.png)
![[HTML academy] Навык «Вёрстка многослойных элементов интерфейса» (2020) [Тариф «Полный комплект»]](https://infoshopik.com/wp-content/uploads/2021/12/html-academy-navyk-vjorstka-mnogoslojnyh-jelementov-interfejsa-2020-tarif-polnyj-komplekt-324x324.png)
![[infostart.ru] Infostart Toolkit: Инструменты для разработчика 1С:8.3 (2025) [Версия CORP]](https://infoshopik.com/wp-content/uploads/2025/08/infostart.ru-infostart-toolkit-instrumenty-dlya-razrabotchika-1s8.3-2025-versiya-corp--324x324.png)
![[Андрей Кобец] Интенсив «Регулярные выражения» в Javascript (2022) [kobezzza.channel]](https://infoshopik.com/wp-content/uploads/2022/11/andrej-kobec-intensiv-reguljarnye-vyrazhenija-v-javascript-2022-kobezzza.channel--324x324.png)
![[Shcoder] Подписка на контент Shcoder (сентябрь 2025 и ранее) [Тариф Джунни]](https://infoshopik.com/wp-content/uploads/2025/10/shcoder-podpiska-na-kontent-shcoder-sentyabr-2025-i-ranee-tarif-dzhunni--324x324.png)
![[Александр Сокирка] Руководство по WordPress FSE (Gutenberg/JavaScript/React) (2023) [Udemy]](https://infoshopik.com/wp-content/uploads/2024/03/aleksandr-sokirka-rukovodstvo-po-wordpress-fse-gutenbergjavascriptreact-2023-udemy-324x324.png)
![[Богдан Кухар] Администратор 1С v 3.8 (все модули) (2024)](https://infoshopik.com/wp-content/uploads/2025/01/bogdan-kuhar-administrator-1s-v-3.8-vse-moduli-2024-324x324.png)
![[Яндекс-практикум] Системный аналитик (2022) [Часть 6 из 8]](https://infoshopik.com/wp-content/uploads/2022/12/jandeks-praktikum-sistemnyj-analitik-2022-chast-1-iz-8-324x324.png)
![[Михаил Русаков] Программирование на JavaScript с Нуля до Гуру 2.0 (2020)](https://infoshopik.com/wp-content/uploads/2021/12/mihail-rusakov-programmirovanie-na-javascript-s-nulja-do-guru-2.0-2020-324x324.png)
![[ЯЮНИОР] C#. Для профессионалов 2021 [Роман Сакутин]](https://infoshopik.com/wp-content/uploads/2021/12/jajunior-c.-dlja-professionalov-2021-roman-sakutin-324x324.png)
![[Machine Minds AI] Создание приложений Javascript с ChatGPT (2023)](https://infoshopik.com/wp-content/uploads/2023/03/machine-minds-ai-sozdanie-prilozhenij-javascript-s-chatgpt-2023-324x324.png)
![[sky.pro] [skyeng] Excel для анализа данных (2021)](https://infoshopik.com/wp-content/uploads/2021/12/sky.pro-skyeng-excel-dlja-analiza-dannyh-2021-324x324.png)
![[Герман Семикозов] Курс по современной вёрстке (2023) [learn.javascript]](https://infoshopik.com/wp-content/uploads/2023/11/german-semikozov-kurs-po-sovremennoj-vjorstke-2023-learn.javascript-324x324.png)
![[Алёна Мешкова] Сам себе программист 1С (2023)](https://infoshopik.com/wp-content/uploads/2024/03/aljona-meshkova-sam-sebe-programmist-1s-2023-324x324.png)
![[Алексей Малороссиянов] Курс по Unity (2021) [XYZ School]](https://infoshopik.com/wp-content/uploads/2021/12/aleksej-malorossijanov-kurs-po-unity-2021-xyz-school--324x324.png)
Отзывы
Отзывов пока нет.