Introduction
- Links to the source code for all sections
- Installing vuejs
- Creating our first vue instance
- Creating a dynamic footer
- Introduction to reactive data
- Introduction to event listeners and methods
- Conditionally displaying elements
- Introduction to computed properties
Build a currency converter
- Setup application structure
- Get list of currencies
- Caching currencies to limit api requests
- Populating currencies to select lists
- Getting form elements data
- Converting currency
- Conditionally disabling convert button
- Adding button loading state
- Fix amount bug
Vuejs components
- What are vue components
- Introduction to props
- Looping through components
- Child to parent component communication
- Stateful vue components
Build a shopping cart
- Installing vue cli
- Understanding the vue project structure
- Creating the shop layout
- Creating the product component
- Displaying product via props
- Adding products to cart
- Disabling product button after adding to cart
- The cart component
- Remove items from cart
- Displaying cart total
Build a complete community blog app
- Introduction to vue router
- Setting up bootstrap
- Using router link
- The login component
- Getting user form data
- Api requests in vue apps
- Handling successful registration
- Displaying auth user data
- Displaying registration errors
- Add signup loading state
- User login
- Login loading state
- Handling user logout
- Adding toast notifications
- Authentication guards
- Displaying a list of articles
- Passing props to article component
- Single article page
- Single article details
- Add disqus comments
- Implement home page pagination
- Creating articles
- Uploading images to cloudinary
- Vue cli environment variables
- Article categories
- Saving article to api
- Deploying to netlify
Vuex from scratch
- Master vuex !
