Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers
Наконец-то доделал курс по Vue 3 для начинающих, в котором мы будем разрабатывать полноценный проект Vue Sneakers (старый добрый React Sneakers, но улучшенный в плане дизайна, анимации и функционала) хранить данные будем на бесплатном сервисе Mokky.
🧐 Для кого этот курс?
Курс предназначен для НАЧИНАЮЩИХ 👨🏻🎓, кто не знаком с Vue. Для ноченающех! Не для тру фронтенд девелоперов с опытом в 150 лет и познавших вселенную фронтенда, а для простых смертных.
Для тех, кто вообще не знаком с Vue и хочет понять, что это за фреймворк и как на нём создавать реальные приложения с передачей данных между компонентами, роутингом, запросами к бэкенду, а не просто тудушки.
В этом курсе мы не просто будем изучать Vue, но и разрабатывать приложение с роутингом, запросами на бэк, передачей данных между приложением, анимациями, изучим что такое Composition API / Options API и т.д.
⏬ Мы поймём:
- Как работает Vue
- Научимся передавать данные между компонентами
- Делать запросы на бэк и обрабатывать JSON-данные
- Как делать переход между страницами с помощью Vue Router
- Как стилизировать приложение с помощью TailwindCSS
- Как сделать красивую и простую анимацию списков товаров, корзину и т.п.
⚙️ Стэк технологий:
- Vue 3
- Vue Router
- TailwindCSS
- Axios
- @formkit/auto-animate
- Composition API / Options API
- ESLint
- Prettier
💾 Ссылка на исходник и дизайн:
🎉 Как задеплоить Vue Sneakers:
👟 Ссылка на JSON-товаров:
🔗 Ссылки на мои ресурсы:
— Telegram-канал:
— Поддержать донатом:
— VK:
— Личный блог:
— GitHub:
— Моё резюме:
⏰ Таймкоды:
00:00:00 Введение
00:11:27 Подготавливаем окружение среды разработки
00:15:40 Создание и разбор стартового проекта
00:25:00 Пробуем написать свой код на Vue
00:37:50 Что такое Options API на примере счётчика
00:41:50 Переделываем на Composition API
00:53:50 Как прокинуть данные в компонент
01:05:05 Начинаем разработку проекта / Установка TailwindCSS
01:11:45 Изучаем дизайн приложения
01:17:20 Вёрстка шапки (Header)
01:43:00 Вёрстка карточки товара и списка (Card CardList)
02:14:40 Вёрстка корзины (Drawer)
02:47:43 Разработка поиска фильтрация товаров (вёрстка функционал)
02:56:30 Используем сервис для хранения данных
03:50:00 Разработка закладок
04:08:30 Как прокидывать данные между компонентами без пропсов (provide / inject)
04:51:00 Разработка функционала корзины (открытие, добавление товаров, создание заказа)
06:11:35 Прикручиваем анимацию в приложении (auto-animate)
06:19:10 Подключаем Vue Router
06:45:23 Делаем отдельную страницу закладок
07:12:30 Доделываем корзин / Статус: “Заказ офомлен“
07:26:30 Подводим итоги
1 view
269
68
2 months ago 01:08:48 2
Bruxelles et Washington veulent recenser tout ce que vous possédez - Pol & Eco avec Pierre Jovanovic
2 months ago 00:00:54 1
PARIS 17ÈME - APPARTEMENT A VENDRE - 1 090 000 € - 119 m² - 5 pièce(s)
2 months ago 02:09:21 1
François Asselineau répond à vos questions en direct n°33
2 months ago 00:00:54 1
PARIS 17EME - APPARTEMENT A VENDRE - 1 347 000 € - 134 m² - 3 pièces
2 months ago 00:00:39 1
PARIS 7ÈME - APPARTEMENT A VENDRE - 3 170 000 € - 162 m² - 6 pièce(s)
2 months ago 00:12:32 1
Le “Dragon d’Acier“ chinois : l’arme ultime qui inquiète les USA !
2 months ago 00:00:54 1
PARIS 16EME - APPARTEMENT A VENDRE - 2 990 000 € - 185 m² - 6 pièces
2 months ago 00:04:12 4
Démo de Kizomba a The Wave Dance Festival par Said & Oksana
2 months ago 00:00:32 1
Appartement À vendre - 4 pièces - Paris 4ème - 1 400 000 €
2 months ago 00:00:54 1
PARIS 11EME - APPARTEMENT A VENDRE - 1 400 000 € - 98 m² - 4 pièces
2 months ago 00:00:54 1
PARIS 6ÈME - APPARTEMENT A VENDRE - 1 790 000 € - 111 m² - 4 pièce(s)
2 months ago 00:00:54 1
PARIS 7ÈME - APPARTEMENT À VENDRE - 4 870 000 € - 155 m² - 5 pièces
2 months ago 00:12:35 1
Les BRICS dévoilent leur projet de monnaie commune au sommet de Kazan : une nouvelle ère économique
2 months ago 01:34:31 1
EP-116 - La mafia médicale - Avec Ghis (Ghislaine Lanctôt)
2 months ago 00:16:23 1
10 000 € pour un Esclave Robotique ? Elon Musk Révèle son Plan
2 months ago 00:00:59 1
Appartement À vendre - 8 Pièces - Paris - 3 280 000 €
2 months ago 00:10:50 1
Art Blue Création : Intro vers vos futures vues
2 months ago 00:00:54 1
PARIS 18EME - APPARTEMENT A VENDRE - 7 800 000 € - 250 m² - 5 pièces
2 months ago 18:17:32 1
Vue JS - Полный курс c нуля | Result University
2 months ago 00:07:27 1
Un autre angle de vue sur le cancer. Mon expérience d’énergéticienne et chamane & patiente.
2 months ago 00:00:54 1
PARIS 11ÈME - APPARTEMENT A VENDRE - 1 120 000 € - 85 m² - 3 pièce(s)
2 months ago 00:00:54 1
PARIS 5EME - APPARTEMENT A VENDRE - 2 760 000 € - 210 m² - 7 pièces
2 months ago 00:11:20 1
Pouvoir Occulte Maçonnique : Un ex Magistrat et Maire de Naples se lâche ENFIN / Luigi de Magistris
2 months ago 00:00:31 1
Appartement À vendre - 5 pièces - Paris - 1 199 000 €