phone_picture

Цель курса

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

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

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

29 августа, 20:00 — урок 1

  • Анализ SPA после Vue Level 1
  • Улучшение архитектуры приложения
  • Создание сущности API
  • Борьба в синглтонами
  • Взаимодействие частей системы

1 сентября, 20:00 — урок 2

  • Общие вопросы организации кода
  • Борьба с повторяющимся кодом
  • Options Api + Mixins
  • Идеи Composition Api
  • Options Api vs Composition Api

5 сентября, 20:00 — урок 3

  • Изучение Composition Api
  • Setup, ref, reactive
  • Computed, watch, lifecycle hooks
  • Компоненты из составных частей
  • Composables vs Mixins

8 сентября, 20:00 — урок 4

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

12 сентября, 20:00 — урок 5

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

15 сентября, 20:00 — урок 6

  • Типичные проблемы SPA
  • Синхронизация данных
  • Тестирование частей приложения
  • SEO: позиции Яндекса и Гугла
  • Пререндеринг и идеи SSR

19 сентября, 20:00 — урок 7

  • Практика по разработке SPA

22 сентября, 20:00 — урок 8

  • Практика по разработке SPA

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обзор курса

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

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

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

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

Запись временно закрыта, дождитесь новогодней акции, старт акции примерно 10.12.2022

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

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

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

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

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

Какую версию Vue будем использовать

Конечно, Vue 3, уже пора! Именно поэтому, пара уроков посвящена Composition Api и тем выгодам, которые оно нам приносит.

Почему в программе нет SSR

Под эти темы планирую сделать отдельный небольшой курс. SSR находится где-то между backend и frontend и слишком многих вгоняет в ступор.

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

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

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

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