Программирование [Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)

Smoky
Редактор
59,525
543,094
Автор: Дмитрий Лаврик
Название: (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)

ZlRmHAl.png


Цель курса:

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

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

За новшествами следуем аккуратно – в курсе используется Vue 3, но с классическим options api.

Урок 1:

  • Анализ SPA после vue level 1
  • Улучшение архитектуры приложения
  • Адекватная работа с axios
  • Обработка и красивый показ ошибок
  • Нюансы работы с Vue Router
  • Дочерние маршруты, хуки и события
Урок 2:
  • Работа с авторизацией в SPA
  • Создание модуля vuex/user
  • Взаимодействие с серверным API
  • Создание закрытых страниц
  • Meta-данные маршрутов
  • Проверка прав доступа
Урок 3:
  • Улучшение тренировочного SPA
  • Изучение серверного API
  • Авторизация и JWT-токены
  • Личный кабинет пользователя
  • Модуль рейтинга товаров
  • SPA и проблемы с SEO. Пререндеринг
Урок 4:
  • Идеи server side rendering
  • Сервер на node.js + express
  • SSR шаг за шагом на простом примере
  • Vue Server Renderer
  • Client и server entries
  • Настройка vue-cli и webpack
Урок 5:
  • SSR в более сложном SPA
  • Проблемы синглтонов из es-модулей
  • Работа с роутером и хранилищем
  • Настройка axios
  • Модуль vuex для head-раздела
  • Наполнение базового шаблона
Урок 6:
  • Схемы дополнительной оптимизации
  • Настройка кода ответа сервера
  • Предзагрузка данных и состояния
  • Кэширование запросов
  • Кэширование страниц
  • Разделение CSS (file, head style)
Урок 7:
  • Доработка тренировочного SPA
  • Гидратация клиентской части
  • Альтернативная сборка проекта
  • SSR и WebpackManifestPlugin
Урок 8:
  • Подведение итогов
  • Перевод проекта на Vue 2
  • Выборочный SSR для страниц
  • Идеи SSR в не node-окружениях

Скачать:

 
Сверху