Vue TypeScript. Практический курс по разработке SPA

Name: Vue TypeScript. Практический курс по разработке SPA
Price: 3052 RUB
Availability: PreOrder

О чём курс

Вам нужно построить архитектуру SPA на Vue 3, которую не стыдно покрыть тестами и подготовить к Server Side Rendering (SSR). Именно такие задачи стоят перед разработчиками в продакшене, и именно их вы решаете в рамках этого интенсива.

В основе курса — разработка тренировочного приложения, где упор сделан на строгую типизацию и чистоту кода. Вы разберете, как правильно внедрять TypeScript в Vue-компоненты (включая типизацию событий, пропсов и сложных хранилищ Pinia), как организовать dependency injection для удобного тестирования и как работать с real-time данными через Socket.io.

Курс рассчитан на тех, кто уже владеет Vue 3 Composition API и Router. На выходе вы получите работающее приложение с авторизацией, чатом и настроенной инфраструктурой для тестирования через Vitest.

Программа обучения

Урок 1: Философия архитектуры программы, идеи и причины использования Server Side Rendering (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, тестирование компонентов и хранилища, End 2 end тесты

Складчина создана 27 июля 2024 г. · описание обновлено 3 мая 2026 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы

T TypeScript. Интенсивный практический курс 798 ₽ 11 200 ₽ −93%

JQueryUI - красота на сайтах 80 ₽ 200 ₽ −60%

Node.js Level 2. Основы разработки на фреймворке NestJS 1 968 ₽ 14 700 ₽ −87%

Node.js Hardcore - Documentation First, Fastify, Ajv и прочие радости жизни 1 265 ₽ 14 700 ₽ −91%N Node.js. Базовый курс: от основ до простых realtime коммуникаций 600 ₽ 11 200 ₽ −95%

Vue Advanced: разработка SPA 600 ₽ 11 200 ₽ −95%

Оптимизация Nuxt SPA 830 ₽ 4 500 ₽ −82%J JavaScript для верстальщиков 866 ₽ 7 900 ₽ −89%

Фреймворк Laravel 1 100 ₽ 11 200 ₽ −90%С Современная вёрстка 466 ₽ 9 800 ₽ −95%

Javascript 80 ₽ 4 080 ₽ −98%Р Разработка на React 3 406 ₽ 11 200 ₽ −70%

Отзывов пока нет. Будьте первым!

Как получить курс?

Влада Администратор сайта

Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.

Финальный взнос будет ниже, чем 12 600 ₽?

Влада Администратор сайта

Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.

Как я могу ускорить сбор складчины и уменьшить взнос?

Влада Администратор сайта

Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.