phone_picture

Цель курса

Реализовать тренировочное SPA на Vue + TypeScript, построить простую и адекватную архитектуру приложения, готовую как к покрытию тестами, так и к Server Side рендерингу.

Для продуктивного участия желательно наличие опыта работы с Vue 3 Composition Api, Router, Pinia и более-менее нормальные знания в TypeScript.

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

урок 1

  • Философия архитектуры программы
  • Идеи Server Side Rendering (SSR)
  • Причины необходимости SSR
  • SSR на простом примере
  • Влияние SSR и тестирования на архитектуру
  • Борьба с модулями-синглтонами

урок 2

  • Vue и TypeScript
  • Настройка tsconfig.json
  • Использование script setup
  • Типизация параметров - defineProps
  • Типизация событий - defineEmits
  • Типы при работе с директивами

урок 3

  • Нюансы типов: Ref, UnwrapRef и т.д.
  • Типизация ref из шаблона
  • Работа с Vue Router + TypeScript
  • Типы при работе с Pinia
  • Generic компоненты

урок 4

  • Создание http плагина
  • Dependency injection
  • Типизированный provide / inject
  • Создание ключевых composables
  • Типизация composables

урок 5

  • Развитие тренировочного SPA
  • Взаимодействие с готовым API
  • Компоненты и асинхронные данные
  • Экспериментальный компонент Suspense
  • Composable для удобного вызова api

урок 6

  • Доработка тренировочного SPA
  • Работа с авторизацией
  • Создание закрытых разделов
  • Создание модуля store user
  • Взаимодействие частей системы

урок 7

  • Добавляем RealTime в SPA
  • Взаимодействие с Socket.io сервером
  • Типизация сообщений
  • Разработка модуля уведомлений
  • Разработка модуля чата

урок 8

  • Основы работы с vitest
  • @vue/test-utils
  • TypeScript: DI и передача mock
  • Тестирование компонентов и хранилища
  • E2E тесты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обзор курса

Внимание! Для прохождения данного курса необходимы начальные знания Vue: composition api, pinia, router, а также более-менее нормальные знания TypeScript.

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

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

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

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

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

с потока ноября 2025

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

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

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

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

Умение работать с Vue 3 Composition Api, router, pinia + более-менее нормальное понимание TypeScript.

Обязательно ли прохождение Vue / Vue Level 2

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

А что если я совсем не знаю TypeScript

Тогда рекомендую сначала освоить базовый курс TypeScript. Без этих знаний воспринимать материал курса будет тяжело.

Насколько необходимо понимать backend

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