Vue Advanced. Продвинутый курс по разработке SPA. Сентябрь 2021 (Дмитрий Лаврик)

​

NEW! Продвинутый курс по разработке SPA от Дмитрия Лаврика

Цель курса
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п.

Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.

Начало курса: 26 августа 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-окружениях

 

[Skillbox] Профессия Frontend-разработчик PRO 2021
Присоединяйтесь к топовой складчине от лучшей школы обучения:
ВВы научитесь верстать веб-страницы, создавать веб-приложения, работать с JavaScript, в Photoshop и Figma.
Закрепите навыки на офлайн-воркшопах, пополните портфолио и освоите востребованную профессию.
В курс входят несколько курсов:
Веб-вёрстка
JavaScript
React.js
Vue.js

Дополнительные курсы
Универсальные знания программиста, Онлайн-сессии по веб-разработке
Обзор курса по слепому методу печати
Photoshop, Figma
Английский для IT-специалистов, Система контроля версий Git
Язык запросов SQL, Карьера и развитие для программиста
Работа в командной строке Bash, Алгоритмы и структуры данных
Защита дипломных проектов
Программа трудоустройства
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...