Vue Advanced. Продвинутый курс по разработке SPA. 2021 (Дмитрий Лаврик)
Рекомендации
![[Яюниор] 9 Hyper Casual игр за 3 месяца. Тариф Бронза (Роман Сакутин)](https://i1.stat01.com/2/7942/179412064/baec64/yayunior-9-hyper-casual-igr-za-3-mesyaca-tarif-bronza-roman-sakutin.png "[Яюниор] 9 Hyper Casual игр за 3 месяца. Тариф Бронза (Роман Сакутин)")
![[Яндекс.Практикум] Веб-разработчик. Часть 1](https://i2.stat01.com/2/7942/179412062/baec64/yandeks-praktikum-veb-razrabotchik-chast-1.png "[Яндекс.Практикум] Веб-разработчик. Часть 1")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 3/3](https://i1.stat01.com/2/7942/179412061/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-3-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 3/3")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 2/3](https://i2.stat01.com/2/7942/179412060/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-2-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 2/3")
![[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 1/3](https://i2.stat01.com/2/7942/179412059/baec64/yandeks-praktikum-sql-dlya-raboty-s-dannymi-i-analitiki-chast-1-3.jpg "[Яндекс Практикум] SQL для работы с данными и аналитики. Часть 1/3")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 3/16](https://i1.stat01.com/2/7942/179412058/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-3-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 3/16")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 2/16](https://i3.stat01.com/2/8205/182045698/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-2-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 2/16")
![[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 1/16](https://i3.stat01.com/2/7942/179412057/baec64/yandeks-praktikum-specialist-po-data-science-plyus-2022-chast-1-16.png "[Яндекс.Практикум] Специалист по Data Science Плюс, 2022, Часть 1/16")
![[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый. Самостоятельный проект](https://i1.stat01.com/2/7942/179412056/baec64/yandeks-praktikum-resheniya-zadach-kursa-sql-dlya-raboty-s-dannymi-i-analitiki-prodvinutyj-samostoyatelnyj-proekt.jpg "[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый. Самостоятельный проект")
![[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый](https://i1.stat01.com/2/7942/179412055/baec64/yandeks-praktikum-resheniya-zadach-kursa-sql-dlya-raboty-s-dannymi-i-analitiki-prodvinutyj.jpg "[Яндекс Практикум] Решения задач курса «SQL для работы с данными и аналитики». Продвинутый")
![[Яндекс.Практикум] Разработчик C++ | Полный курс 2021](https://i1.stat01.com/2/7942/179412054/baec64/yandeks-praktikum-razrabotchik-c-polnyj-kurs-2021.png "[Яндекс.Практикум] Разработчик C++ | Полный курс 2021")
![[Яндекс.Практикум] Разработчик C++. Часть 9](https://i1.stat01.com/2/7942/179412053/baec64/yandeks-praktikum-razrabotchik-c-chast-9.jpg "[Яндекс.Практикум] Разработчик C++. Часть 9")
![[Яндекс.Практикум] Разработчик C++. Часть 8](https://i2.stat01.com/2/7942/179412052/baec64/yandeks-praktikum-razrabotchik-c-chast-8.jpg "[Яндекс.Практикум] Разработчик C++. Часть 8")
![[Яндекс.Практикум] Разработчик C++. Часть 7](https://i1.stat01.com/2/7942/179412051/baec64/yandeks-praktikum-razrabotchik-c-chast-7.jpg "[Яндекс.Практикум] Разработчик C++. Часть 7")
![[Яндекс.Практикум] Разработчик C++. Часть 6](https://i1.stat01.com/2/7942/179412050/baec64/yandeks-praktikum-razrabotchik-c-chast-6.jpg "[Яндекс.Практикум] Разработчик C++. Часть 6")
![[Яндекс.Практикум] Разработчик C++. Часть 5](https://i3.stat01.com/2/7942/179412049/baec64/yandeks-praktikum-razrabotchik-c-chast-5.jpg "[Яндекс.Практикум] Разработчик C++. Часть 5")
![[Яндекс.Практикум] Разработчик C++. Часть 4](https://i2.stat01.com/2/7942/179412048/baec64/yandeks-praktikum-razrabotchik-c-chast-4.jpg "[Яндекс.Практикум] Разработчик C++. Часть 4")
![[Яндекс.Практикум] Разработчик C++. Часть 3](https://i2.stat01.com/2/7942/179412047/baec64/yandeks-praktikum-razrabotchik-c-chast-3.jpg "[Яндекс.Практикум] Разработчик C++. Часть 3")
![[Яндекс.Практикум] Разработчик C++. Часть 2](https://i1.stat01.com/2/7942/179412046/baec64/yandeks-praktikum-razrabotchik-c-chast-2.png "[Яндекс.Практикум] Разработчик C++. Часть 2")
![[Яндекс.Практикум] Разработчик C++. Часть 1](https://i4.stat01.com/2/7942/179412045/baec64/yandeks-praktikum-razrabotchik-c-chast-1.png "[Яндекс.Практикум] Разработчик C++. Часть 1")
![[Яндекс.Практикум] Python-разработчик Плюс, 2021-2022, Часть 9 из 14](https://i1.stat01.com/2/8205/182045309/baec64/yandeks-praktikum-python-razrabotchik-plyus-2021-2022-chast-9-iz-14.png "[Яндекс.Практикум] Python-разработчик Плюс, 2021-2022, Часть 9 из 14")
![[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 2 из 6. 2020](https://i1.stat01.com/2/7942/179412044/baec64/yandeks-praktikum-professiya-midl-python-razrabotchik-chast-2-iz-6-2020.jpg "[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 2 из 6. 2020")
![[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 1 из 6. 2020](https://i2.stat01.com/2/7942/179412043/baec64/yandeks-praktikum-professiya-midl-python-razrabotchik-chast-1-iz-6-2020.jpg "[Яндекс.Практикум] Профессия мидл python-разработчик.Часть 1 из 6. 2020")
![[Яндекс.Практикум] Профессия 'Дизайнер интерфейсов' [Часть 1 из 7]](https://i2.stat01.com/2/7942/179412042/baec64/yandeks-praktikum-professiya-dizajner-interfejsov-chast-1-iz-7.jpg "[Яндекс.Практикум] Профессия 'Дизайнер интерфейсов' [Часть 1 из 7]")
![[Яндекс Практикум] Как стать мидл фронтенд-разработчиком. Полный курс](https://i2.stat01.com/2/7942/179412041/baec64/yandeks-praktikum-kak-stat-midl-frontend-razrabotchikom-polnyj-kurs.jpg "[Яндекс Практикум] Как стать мидл фронтенд-разработчиком. Полный курс")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 6/6](https://i4.stat01.com/2/7942/179412040/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-6-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 6/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 5/6](https://i4.stat01.com/2/7942/179412039/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-5-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 5/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 4/6](https://i1.stat01.com/2/7942/179412038/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-4-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 4/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 3/6](https://i4.stat01.com/2/7942/179412037/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-3-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 3/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 2/6](https://i2.stat01.com/2/7942/179412036/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-2-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 2/6")
![[Яндекс Практикум] Как стать аналитиком данных. Часть 1/6](https://i1.stat01.com/2/7942/179412035/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh-chast-1-6.jpg "[Яндекс Практикум] Как стать аналитиком данных. Часть 1/6")
![[Яндекс Практикум] Как стать аналитиком данных](https://i4.stat01.com/2/7942/179412034/baec64/yandeks-praktikum-kak-stat-analitikom-dannyh.jpg "[Яндекс Практикум] Как стать аналитиком данных")
![[Яндекс.Практикум] Java-разработчик. Часть 8](https://i4.stat01.com/2/7942/179412033/baec64/yandeks-praktikum-java-razrabotchik-chast-8.jpg "[Яндекс.Практикум] Java-разработчик. Часть 8")
![[Яндекс.Практикум] Java-разработчик. Часть 7](https://i2.stat01.com/2/7942/179412032/baec64/yandeks-praktikum-java-razrabotchik-chast-7.jpg "[Яндекс.Практикум] Java-разработчик. Часть 7")
![[Яндекс.Практикум] Java-разработчик. Часть 6](https://i2.stat01.com/2/7942/179412031/baec64/yandeks-praktikum-java-razrabotchik-chast-6.jpg "[Яндекс.Практикум] Java-разработчик. Часть 6")
![[Яндекс.Практикум] Java-разработчик. Часть 5](https://i2.stat01.com/2/7942/179412030/baec64/yandeks-praktikum-java-razrabotchik-chast-5.jpg "[Яндекс.Практикум] Java-разработчик. Часть 5")
![[Яндекс.Практикум] Java-разработчик. Часть 4](https://i4.stat01.com/2/7942/179412029/baec64/yandeks-praktikum-java-razrabotchik-chast-4.jpg "[Яндекс.Практикум] Java-разработчик. Часть 4")
![[Яндекс.Практикум] Java-разработчик. Часть 3](https://i4.stat01.com/2/7942/179412028/baec64/yandeks-praktikum-java-razrabotchik-chast-3.jpg "[Яндекс.Практикум] Java-разработчик. Часть 3")
![[Яндекс.Практикум] Java-разработчик. Часть 2](https://i2.stat01.com/2/7942/179412027/baec64/yandeks-praktikum-java-razrabotchik-chast-2.jpg "[Яндекс.Практикум] Java-разработчик. Часть 2")
![[Яндекс.Практикум] Java-разработчик. Часть 1](https://i2.stat01.com/2/7942/179412026/baec64/yandeks-praktikum-java-razrabotchik-chast-1.jpg "[Яндекс.Практикум] Java-разработчик. Часть 1")
![[Яндекс.Практикум] Алгоритмы для разработчиков - 2021](https://i2.stat01.com/2/7942/179412024/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-2021.png "[Яндекс.Практикум] Алгоритмы для разработчиков - 2021")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть 2 из 4]](https://i2.stat01.com/2/7942/179412023/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast-2-iz-4.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть 2 из 4]")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть3 из 4] (Дмитрий Денисенко)](https://i4.stat01.com/2/7942/179412022/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast3-iz-4-dmitrij-denisenko.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть3 из 4] (Дмитрий Денисенко)")
![[Яндекс.Практикум] Алгоритмы для разработчиков [часть1 из 4]](https://i2.stat01.com/2/7942/179412021/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-chast1-iz-4.jpg "[Яндекс.Практикум] Алгоритмы для разработчиков [часть1 из 4]")
![[Яндекс.Практикум] Алгоритмы для разработчиков, 2021, Часть 4 из 4](https://i4.stat01.com/2/7942/179412020/baec64/yandeks-praktikum-algoritmy-dlya-razrabotchikov-2021-chast-4-iz-4.png "[Яндекс.Практикум] Алгоритмы для разработчиков, 2021, Часть 4 из 4")
![[Аналитика плюс] Видео-курс «Основы теории создания хранилищ данных (DWH)» (Вячеслав Ерин)](https://i2.stat01.com/2/8205/182044674/baec64/analitika-plyus-video-kurs-osnovy-teorii-sozdaniya-hranilishh-dannyh-dwh-vyacheslav-erin.png "[Аналитика плюс] Видео-курс «Основы теории создания хранилищ данных (DWH)» (Вячеслав Ерин)")
![[alishev] Практика для начинающих в Java](https://i2.stat01.com/2/7942/179412019/baec64/alishev-praktika-dlya-nachinayushhih-v-java.png "[alishev] Практика для начинающих в Java")
![[Академия Вёрстки] Веб-разработчик 9.0 (Артем Исламов)](https://i2.stat01.com/2/8205/182040950/baec64/akademiya-vorstki-veb-razrabotchik-9-0-artem-islamov.png "[Академия Вёрстки] Веб-разработчик 9.0 (Артем Исламов)")
![[Академия верстки] Онлайн-курс РНР разработка (Артем Исламов)](https://i2.stat01.com/2/7942/179412018/baec64/akademiya-verstki-onlajn-kurs-rnr-razrabotka-artem-islamov.png "[Академия верстки] Онлайн-курс РНР разработка (Артем Исламов)")
![[Академия вёрстки] Базовый HTML, CSS (Артем Исламов)](https://i1.stat01.com/2/8205/182042543/baec64/akademiya-vorstki-bazovyj-html-css-artem-islamov.png "[Академия вёрстки] Базовый HTML, CSS (Артем Исламов)")
![[Академия Excel] III ежегодная онлайн-конференция по созданию продвинутых отчетов в Excel и Power Bi (Дмитрий Якушев)](https://i4.stat01.com/2/7942/179412014/baec64/akademiya-excel-iii-ezhegodnaya-onlajn-konferenciya-po-sozdaniyu-prodvinutyh-otchetov-v-excel-i-power-bi-dmitrij-yakushev.png "[Академия Excel] III ежегодная онлайн-конференция по созданию продвинутых отчетов в Excel и Power Bi (Дмитрий Якушев)")
![[1C-Рарус] Концепция регламентированного учета в «1С:ERP Управление предприятием 2» (Оксана Вольская)](https://i1.stat01.com/2/7942/179412011/baec64/1c-rarus-koncepciya-reglamentirovannogo-ucheta-v-1s-erp-upravlenie-predpriyatiem-2-oksana-volskaya.jpg "[1C-Рарус] Концепция регламентированного учета в «1С:ERP Управление предприятием 2» (Оксана Вольская)")
![Web-HTML5, CSS3, JavaScript, PHP, Jquery, Bootstrap, Python [Udemy]](https://i1.stat01.com/2/7942/179412004/baec64/web-html5-css3-javascript-php-jquery-bootstrap-python-udemy.jpg "Web-HTML5, CSS3, JavaScript, PHP, Jquery, Bootstrap, Python [Udemy]")
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-окружениях