Moderator
Модератор
- Регистрация
- 17.07.2019
- Сообщения
- 69 871
- Реакции
- 205 449
- Онлайн
- 20дн 17ч 24м 13с
Автор:
Дмитрий Лаврик
Название:
(Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)
NEW! Продвинутый курс по разработке SPA от Дмитрия Лаврика
Цель курса
Рассмотреть решение главных задач, возникающих при создании 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-окружениях
Подробнее:
Скрытый контент для авторизованных пользователей.
Ссылки и информация для скачивания:
