Этот практический курс по Vue.js 3 поможет вам уверенно овладеть фреймворком, создавая реальные проекты с нуля. Вы шаг за шагом освоите Composition API, Options API, Vue Router и другие ключевые инструменты, чтобы научиться строить современные веб‑приложения любой сложности.
Что вас ждёт в этом практическом курсе
Обучение строится вокруг создания четырёх полноценных проектов. Каждый из них усиливает понимание фреймворка и демонстрирует приёмы, которые разработчики используют в реальной практике.
1-й проект: Компонент ввода тегов
Вы создадите функциональный компонент для работы с пользовательскими тегами: приложение будет автоматически преобразовывать введённый текст в элементы‑теги, используя заданные разделители.
Что вы изучите в процессе
Интерполяцию и директивы
Привязку атрибутов
Условный и списочный рендеринг
Динамические классы и стили
Работу с событиями
Двусторонний биндинг через v-model
Методы, вычисляемые свойства и watcher
2-й проект: Система уведомлений
Вы создадите гибкое уведомление, способное автоматически появляться в нужный момент, с различными типами отображения и позиционирования.
3-й проект: Слайдер изображений Carousel
С нуля разработаете собственный слайдер, который сможет автоматически переключать изображения через установленные интервалы.
4-й проект: Vue Drive — основное SPA‑приложение
Финальный проект — полноценное одностраничное приложение, вдохновлённое Google Диском. Вы реализуете загрузку файлов через Drag & Drop, управление элементами внутри папок и удобную навигацию через Vue Router.
Дополнительные технологии и концепции
Помимо практических проектов, вы изучите важные инструменты и подходы, которые помогут вам писать чистый, масштабируемый код.
Composition API и композиционные функции
Создание SPA с Vue Router
Пользовательские директивы
Работа с Axios и подключение к backend‑серверу
Организация API‑эндпоинтов
Использование async/await в реальных запросах
Загрузка файлов в backend
Работа с Teleport
Полезные материалы и поддержка
К каждой лекции прилагается полный исходный код на GitHub. Вы сможете отслеживать изменения по шагам и всегда иметь доступ к полной рабочей версии приложения.
Результат обучения
К окончанию курса вы получите уверенное понимание Vue.js 3 и сможете создавать собственные проекты — от небольших компонентов до полноценных одностраничных приложений.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.