phone_picture

Цель курса

Рассмотреть решение популярных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, удобная обработка ошибок, создание ключевых composables, упрощённый Server Side Rendering, работа с авторизацией и т.п.

Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с pinia, vue-router, axios/fetch, можно начинать с текущей ступени.

Программа курса

урок 1

  • Анализ SPA после Vue Level 1
  • Идеи пререндеринга и SSR
  • Идеи тестирования SPA
  • Влияние SSR и тестов на архитектуру
  • Борьба с синглтонами на уровне ES-модулей

урок 2

  • Построение архитектуры приложения
  • Выделение ключевых сущностей
  • Внедрение зависимостей
  • Работа с provide / inject
  • Взаимодействие частей системы

урок 3

  • Эволюция борьбы с повторяющимся кодом
  • Старое Options Api + Mixins
  • Плюсы и минусы примесей по Vue
  • Хитрости и нюансы Composition Api
  • Composition Api + Composables

урок 4

  • Общие вопросы организации кода
  • Создание своих директив
  • Создание ключевых composables
  • Компоненты и асинхронные данные
  • Использование обёртки Suspense

урок 5

  • Усложнение функционала SPA
  • Нюансы работы с Vue Router
  • Дочерние маршруты, хуки и события
  • Адекватная работа с axios || fetch
  • Обработка и красивый показ ошибок

урок 6

  • Работа с авторизацией в SPA
  • Разработка модуля store auth
  • Взаимодействие с серверным API
  • Создание закрытых страниц
  • Meta-данные маршрутов

урок 7

  • Доработка функционала SPA
  • Доработка простого SSR
  • Реальный SSR и ошибки гидратации
  • Обзор типичных проблем SPA
  • Синхронизация данных

урок 8

  • Тестирование частей приложения
  • Основы работы с vitest
  • Знакомство с @vue/test-utils
  • Размещение на реальном сервере
  • Подведение итогов

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

Видеозаписи всех уроков

В хорошем качестве с возможностью скачать видео. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Доступ в закрытую группу

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

Обзор курса

Внимание! Для прохождения данного курса необходимы начальные знания Vue: понимание компонентного подхода, умение работать с pinia, vue-router, взаимодействовать с серверным api (fetch || axios).

Если вы хотите ознакомиться с мыслями автора о курсе,

посмотрите видео, расположенное рядом

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

Запись на курс

Доступно в формате видеозаписей

со свежего потока (апрель 2026)

18 000 руб. 9 000 руб.

Хотите цену ещё лучше?
Летняя акция!
 
Способы оплаты

Часто задаваемые вопросы

Какой начальный уровень знаний необходим

Уровень программы базового курса Vue - умение создавать простейшие single page applications на vue, pinia, vue-router, (fetch || axios).

Насколько глубоко рассматривается backend

По минимуму. При работе с API мы берём его описание и используем как чёрный ящик. Главное - правильный запрос и ожидаемый ответ.

Почему в программе фигурирует Options Api

Мы просто рассматриваем эволюцию, как Options Api + mixins превратились в Composition Api + composables, и какие выгоды это принесло. Код пишем, разумеется, на Composition Api.

Насколько подробно рассматриваем SSR

Сделаем простую демонстрационную сборку с await + Suspense. Нас интересует лишь влияние SSR на архитектуру. А полноценное изучение SSR реализовано на отдельном курсе.