phone_picture

Цель курса

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

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

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

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

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

8 онлайн уроков

По понедельникам и четвергам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

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

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

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

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

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

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

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

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

Обзор курса

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

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

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

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

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

Максимальная скидка на раннюю запись!

18 000 руб. 12 600 руб.

 
Способы оплаты

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

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

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

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

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

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

Как раз перед данным курсом запланирован поток по TypeScript. Рекомендую пройти, TS - вещь нужная и очень полезная.

Будут ли записи уроков

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

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

На данном курсе нет цели сделать полноценный Server Side Rendering. Мы лишь знакомимся с его идеями и проблемами, чтобы заранее построить дружелюбную к SSR и тестам архитектуру.

А где же тогда освоить SSR

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

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

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

Будут ли ещё потоки этого курса

Будут, но, точно, не скоро. Сложные курсы стартуют один-два раза в год.