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
189
53
3 months ago 00:03:22 1
ТОП 5 плагинов для Unreal Engine 5, которые я использую в каждом проекте
3 months ago 00:06:02 1
NEW 2026 Toyota/Lexus GR GT3 Testing on Spa-Francorchamps | Test 24 Hours of Le Mans 2024
3 months ago 00:54:18 1
VUE2 VS REACT / Кто круче: React-разработчики или Vue-разработчики / Сравниваем Vue2, Vue3 и React
3 months ago 00:04:35 7
ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!
3 months ago 00:03:38 1
L’ENTOURLOOP & AZAHRIAH - Don’t Turn The Bass Down (Official Video)
3 months ago 00:23:41 1
Сериал Fallout 1 сезон. Мысли. Эмоции. Дурка
3 months ago 00:15:08 1
🌌🌊Merveilleuse Guérison émotionnelle Semaine du 🌊🌌
3 months ago 00:27:22 1
MARCHE BLANCHE POUR MATISSE : des Français à perte de vue
3 months ago 00:02:28 1
Kharkov : L’armée ukrainienne décampe du front après 3 attaques de la Russie
3 months ago 00:58:12 1
Réflexion: Retour sur la fièvre du pangolin -Il Solitario
3 months ago 00:19:44 1
#7 Проект “Список собеседований“ на Vue3, TS, Pinia. Вывод новых данных
3 months ago 00:15:36 1
#55 Front-end. Вопросы на собеседовании
3 months ago 00:13:12 1
La Vérité sur l’Économie Chinoise en 2024
3 months ago 00:20:58 1
Nous révélons le vrai visage des lobbies du bois
3 months ago 00:50:15 1
Krach financier : le compte à rebours a commencé - Politique & Eco n°401 avec Philippe Herlin - TVL
3 months ago 00:00:50 1
🇻🇳 ENFANTS du VIETNAM - 1900 Gabriel Veyre (HD+) Indochine VIETNAM 🇻🇳
3 months ago 00:01:28 1
Le jugement
3 months ago 00:12:18 1
Unreal Engine 5.4 - ЭТО ШЕДЕВР
3 months ago 00:04:35 1
Изучение Vue JS с нуля / #1 – Курс по Vue 3 для начинающих. Введение в VueJS
3 months ago 00:01:47 1
La Croix-Rouge renforce les formations de secouristes en vue des JO.
3 months ago 00:41:33 1
Лион 2023 🇫🇷 | Полный обзор города и как живут во Франции в 2023
3 months ago 00:55:04 1
house mix for a sunny day
4 months ago 01:07:36 1
484-FR, C. C233º P1° : SCLÉROSE EN PLAQUES - Opératrice externe Isabelle Straub Méthode Grifasi
4 months ago 03:27:15 1
FAQ SPÉCIAL VUES ⭕N A TOUS UN TRUC À DIRE - (2 août 2023) #OTTD