логотип PurpleSchool
логотип PurpleSchool
Frontend

Nuxt - fullstack Vue фреймворк

Полный курс по Nuxt и созданию веб приложений на Vue

Обновлено 06 октября 2025 г.
ЗвездаЗвездаЗвездаЗвездаЗвезда
Рейтинг 5.0на основании отзывов
Иконка аватараИконка аватараИконка аватараИконка аватараИконка аватара
40,000учеников
Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 25.11.2025
Гарантия возврата денег — 30 дней
Неограниченный доступ
Сертификат об окончании
Знания

Чему вы научитесь?

После прохождения курса вы сможете:
Создавать Nuxt-приложения с нуля
Настраивать SSR и SSG
Работать с файловым роутингом
Разрабатывать переиспользуемые композаблы
Настраивать middleware и плагины
Интегрировать внешние API
Оптимизировать SEO и производительность
Работать с модулями экосистемы
Развертывать приложения в продакшен

Минимальные требования: Знание Vue.js, Знание TypeScript

129уроковвидео с конспектами
13 упражненийдля закрепления на практике
69 тестовдля проверки знаний
Технологии
VueNuxtTypeScriptPiniaNitro
О курсе

Что в курсе?

В этом курсе мы познакомимся с Nuxt — веб-фреймворком на Vue. Курс будет максимально практическим, так как мы всё будем изучать, создавая интернет-магазин и сразу применяя полученные знания на практике. Для проекта подготовлено множество макетов и готовое API, которое вы сможете запустить локально.

Мы начнём с создания нового проекта, настроим layout и разберёмся с роутингом. Далее погрузимся в Universal Rendering, посмотрим, как он работает, что такое гидратация и чем SSR отличается от CSR.

После этого изучим PostCSS, работу со стилями и анимацию смены страниц, посмотрим, как работать с состоянием в SSR и подключим Pinia. Затем перейдём к более продвинутым темам, таким как авторизация в Nuxt, SEO, мета-теги и OpenGraph. В конце курса рассмотрим backend-составляющую Nuxt, создадим простое API и сохраним данные пользователя в базу данных.

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

certificate
Ваш сертификат по окончанию курса
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 25 ноября 2025
Возможности обучения

Обучение в PurpleSchool

Собственная платформа

Интеграция с GitHub

Интеграция с GitHub

Все проекты для домашних заданий проверяются напрямую из GitHub

Поддержка всех устройств

Поддержка всех устройств

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

Подсветка синтаксиса

Подсветка синтаксиса

Не теряйтесь в коде, пользуйтесь привычным форматированием синтаксиса

Проверенные форматы

Мини-лекции

Мини-лекции

Короткие видео (по ~5 минут) позволяют обучаться даже тогда, когда времени на полноценное обучение не хватает

Упражнения

Упражнения

Выполняйте задачи, а затем сравнивайте с верным процессом решения в видео для самопроверки

Конспекты

Конспекты

Каждая лекция сопровождается детальными конспектами для удобного поиска информации

Домашние задания

Домашние задания

Осваивайте материал на реальных задачах, которые потом пригодятся в работе

Тесты

Тесты

Закрепляйте знания и находите слабые места с помощью точечных тестов по темам курса

Тщательно следим за актуальностью технологий и регулярно обновляем курсы

AI и тренажёры

Livecode-тренажёр

Livecode-тренажёр

Решайте мини-задачи по темам курса и получайте мгновенный разбор ошибок в коде от AI-наставника

Mock-тренажёр

Mock-тренажёр

Практикуйтесь в прохождении собеседований и находите ошибки, которые мешают пройти на нужную вакансию

Проверка домашних заданий

Проверка домашних заданий

Отправляйте Pull Request наставнику и получайте детальный разбор с учётом лучших практик

AI-наставник обучен на реальных проектах, практике студентов, официальной документации и материалах курса

Реальная практика в студии

Проектная команда

Проектная команда

Подключитесь в коллектив и пройдёте проект плечом к плечу

Рекомендательное письмо

Рекомендательное письмо

В случае успешной стажировки получите индивидуальное рекомендательное письмо от основателя студии PurpleCode

Реальные задачи

Реальные задачи

Реализуете действующий функционал, а не задачки из учебников

Еженедельное планирование

