Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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