Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers

В этом видео вы проходите полный курс по Vue 3 для начинающих, где создаётся интернет‑магазин Vue Sneakers. Курс охватывает Vue, Vue Router, TailwindCSS, Axios, Composition API, Options API, а также основы работы с backend‑данными и анимациями. Вы узнаете, как работает Vue, как передавать данные между компонентами, делать запросы к бэкенду, использовать Vue Router, стилизовать приложение TailwindCSS, а также создавать анимации списков товаров и корзины. Сначала подготавливается окружение разработки (00:11:27), затем создаётся стартовый проект и изучается его структура (00:15:40). Далее пишется собственный код на Vue (00:25:00) и рассматриваются Options API и Composition API (00:37:50, 00:41:50). Показано, как прокинуть данные в компонент (00:53:50) и как начать разработку проекта, включая установку TailwindCSS (01:05:05). Вёрстка шапки, карточки товара, списка и корзины (01:17:20, 01:43:00, 02:14:40) демонстрирует практическое применение Tailwind. Затем реализуется поиск и фильтрация товаров (02:47:43), хранение данных через сервис MOKKY.DEV (02:56:30) и работа с закладками (03:50:00). Показано, как передавать данные без пропсов с помощью provide/inject (04:08:30) и как реализовать функционал корзины, включая открытие, добавление товаров и создание заказа (04:51:00). Добавляются анимации с auto‑animate (06:11:35) и подключается Vue Router (06:19:10). Создаётся отдельная страница закладок (06:45:23), завершается работа над корзиной и показывается статус оформления заказа (07:12:30). В конце подводятся итоги (07:26:30).