Еженедельное планирование

Освоите практики Agile, научитесь декомпозировать задачи, оценивать сроки, анализировать ретроспективу

Практикующие разработчики и HR

Проверка домашних заданий

Проверка домашних заданий

Получайте детальную обратную связь от разработчиков из ведущих компаний

Еженедельные консультации

Еженедельные консультации

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

Проверка резюме и мок

Проверка резюме и мок

Повышайте софтскиллы и проходите на вакансии выше уровнем

Гарантия: если в течение 30 дней после покупки поймёте, что курс не нравится и не прошли более 50% курса — вернём деньги без лишних вопросов.

Модули курса

План курса

Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.

кнопка запустить видеоПример лекции
1.1 Nuxt
6 мин
1.2 Как устроен курс
7 мин
1.3 Обзор проекта
2 мин
1.4 Работа на платформе
10 мин
1.5 Проект домашнего задания
2 мин
1.6 AI и тренажёры
7 мин
1.7 Практика на проекте
4 мин
1.8 Рекомендуемый курс
1 мин
2.1 Настройка окружения
3 мин
2.2 Установка Node
5 мин
2.3 Настройки VSCode
4 мин
2.4 Создание проекта
5 мин
2.5 Домашнее задание AI
18 мин
3.1 Обзор проекта
5 мин
3.2 Автоимпорт
6 мин
3.3 Вложенные компоненты
5 мин
3.4 Настройка автоимпортов
7 мин
3.5 App configuration
5 мин
3.6 Environment vars
9 мин
3.7 Тест - Структура проекта
5 мин
С AI и тренажёрами3.8 Занятие - Структура проекта
15 мин
С AI и тренажёрами3.9 Домашнее задание - Структура проекта
60 мин
4.1 Добавление страниц
6 мин
4.2 Программный роутинг
4 мин
4.3 NuxtLink и prefetch
7 мин
4.4 Перенаправление
4 мин
4.5 Страница ошибки
5 мин
4.6 Nuxt Font и стили
6 мин
4.7 Упражнение - Компонент кнопки
11 мин
4.8 Упражнение - Стилизация страницы ошибки
8 мин
4.9 Структура путей
6 мин
4.10 Динамические пути
6 мин
4.11 Тест - Роутинг
5 мин
С AI и тренажёрами4.12 Занятие - Роутинг
15 мин
С AI и тренажёрами4.13 Домашнее задание - Роутинг
60 мин
5.1 Default Layout
5 мин
5.2 Custom Layout
6 мин
5.3 Упражнение - Input
8 мин
5.4 Добавление иконок
4 мин
5.5 NuxtIcon
8 мин
5.6 Упражнение - Вёрстка Footer
8 мин
5.7 Стилизация иконок
13 мин
5.8 Упражнение - Шапка
18 мин
5.9 Состояние ссылок
5 мин
5.10 Тест - Layout
5 мин
С AI и тренажёрами5.11 Занятие - Layout
15 мин
С AI и тренажёрами5.12 Домашнее задание - Layout
60 мин
6.1 Universal Rendering
12 мин
6.2 Пример рендера
8 мин
6.3 Client Side Rendering
4 мин
6.4 ClientOnly
6 мин
6.5 Жизненный цикл Nuxt
7 мин
6.6 Hybrid Rendering
13 мин
6.7 Тест - Server Side Rendering
5 мин
С AI и тренажёрами6.8 Занятие - Server Side Rendering
15 мин
7.1 CSS модули
5 мин
7.2 Postcss
7 мин
7.3 Page Transitions
7 мин
7.4 Внешние стили
4 мин
7.5 Tailwind
4 мин
7.6 Тест - Стилизация и анимация
5 мин
С AI и тренажёрами7.7 Занятие - Стилизация и анимация
15 мин
С AI и тренажёрами7.8 Домашнее задание - Стилизация и анимация
60 мин
8.1 Развёртка API
5 мин
8.2 Запросы в Insomnia
5 мин
8.3 $fetch
8 мин
8.4 useFetch
6 мин
8.5 Ограничения useFetch
5 мин
8.6 Refresh данных
4 мин
8.7 useAsyncData
6 мин
8.8 Упражнение - Select
9 мин
8.9 Вывод категорий в каталоге
9 мин
8.10 Упражнение - Карточка товара
14 мин
8.11 v-bind стилей
4 мин
8.12 Упражнение - Данные товаров
8 мин
8.13 Тест - Получение данных
5 мин
С AI и тренажёрами8.14 Занятие - Получение данных
15 мин
С AI и тренажёрами8.15 Домашнее задание - Получение данных
60 мин
9.1 Повторный запрос данных
4 мин
9.2 Хранение состояния с SSR
10 мин
9.3 Упражнение - Поиск по каталогу
8 мин
9.4 useDebounce
5 мин
9.5 Добавление Pinia
4 мин
9.6 Store для избранного
7 мин
9.7 callOnce
8 мин
9.8 Добавление в избранное
11 мин
9.9 Persisted State
4 мин
9.10 Упражнение - Отображение избранного
6 мин
9.11 Тест - Работа с состоянием
5 мин
С AI и тренажёрами9.12 Занятие - Работа с состоянием
15 мин
С AI и тренажёрами9.13 Домашнее задание - Работа с состоянием
60 мин
10.1 Форма авторизации
8 мин
10.2 Получение JWT
8 мин
10.3 Упражнение - State авторизации
5 мин
10.4 Middleware
8 мин
10.5 Глобальный middleware
5 мин
10.6 Упражнение - Выход пользователя
3 мин
10.7 Тест - Авторизация
5 мин
С AI и тренажёрами10.8 Занятие - Авторизация
15 мин
С AI и тренажёрами10.9 Домашнее задание - Авторизация
60 мин
11.1 Default head и favicon
8 мин
11.2 useHead и useSeoMeta
6 мин
11.3 Динамический title
5 мин
11.4 Title template
4 мин
11.5 Sitemap
9 мин
11.6 Robots txt
7 мин
11.7 Nuxt DevTools
10 мин
11.8 Тест - SEO и Metadata
5 мин
С AI и тренажёрами11.9 Занятие - SEO и Metadata
15 мин
С AI и тренажёрами11.10 Домашнее задание - SEO и Metadata
60 мин
12.1 Server Middleware
9 мин
12.2 Server routes
6 мин
12.3 Body Query Params
8 мин
12.4 Подключение базы данных
7 мин
12.5 Сохранение данных
10 мин
12.6 Интеграция с frontend
7 мин
12.7 Упражнение - Получение данных
4 мин
12.8 Тест - Server endpoints
5 мин
С AI и тренажёрами12.9 Занятие - Server endpoints
15 мин
С AI и тренажёрами12.10 Домашнее задание - Server endpoints
60 мин
13.1 Куда двигаться дальше?
2 мин
13.2 Финальное тестирование
20 мин
С AI и тренажёрами13.3 Собеседование с AI наставником
30 мин
13.4 Рекомендуемый курс
1 мин
Со стажировкой в студии14.1 Основы Scrum
19 мин
Со стажировкой в студии14.2 Старт задачи
11 мин
Со стажировкой в студии14.3 Выполнение задачи
11 мин
Со стажировкой в студии14.4 Код ревью
8 мин
Со стажировкой в студии14.5 Старт работы
60 мин
О платформе

