-
Notifications
You must be signed in to change notification settings - Fork 1
Home
Aaron Gong edited this page Sep 12, 2020
·
4 revisions
Our step-by-step learning objectives is here
-
Pre-requisites
- NodeJS 12 or better
- VS Code or a similar text editor
- Some VueJS knowledge would be good
-
Basics
- what we are using and why
- why vite
- why composition API
- Vue2 or Vue3
- Buefy or Bulma
-
Beginning
- Things To Build
- Setup data
- Products Page
- Product Component
- Carts Page
- Cart Component
- Coverage
- components
- props
- directives
- data
- methods
- computed
- completion branch: beginning-done
- Things To Build
-
Intermediate
- Things to Build
- Place data to central store
- Navigation between products and cart
- API to get exchange rate
- Coverage
- vuex
- vue-router
- life cycle
- Fetch API
- completion branch: intermediate-done
- Things to Build
-
Advanced (And Technical Task)
- Things to Build
- Add login page (default page and it is also the page to go to if not logged in)
- Use different layout for public and private areas
- Public area: Login
- Private area: Product, Cart
- Coverage
- vuex
- vue-router
- completion branch: advance-done
- Things to Build
-
Buefy
- add buefy to application
- https://buefy.org/documentation/start/#npm-or-yarn
- work on improving login page and navbar
- Use API to fetch exchange rate information