[Дмитрий Лаврик] Vue Advanced (2021)

Автор: Дмитрий Лаврик
Название: Vue Advanced (2021)

Описание:

Цель курса
Рассмотреть решение главных задач, возникающих при создании 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-окружениях

Подробнее:

Скачать: