Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anyabravich/vue-sneakers
🎓 Learning VueJs using the example of creating an online store
https://github.com/anyabravich/vue-sneakers
api axios tailwindcss vue
Last synced: 5 days ago
JSON representation
🎓 Learning VueJs using the example of creating an online store
- Host: GitHub
- URL: https://github.com/anyabravich/vue-sneakers
- Owner: anyabravich
- Created: 2024-02-14T21:38:07.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-03T19:27:42.000Z (4 months ago)
- Last Synced: 2024-09-07T06:26:59.055Z (4 months ago)
- Topics: api, axios, tailwindcss, vue
- Language: Vue
- Homepage: https://vue-sneakers-henna.vercel.app
- Size: 1.17 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Sneakers 👟
## Как запустить?
1. Склонировать репозиторий к себе на ПК
2. `npm install`
3. `npm run dev`
4. Готово!## 🧐 Для кого этот курс?
Курс предназначен для НАЧИНАЮЩИХ 👨🏻🎓, кто не знаком с 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