Vue TypeScript [Дмитрий Лаврик]

Robot · 28 Июл 2024

Реализовать тренировочное SPA на Vue + Typescript, построить простую и адекватную архитектуру приложения, готовую как к покрытию тестами, так и к Server Side рендерингу.
Для продуктивного участия желательно наличие опыта работы с Vue 3 Composition Api, Router, Pinia и более-менее нормальные знания в TypeScript.
Программа курса:
12 августа, 20:00 — урок 1

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

15 августа, 20:00 — урок 2

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

19 августа, 20:00 — урок 3

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

22 августа, 20:00 — урок 4

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

26 августа, 20:00 — урок 5

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

29 августа, 20:00 — урок 6

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

2 сентября, 20:00 — урок 7

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

5 сентября, 20:00 — урок 8

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

Преподаватель курса: Дмитрий Лаврик
Профессиональный веб-разработчик. Опыт работы в сфере разработки сайтов более 10 лет.
Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а. Опытный преподаватель