О курсе

Курс посвящён изучению Nuxt — веб-фреймворка на базе Vue. По описанию программы, обучение строится вокруг практического проекта: интернет-магазина, для которого подготовлены макеты и готовое API, запускаемое локально. Материал охватывает создание нового проекта, настройку окружения, структуру проекта, автоимпорты, конфигурацию приложения и переменные окружения.

Значительная часть программы отведена роутингу: добавлению страниц, программному роутингу, NuxtLink и prefetch, перенаправлениям, странице ошибки, динамическим путям. Отдельные разделы посвящены layout — default и custom, работе с иконками, вёрстке шапки и футера.

В курсе рассматривается Universal Rendering: примеры рендера, Client Side Rendering, ClientOnly, жизненный цикл Nuxt и Hybrid Rendering. Также разбираются стилизация и анимация: CSS-модули, PostCSS, page transitions, внешние стили и Tailwind.

Темы получения данных включают развёртывание API, запросы в Insomnia, $fetch, useFetch, useAsyncData, refresh данных и вывод категорий в каталоге. Работа с состоянием охватывает хранение состояния с SSR, Pinia, store для избранного, callOnce и persisted state. Отдельные блоки посвящены авторизации (форма, получение JWT, middleware), SEO и метаданным (useHead, useSeoMeta, динамический title, sitemap, robots.txt, Nuxt DevTools) и серверным эндпоинтам (server middleware, server routes, подключение базы данных, сохранение данных, интеграция с frontend).

Курс обновлён 12 апреля 2025 года. Автор — Антон Ларичев, основатель PurpleSchool, по описанию имеющий более 14 лет опыта разработки и работавший с JavaScript, TypeScript, PHP, Go, C#, Swift и Python. В тариф «Самостоятельный» входят уроки и упражнения; домашние задания, AI-тренажёры, поддержка наставника и практика в студии в него не включены.

Что рассматривается в программе

  • создание Nuxt-приложений и настройка окружения
  • работа с файловым роутингом, динамическими путями и NuxtLink
  • настройка layout, иконок и вёрстка интерфейсных элементов
  • рассматривается Universal Rendering, CSR, SSR и гидратация
  • стилизация через CSS-модули, PostCSS и Tailwind, анимация переходов страниц
  • получение данных с помощью $fetch, useFetch и useAsyncData
  • работа с состоянием и Pinia, включая persisted state
  • авторизация, middleware и получение JWT

Кому может быть полезен курс

  • тем, кто интересуется разработкой веб-приложений на Vue и хочет ознакомиться с фреймворком Nuxt
  • разработчикам, которым нужно изучить файловый роутинг, layout и работу с состоянием в Nuxt
  • специалистам, желающим разобраться с SSR, SSG и гибридным рендерингом
  • тем, кто хочет ознакомиться с серверными эндпоинтами и интеграцией с базой данных в Nuxt
  • разработчикам, интересующимся SEO, мета-тегами и оптимизацией производительности в Nuxt-приложениях

Вопросы о программе

На каком проекте построено обучение в курсе?

По описанию программы, обучение строится на создании интернет-магазина. Для проекта подготовлены макеты и готовое API, которое можно запустить локально.

Какие темы рассматриваются в курсе?

В программе заявлены настройка окружения и структура проекта, роутинг, layout, Universal Rendering и CSR, стилизация и анимация, получение данных, работа с состоянием и Pinia, авторизация, SEO и метаданные, а также серверные эндпоинты и подключение базы данных.

Кто автор курса?

Автор курса — Антон Ларичев, основатель PurpleSchool. По описанию, он занимается разработкой более 14 лет и имеет опыт с JavaScript, TypeScript, PHP, Go, C#, Swift и Python.

Что входит в тариф «Самостоятельный»?

В тариф «Самостоятельный» входят уроки и упражнения. Домашние задания, AI-тренажёры, поддержка наставника и практика в студии в этот тариф не входят.