phone_picture

Цель курса

Рассмотреть решение популярных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, удобная обработка ошибок, создание ключевых composables, упрощённый server side rendrering, работа с авторизацией и т.п.

Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с pinia, vue-router, axios/fetch, можно начинать с текущей ступени.

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

27 октября, 19:30 — урок 1

  • Анализ SPA после Vue Level 1
  • Идеи пререндеринга и SSR
  • Идеи тестирования SPA
  • Влияние SSR и тестов на архитектуру
  • Борьба с синглтонами на уровне ES-модулей

30 октября, 19:30 — урок 2

  • Построение архитектуры приложения
  • Выделение ключевых сущностей
  • Внедрение зависимостей
  • Работа с provide / inject
  • Взаимодействие частей системы

3 ноября, 19:30 — урок 3

  • Эволюция борьбы с повторяющимся кодом
  • Старое Options Api + Mixins
  • Плюсы и минусы примесей по Vue
  • Хитрости и нюансы Composition Api
  • Composition Api + Composables

6 ноября, 19:30 — урок 4

  • Общие вопросы организации кода
  • Создание своих директив
  • Создание ключевых composables
  • Компоненты и асинхронные данные
  • Использование обёртки Susspense

10 ноября, 19:30 — урок 5

  • Усложнение функционала SPA
  • Нюансы работы с Vue Router
  • Дочерние маршруты, хуки и события
  • Адекватная работа с axios || fetch
  • Обработка и красивый показ ошибок

13 ноября, 19:30 — урок 6

  • Работа с авторизацией в SPA
  • Разработка модуля store auth
  • Взаимодействие с серверным API
  • Создание закрытых страниц
  • Meta-данные маршрутов

17 ноября, 19:30 — урок 7

  • Доработка функционала SPA
  • Доработка простого SSR
  • Реальный SSR и ошибки гидратации
  • Обзор типичных проблемы SPA
  • Синхронизация данных

20 ноября, 19:30 — урок 8

  • Тестирование частей приложения
  • Основы работы с vitest
  • Знакомство с @vue/test-utils
  • Размещение на реальном сервере
  • Подведение итогов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обзор курса

Внимание! Для прохождения данного курса необходимы начальные знания Vue: понимание компонентного подхода, умение работать с pinia, vue-router, взаимодействовать с серверным api (fetch || axiox).

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

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

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

Запись на курс закрыта

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

 

Если хотите приобрести курс в формате видеозаписей с дополнительной скидкой, напишите на info@dmitrylavrik.ru

А если хотите участвовать онлайн, подпишитесь на телеграм-канал, чтобы не пропустить анонс нового потока!

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

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

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

Уровень программы базового курса Vue - умение создавать простейшие single page applications на vue, pinia, vue-router, (fetch || axios).

Насколько глубоко рассматривается backend

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

Почему в программе фигурирует Options Api

Мы просто рассматриваем эволюцию, как Options Api + minixs превратились в Composition Api + composables, и какие выгоды это принесло. Код пишем, разумеется, на Composition Api.

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

Сделаем простую демонстрационную сборку с await + Suspense. Нас интересует лишь влияние SSR на архитектуру. А, чтобы полноценно изучать SSR, участникам нужен определённый уровень в темах backend.

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

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

Так а где тогда освоить Server Side Rendering

Подробная и полная реализация SSR будет в отдельном курсе. Планирую запустить его в начале 2026.