Обзор платформы

Наша платформа создана так, чтобы вы могли не просто прослушать лекции, а действительно освоить материал. Здесь вы сможете пройти видеолекции, потренироваться на интерактивных тренажёрах, выполнить домашние задания, поработать с AI-наставником и проверить свои знания с помощью тестов. Всё это помогает закрепить теорию на практике и быстрее достичь результата.

Видео
Тренажёры
Домашние задания
Занятия с AI
Тесты
Командный проект
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 25 ноября 2025
О проектах

Что будем писать?

AI и тренажёры

Система голосования

Система голосования

Небольшие посты, которые описывают фичи продукта. После размещения под ролью администратора пользователи могут голосовать за них и выбирать лучшие.

Самостоятельный

Интернет магазин украшений

Интернет магазин украшений

Интернет магазин с каталогом товаров с возможностью оформления заказа, авторизацией, корзиной и избранным.

О PurpleSchool

Наши проекты

Антон Ларичев

Антон Ларичев

Основатель PurpleCode, школы обучения разработки PurpleSchool. 14 лет опыта разработки, более 10 лет управления ИТ проектами и интернет маркетинга.

PurpleSchool

Школа PurpleSchool

Направления
40 000

учеников по всему миру

30 дней

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

90%

студентов рекомендуют курсы

