О курсе

Курс знакомит с Nuxt как веб-фреймворком на Vue. Практическая часть строится на создании интернет-магазина: для проекта подготовлены макеты и готовое API, которое можно запустить локально. В начале рассматриваются установка окружения, структура проекта, автоимпорты, конфигурация приложения и переменные окружения. Затем разбирается файловый роутинг, динамические пути, программная навигация и страница ошибки. Отдельные разделы посвящены layout, компонентам интерфейса и работе с иконками. Далее изучается Universal Rendering: чем SSR отличается от CSR, что такое гидратация, как работает жизненный цикл Nuxt и гибридный рендеринг. В блоке о стилизации рассматриваются CSS-модули, PostCSS, анимация переходов между страницами и Tailwind. Значительная часть курса посвящена получению данных: $fetch, useFetch, useAsyncData, ограничениям useFetch и обновлению данных. Работа с состоянием включает Pinia, хранение состояния при SSR, persisted state и организацию избранного. Также разбираются авторизация, получение JWT, middleware и глобальный middleware. Завершающие разделы касаются SEO и метаданных (useHead, useSeoMeta, sitemap, robots.txt), серверных эндпоинтов, подключения базы данных и сохранения данных пользователя.

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

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

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

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

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

Какой проект создаётся в ходе курса?

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

Какие темы по рендерингу рассматриваются?

В материалах разбирается Universal Rendering, отличия SSR от CSR, гидратация, жизненный цикл Nuxt и гибридный рендеринг.

Затрагивается ли работа с состоянием и авторизацией?

Да, в курсе рассматриваются хранение состояния при SSR, подключение Pinia, persisted state, а также авторизация, получение JWT и middleware.

Входят ли в тариф «Самостоятельный» домашние задания и поддержка наставника?

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