Описание

Цель курса:

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