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-оточеннях
https://privatelink.de/?https://js.dmitrylavrik.ru/vue-advanced/