Реализовать тренировочное 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-а. Опытный преподаватель
