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

[Дмитрий Лаврик] (Vue 3, 2021) Vue Advanced продви_0.png


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



—————————————————————————

🔗 Продажник:
Доступно пользователям: Зарегистрированный


📥 СКАЧАТЬ КУРС:
🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал
 

Похожие курсы

Назад
Верх