Vue [Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)

Алан-э-Дейл
Алан-э-Дейл

Алан-э-Дейл

Редактор
badge 3 года с нами! badge Награда за 5000 очков репутации badge За шикарный аватар! badge 2FA подключил - Награду получил!
Регистрация
25/03/2020
Сообщения
11.364
Репутация
8.236
Автор: Дмитрий Лаврик
Название: (Vue 3, 2021) Vue Advanced продвинутый курс по разработке SPA (2021)

[Дмитрий Лаврик] (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-окружениях

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Алан-э-Дейл
Ответы
5
Просмотры
7K
meow_meow
Алан-э-Дейл
Ответы
1
Просмотры
11K
VIT1103
VIT1103
Алан-э-Дейл
Ответы
2
Просмотры
5K
Captain Sparrow
Captain Sparrow
Алан-э-Дейл
Ответы
4
Просмотры
8K
Тотуся
Тотуся

Похожие темы

Алан-э-Дейл
Ответы
0
Просмотры
3K
Алан-э-Дейл
Алан-э-Дейл
Алан-э-Дейл
Ответы
0
Просмотры
6K
Numman
Numman
Малыш Джон
Ответы
2
Просмотры
3K
Дева Мэриан
Дева Мэриан
Малыш Джон
Ответы
1
Просмотры
6K
loliconya
loliconya
Алан-э-Дейл
Ответы
0
Просмотры
4K
Алан-э-Дейл
Алан-э-Дейл
Малыш Джон
Ответы
1
Просмотры
3K
PPN
Cooper_grisha
Ответы
2
Просмотры
2K
nightsti
Cooper_grisha
Ответы
2
Просмотры
3K
Georgie0409
Georgie0409
Ответы
3
Просмотры
4K
Валентин Петров
Сверху Снизу