Frontend

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

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

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

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

изображение курса
кнопка запустить видеоО курсе
Цена от:3 999 ₽6 990 ₽
При покупке до 10.01.2026
Гарантия возврата денег — 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 студентов уже с нами
*Цена актуальна при покупке до 10 января 2026
Возможности обучения

Обучение в 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 студентов уже с нами
*Цена актуальна при покупке до 10 января 2026
О проектах

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

AI и тренажёры

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

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

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

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

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

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

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

О PurpleSchool

Наши проекты

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

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

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

PurpleSchool

Школа PurpleSchool

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

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

30 дней

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

90%

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

4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.8
ЗвездаЗвездаЗвездаЗвездаЗвезда
4.7
ЗвездаЗвездаЗвездаЗвездаЗвезда

Студия PurpleCode

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

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

15

лет опыта

7

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

Практика в PurpleCode

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

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

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

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

  • Практика

    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 студентов уже с нами
*Цена актуальна при покупке до 10 января 2026
Команда курса

Автор курса

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

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

Основатель 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 студентов уже с нами
*Цена актуальна при покупке до 10 января 2026

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

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

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

Для компаний

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

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

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

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

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