Автор: Дмитрий Лаврик
Название: Vue Advanced продвинутый курс по разработке SPA (2020)
Цель курса
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.
Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.
Программа курса
31 августа, 20:00 — урок 1
21 сентября, 20:00 — урок 6
Скачать:
Название: Vue Advanced продвинутый курс по разработке SPA (2020)
Цель курса
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.
Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.
Программа курса
31 августа, 20:00 — урок 1
- Анализ SPA после vue level 1
- Улучшение архитектуры приложения
- Обработка и красивый показ ошибок
- Нюансы работы с Vue Router
- Дочерние маршруты, хуки и события
- Meta-данные маршрутов
- Работа с авторизацией в SPA
- Создание модуля vuex/user
- Взаимодействие с серверным API
- Авторизация и JWT-токены
- Создание закрытых страниц
- Проверка прав доступа
- Работа с авторизацией в SPA
- Создание модуля vuex/user
- Взаимодействие с серверным API
- Авторизация и JWT-токены
- Создание закрытых страниц
- Проверка прав доступа
- Идеи server side rendering
- Сервер на node.js + express
- SSR шаг за шагом на простом примере
- Vue Server Renderer
- Client и server entries
- Настройка vue-cli и webpack
- SSR в более сложном SPA
- Проблемы синглтонов из es-модулей
- Работа с роутером и хранилищем
- Настройка axios
- Модуль vuex для head-раздела
- Наполнение базового шаблона
21 сентября, 20:00 — урок 6
- Схемы дополнительной оптимизации
- Настройка кода ответа сервера
- Предзагрузка данных и состояния
- Кэширование запросов
- Кэширование страниц
- Разделение CSS (file, head style)
- Альтернативная сборка проекта
- SSR и магические помощники
- Bundle Renderer, ServerPlugin, ClientPlugin
- Гидратация клиентской части
- Доработка тренировочного SPA
- Подведение итогов
- Выборочный SSR для страниц
- Идеи SSR в не node-окружениях
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.