Освойте Vue 3 и Composition API на практике, создавая полноценное приложение Time Blocking. Этот курс — идеальный старт для разработчиков, желающих перейти на новый синтаксис Vue, улучшить свои навыки и быстро приступить к созданию современных веб‑приложений.
О курсе
Vue 3 привнес значительные изменения как в архитектуру, так и в возможности фреймворка. В этом курсе вы шаг за шагом создадите приложение для тайм-менеджмента, усвоите ключевые нововведения Vue 3 и научитесь применять их в реальных проектах.
Почему стоит изучать Vue 3 уже сейчас
Новый Composition API раскрывает больше гибкости и масштабируемости.
Улучшенная производительность — быстрее рендеринг и оптимизация компонентов.
Новые возможности для работы с анимациями, ref, событиями и состоянием.
Повышение удобства разработки благодаря обновлённому набору инструментов.
Что вы изучите
Курс включает как современные функции Vue 3, так и ключевые концепции, необходимые каждому разработчику Vue.
Новые возможности Vue 3
Composition API — реактивность, методы жизненного цикла, удобная структуризация логики.
Компонентные фрагменты для более гибкой разметки.
Создание собственного state store без сторонних библиотек.
Работа с Vue переходами и анимациями.
Использование HTML Drag & Drop API для интерактивного UI.
Множество других полезных приёмов разработки.
Практические навыки, которые вы освоите
Работа с props в Composition API.
Корректное использование emit для передачи событий.
Получение template refs в новом синтаксисе.
Доступ к компонентным слушателям.
Кому подходит курс
Начинающим разработчикам, которые хотят освоить Vue 3 с нуля.
Frontend‑разработчикам, переходящим с Vue 2 на Vue 3.
Тем, кто предпочитает обучение через создание реальных приложений.
Разработчикам, желающим разобраться в Composition API и улучшить архитектуру проектов.
Итоговые результаты
В течение примерно 2 часов вы создадите собственное приложение Time Blocking и получите уверенные практические знания Vue 3. К окончанию курса вы сможете:
строить масштабируемые компоненты с помощью Composition API,
использовать новые API и улучшения фреймворка,
применять анимации, drag & drop и собственные сторы,
разрабатывать современные и удобные веб‑интерфейсы.
Почему этот курс эффективен
Материал структурирован так, чтобы вы не просто узнали о новых возможностях Vue 3, а действительно поняли их на практике. Курс сочетает объяснение концепций и создание функционального приложения — такой подход обеспечивает глубокое понимание каждого элемента.
Часто задаваемые вопросы
Нужен ли опыт работы с Vue 2?
Нет, курс подходит и новичкам. Но если вы уже работали с Vue 2, переход будет ещё проще.
Нужно ли знать JavaScript?
Базовые знания JavaScript желательны, так как они помогут вам быстрее усвоить материал.
Будет ли реальный проект?
Да! Вы создадите приложение Time Blocking — полезный инструмент для планирования времени.
Начните изучать Vue 3 прямо сейчас и создайте своё первое приложение на новом синтаксисе.
Урок 1.00:02:53
Section Overview
Урок 2.00:11:26
Building our main application view
Урок 3.00:04:27
Creating our weekly calendar
Урок 4.00:08:14
Rendering events in our app
Урок 5.00:01:10
Section Overview
Урок 6.00:03:45
Designing a data store with the Composition API
Урок 7.00:05:12
Creating state mutations in our data store
Урок 8.00:09:08
Rescheduling events using the Drag & Drop API
Урок 9.00:08:44
Using MouseEvents to change the time of events
Урок 10.00:01:40
Section Overview
Урок 11.00:04:34
Adding state mutations for add event, delete event, and edit calendar
Урок 12.00:04:47
Creating our Add Event modal with reusable logic
Урок 13.00:08:15
Building our Add Event form and modeling reactive data
Урок 14.00:09:37
Implementing our DatePicker component
Урок 15.00:06:10
Basic form validation and submitting our Add Event
Здесь, в LearnVue, наша главная цель - помочь людям учиться. Мы делаем это путем публикации учебников, лучших практик и многого другого. Наш контент разработан, чтобы быть наполненным информацией, но при этом оставаться доступным. Если вы просто хотите попробовать Vue или работали с ним годами, у нас есть контент, который поможет вам учиться.
это самое хардкорное "monkey see,monkey do" из всех ,что я видел.Я люто ненавижу и не могу делать переписывание кода,но этот автор переплюнул всех.Все настолько хреново объясняется,что просмотр готового кода кажется лучшей альтернативой
stabilitron127
Нет не ссылки на репозиторий, не ссылки на доп матералы, можете это исправить?