• 🔥 Большое обновление PirateHUB Private!

    PirateHUB Private - закрытое сообщество PirateHUB, внутри которого:
    150+ приваток авторов по различным направлениям, 15+ совместных доступов, несколько сотен курсов в день от зарубежных авторов напрямую и многое другое. Нас уже почти 1000 человек!


    Что внутри + отзывы довольных участников:

    Ознакомиться

    *Анонсированы крупные обновления, не пропустите!

    ❗️Вход по старой цене открыт до 7 ноября включительно! Каждый участник получает бесплатный доступ к Web-Master Club от PirateHUB Academy и дополнительные бонусы!

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

tttx

Помощник Администратора
Команда форума
Pirate PRO
Премиум
Премиум Лайт
Регистрация
27 Авг 2018
Сообщения
47,169
Реакции
951,591
ZlRmHAl.png

ОПИСАНИЕ:

Цель курса:


Рассмотреть решение главных задач, возникающих при создании 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-окружениях
СКАЧАТЬ:
 

Назад
Сверху