Дмитрий Лаврик | Vue Advanced продвинутый курс по разработке SPA (2021) PCRec [AD]
Автор: Дмитрий ЛаврикЖанр: Программирование
Описание:Цель курса - рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.
Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.
За новшествами следуем аккуратно – в курсе используется Vue 3, но с классическим options api.
Внимание! Для прохождения данного курса необходимы начальные знания Vue: понимание компонентного подхода, умение работать с vuex, vue-router, взаимодействовать с серверным api (fetch || axiox).
Обзор видеокурса:
Продолжительность: 20:10:42
Качество видео: PCRec
10.10.2020 - Добавлен урок 2.2
26.09.2021 - Курс полностью обновлён состоянием на 2021 год, в курсе используется 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-окружениях
Скриншоты:
Время раздачи: с 09.00 до 20.00 [GMT+3] (до появления первых 3-5 скачавших)