4.8Kursly
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8Stepik
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7Udemy
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

Направления
50+

проектов за последний год

15

лет опыта

7

команд разработки

Практика в PurpleCode

1
Собеседуем выбранных участников
2
Прошедших отбор берём на оплачиваемую стажировку
3
После 3-х месяцев успешной стажировки - оффер
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 25 ноября 2025
Под ваши потребности

Тарифы

Иконка гарантии
Легкий возврат — 30 дней

Вернем 100% стоимости без объяснения причин — стартуйте без рисков!

Начните бесплатно3 первых модуля курса

Самостоятельный

Цена:3 999 ₽6 990 ₽
  • ГалочкаУроки и упражнения
  • КрестикДомашние задания
  • КрестикAi занятия на 2 месяца
  • КрестикТренажёр с задачами
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Премиум

AI и тренажёры

Цена:5 499 ₽8 990 ₽
2 платежа: 2 749,5 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • КрестикПоддержка наставника
  • КрестикПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
Практика

Наставник и практика

Цена:12 999 ₽20 000 ₽
3 платежа: 4 333 ₽/мес
  • ГалочкаУроки и упражнения
  • ГалочкаДомашние задания
  • ГалочкаAI занятия на 2 месяца
  • ГалочкаТренажёр с задачами
  • ГалочкаПоддержка наставника
  • ГалочкаПрактика в студии
  • ГалочкаГарантия возврата
Иконка гарантии100% гарантия возврата
иконка часов0д : 12ч : 50м : 35с

Сравнение тарифов

Самостоятельный
Премиум
AI и тренажёры
Практика
Наставник и практика
Обучение
Даст пошговую структуру изучения и поможет разобраться в теме без перегрузок
Уроки
check
check
check
Упражнения
check
check
check
Тесты
check
check
check
Сертификат
check
check
check
AI и задания
Поможет больше практиковаться, быстро находить и фиксить слабые места в понимании тем. Доступен 2 месяца.
Домашние задания
check
check
check
Ответы на вопросы 24/7 от AI-наставника
check
check
check
Livecode-занятия с AI-наставником
check
check
check
Mock-собеседования c AI-наставником
check
check
check
Проверка домашних заданий
check
check
check
Тренажёр с задачами
check
check
check
Менторы
Менторы с большим опытом production-проектов ответят на вопросы и помогут освоить то, что действительно ценят на рынке
Онлайн-сессия «Вопрос-ответ» с менторами - 1 раз в неделю
check
check
check
Прямой чат с менторами команды PurpleSchool
check
check
check
Практика
Позволит обкатать изученную функциональность в реальном окружении, с поддержкой опытной команды
Длительность практики - 2 мес.
check
check
check
Погружение в Agile процессы
check
check
check
Командная работа над реальным проектом
check
check
check
Ревью от опытных наставников
check
check
check
Прямой чат с автором
check
check
check
Гарантии
Гарантия возврата денег без объяснения причин
Гарантия возврата денег без объяснения причин — 30 дней
check
check
check
Условия действуют
иконка часов0д : 12ч : 50м : 35с
3 999 ₽6 990 ₽экономия 2 991 ₽
100% гарантия возврата
5 499 ₽8 990 ₽экономия 3 491 ₽
100% гарантия возврата
12 999 ₽20 000 ₽экономия 7 001 ₽
100% гарантия возврата
О тарифе

Тариф с командным проектом

  • Реальный проект

    Вы будете работать вместе с командой на реальным проектом

  • Практика

    2 недели интенсивной практики и погружения в процессы разработки

  • Наставничество

    Несколько опытных наставников будут проводить код ревью и помогать с задачами

  • Командная работа

    Вы научитесь синхронизироваться с командой и совместно реализовывать сложные фичи

  • Практика Agile

    Вы будете работать по Scrum и познакомитесь с Agile процессами

team project
  1. 1

    Планируем спринт

    1 раз в неделю мы проводим звонок и планируем спринт, декомпозируем задачи и начинаем работать над итерацией.

  2. 2

    Синхронизируемся

    Каждый день мы синхронизуемся в чате, а наставники помогают с задачами и отвечают на вопросы.

  3. 3

    Выполняем задачи

    Работая по GitFlow вы выполняете задачи и отправляете их на ревью. Код ревью проводят наставники, которые проверяют качество кода и дают рекомендации.

  4. 4

    Проводим ретроспективу

    В конце спринта мы проводим звонок-ретроспективу, где разбираем сделанные задачи и анализируем спринт.

Для вас подготовлены дополнительные материалы
  • additional material

    Макеты для вёрстки и создания компонент

  • additional material

    Техническое задание на итерацию от ProductOwner

  • additional material

    Процессы по работе в команде и код ревью

Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 25 ноября 2025
Команда курса

Автор курса

фото команды
Автор курса

Антон Ларичев

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Что говорят наши ученики

Честные отзывы

Отзывы студентов размещаются как есть, включая негативные. Отзыв можно оставить после прохождения половины курса.

Изучи направление Фронтенд разработчик

Благодаря направлению вы сможете последовательно изучить все аспекты Frontend разработки под руководством опытного наставника, добавить множество проектов в портфолио и получить практический опыт разработки.

7
7 месяцевдлительность направления
11
11 проектовдля портфолио
1 раз
в неделю живые встречи
Начни обучение с бонусами и гарантией возврата
от 3 999 ₽ 6 990 ₽
Иконка гарантии30 дней на возврат
Монетки300 ₽ за регистрацию
Человек40 000 студентов уже с нами
*Цена актуальна при покупке до 25 ноября 2025

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Курсы с наставником и без

Для компаний

Все курсы доступны для приобретения для сотрудиков компаний по безналичному расчёту. Процесс получения доступа очень простой, нужен только ваш ИНН и число сотрудников.

Свяжитесь со мнойЧерез форму ниже или по почтеcontact@purpleschool.ru
Оплата счётаВы оплачиваете счёт на нужное число мест и курсов
СтартНа email сотрудников открывается доступ
Наши курсы выбирают:
Остались вопросы?

Частые вопросы

Курс построен таким образом, чтобы доносить материал от простого к сложному. Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций по кнопке проигрывателя.

Вы получаете неограниченный по времени доступ к курсу и можете проходить его в темпе, в который комфортен вам. Но занятия с наставником и проверка домашнего задания ограничена 2-мя и 3-мя месяцами для 2-х тарифов.
Для тарифов с наставником доступен прямой чат с наставником, где вы можете задавать вопросы. А для всех тарифов есть общий чат и комментарии под каждой лекцией.
После приобретения курса у вас открывается доступ на приватный Telegram канал, где созданы отдельные чаты для каждого курса и есть возможность задавать вопросы наставнику напрямую. Там же проводятся голосовые звонки с наставником.
Оплата доступна по всему миру. Стоимость курса будет автоматически сконвертирована в валюту вашей страны по текущему курсу.
Если в течение 30 дней курс вам не понравился или не подошёл, вы можете запросить возврат средств если не прошли более 50% курса, написав на электронную почту contact@purpleschool.ru. После возврата средства зачисляться в течение 3-х рабочих дней.
Да, сертификат будет вам автоматически отправлен после завершения курса на электронную почту, указанную при регистрации.
На все тарифы с наставником доступна рассрочка на 2 и 3 месяца в зависимости от тарифа.
Конечно, мы дорожим своей репутацией и работаем полностью открыто, платим налоги и формирует чеки. Всю информацию о компании можно найти на сайте ФНС по ИНН, указанному в подвале сайта.
Основная ценность курса в том, что весь материал структурирован и подан в правильной последовательности. Благодаря этому вы можете получить знания быстро, качественно и структурировано. А поддержка наставника обеспечивает вам быструю обратную связь и поддержку от профессионального разработчика.
Мы рекомендуем выделять на курс от 10 до 20 часов в неделю, чтобы двигаться в хорошем темпе. Если вы приобретаете курс для самостоятельного обучения, то можете двигаться в своём темпе.
Мы всегда идём на встречу и в индивидуальном порядке продлеваем время с наставником, если вам необходим перерыв в изучении материала.
Остались вопросы? Их можно задать в чате Telegram.