Этот продвинутый курс по Vue 3 поможет вам системно прокачать навыки разработки Single Page Application. Вы разберёте современные подходы к архитектуре, оптимизации и интеграции сложной логики, чтобы уверенно работать над реальными проектами уровня Middle и выше.
Чему вы научитесь
Курс сфокусирован на практических аспектах разработки SPA и охватывает ключевые темы, необходимые для создания масштабируемых и высокопроизводительных приложений.
Архитектура и структура проекта
Построение модульной архитектуры с использованием современных подходов Vue 3
Организация и поддержка больших кодовых баз
Правильное использование Composition API и реактивности
Работа с данными и API
Грамотная конфигурация Axios или Fetch
Обработка ошибок и централизованное управление запросами
Оптимизация сетевых вызовов и кеширования
Управление состоянием
Продвинутые паттерны Vuex и переход на Pinia
Разделение состояния на модули
Синхронизация состояния между компонентами и хранилищами
Маршрутизация и защита маршрутов
Настройка сложного роутинга
Работа с middleware и навигационными хуками
Реализация защищённых маршрутов (guarded routes)
Авторизация и безопасность
Вы узнаете, как организовать безопасную авторизацию и работу с пользователями в SPA.
Работа с токенами
Использование access и refresh токенов
Автоматическое продление сессии
Безопасное хранение и обновление данных пользователя
Управление ролями и правами
Контроль доступа к страницам и действиям
Гранулярное управление разрешениями
Server-Side Rendering и производительность
Курс объясняет, как добиться максимальной скорости и удобства использования приложения.
SSR и гидратация
Основы SSR во Vue 3
Повышение SEO за счёт рендеринга на сервере
Оптимизация времени до первого рендера
Оптимизация фронтенда
Lazy loading, code splitting, tree shaking
Оптимизация производительности компонентов
Работа с мемоизацией и кешированием
Кому подойдёт этот курс
Если вы уже знакомы с основами Vue, включая vuex, vue-router и работу с API, то можете смело начинать обучение. Курс идеально подходит для разработчиков, стремящихся вывести свои навыки на продвинутый уровень.
Итог
После прохождения курса вы сможете уверенно проектировать и разрабатывать сложные SPA на Vue 3, применять лучшие практики и работать над зрелыми коммерческими проектами.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Дмитрий Лаврик — опытный веб-разработчик с более чем 15-летним стажем в создании сайтов и веб-приложений: от вёрстки интерфейсов до разработки серверной части. Основной стек технологий включает Vue и React на фронтенде, а также PHP и Node.js на бэкенде. С 2011 года под руководством Дмитрия Лаврика тысячи учеников прошли путь от новичков до уверенных веб-разработчиков.
Анализ 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-окружениях
ostar
Разделение CSS (file, head style) урок 7 Доработка тренировочного SPA Гидратация клиентской части Альтернативная сборка проекта SSR и WebpackManifestPlugin урок 8 Подведение итогов Перевод проекта на Vue 2 Выборочный SSR для страниц Идеи SSR в не node-окружениях
hilaratas
Напишу сравнение. Проходила курс "Vue2 для начинающих" у Лаврика, потом "Vue 3 для начинающих" у Владилена Минина. Вывод - у Лаврика понравилось больше. Лаврик как-то рассказывает многословно, с деталями. А именно в детялях кроется качество. Он много тонкостей говорит. Минин сразу позиционирует себя как "гоаворю мало, без воды". Он действиельно говорит мало, правда настолько мало, что упускает тонкости и детали. Да что там детали, важные моменты рассказывает настолько сжато, что упускает эти самые важности.
Лаврик: + рассказывает с деталями, развернуто, акцентирует внимание на концепциях "делайте так, потом что Эван Ю сам заложил такую концепцию" + стримит. Во время стримов может сам ошибиться и тут же сам исправит. Для начинающих разработчиков видеть ошибки опытных очень полезно ибо ошибаются они только в самых каверзных случаях + в этом кусе понравилось, как говорил про авторизацию. - много говорит. Может такой же объем материала можно было и за меньшее время подать.
Владилен Минин: + говорит быстро, сжато. Можно за короткое время кратко усвоить усвоить материал - не рассказывает концепции, тонкости, каверзные моменты. - однозначно не посоветую начинающим, ибо от таких преподавателей выходят недопрограммисты. Это не мой учитель.
ozor hilaratas
Отличный обзор, спасибо
jeka69873
Лаврик молодец но боюсь многие такую запутанную херь с SSR не смогут проглотить как например я хотя кодю на js И Vue более 3-х лет
jeka69873 jeka69873
Сам только на половину понял но потом использовал учебную сборку в новом проекте и во время кодинга и ударов о подводные камни через пару месяцев понял как оно устроено)))
vdr
интерЦептор, промАйс, ретОрн... ну и вот это вот все в лучших традициях
Wayup vdr
А как же изень?)) Тем не менее Лаврик пока лучше всех объясняет материал по JS.
Анализ 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-окружениях
урок 7
Доработка тренировочного SPA
Гидратация клиентской части
Альтернативная сборка проекта
SSR и WebpackManifestPlugin
урок 8
Подведение итогов
Перевод проекта на Vue 2
Выборочный SSR для страниц
Идеи SSR в не node-окружениях
Проходила курс "Vue2 для начинающих" у Лаврика, потом "Vue 3 для начинающих" у Владилена Минина.
Вывод - у Лаврика понравилось больше.
Лаврик как-то рассказывает многословно, с деталями. А именно в детялях кроется качество. Он много тонкостей говорит.
Минин сразу позиционирует себя как "гоаворю мало, без воды". Он действиельно говорит мало, правда настолько мало, что упускает тонкости и детали. Да что там детали, важные моменты рассказывает настолько сжато, что упускает эти самые важности.
Лаврик:
+ рассказывает с деталями, развернуто, акцентирует внимание на концепциях "делайте так, потом что Эван Ю сам заложил такую концепцию"
+ стримит. Во время стримов может сам ошибиться и тут же сам исправит. Для начинающих разработчиков видеть ошибки опытных очень полезно ибо ошибаются они только в самых каверзных случаях
+ в этом кусе понравилось, как говорил про авторизацию.
- много говорит. Может такой же объем материала можно было и за меньшее время подать.
Владилен Минин:
+ говорит быстро, сжато. Можно за короткое время кратко усвоить усвоить материал
- не рассказывает концепции, тонкости, каверзные моменты.
- однозначно не посоветую начинающим, ибо от таких преподавателей выходят недопрограммисты.
Это не мой учитель.