phone_picture

Цель курса

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

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

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

24 марта, 20:00 — урок 1

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

27 марта, 20:00 — урок 2

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

31 марта, 20:00 — урок 3

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

3 апреля, 20:00 — урок 4

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

7 апреля, 20:00 — урок 5

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

10 апреля, 20:00 — урок 6

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

14 апреля, 20:00 — урок 7

  • Доработка простого SSR
  • Гидратация клиентской части
  • Асинхронные данные и ошибки гидратации
  • Кеширование запросов к API
  • Проброс данных через HTML

17 апреля, 20:00 — урок 8

  • Типичные проблемы SPA
  • Работа из нескольких вкладок
  • Синхронизация данных
  • Тестирование частей приложения
  • Размещение на реальном сервере

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обзор курса

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

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

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

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

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

Скидка на раннюю запись!

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

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

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

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

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

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

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

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

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

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

Сделаем простую рабочую сборку с компонентами, ждущими асинхронных данных. Чтобы глубже грызть SSR, участникам курса нужен был бы определённый уровень в темах backend.

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

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

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

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