Master Vuejs from scratch (incl Vuex, Vue Router)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Links to the source code for all sections

Lecture 2: Installing vuejs

Lecture 3: Creating our first vue instance

Lecture 4: Creating a dynamic footer

Lecture 5: Introduction to reactive data

Lecture 6: Introduction to event listeners and methods

Lecture 7: Conditionally displaying elements

Lecture 8: Introduction to computed properties

Chapter 2: Build a currency converter

Lecture 1: Setup application structure

Lecture 2: Get list of currencies

Lecture 3: Caching currencies to limit api requests

Lecture 4: Populating currencies to select lists

Lecture 5: Getting form elements data

Lecture 6: Converting currency

Lecture 7: Conditionally disabling convert button

Lecture 8: Adding button loading state

Lecture 9: Fix amount bug

Chapter 3: Vuejs components

Lecture 1: What are vue components

Lecture 2: Introduction to props

Lecture 3: Looping through components

Lecture 4: Child to parent component communication

Lecture 5: Stateful vue components

Chapter 4: Build a shopping cart

Lecture 1: Installing vue cli

Lecture 2: Understanding the vue project structure

Lecture 3: Creating the shop layout

Lecture 4: Creating the product component

Lecture 5: Displaying product via props

Lecture 6: Adding products to cart

Lecture 7: Disabling product button after adding to cart

Lecture 8: The cart component

Lecture 9: Remove items from cart

Lecture 10: Displaying cart total

Chapter 5: Build a complete community blog app

Lecture 1: Introduction to vue router

Lecture 2: Setting up bootstrap

Lecture 3: Using router link

Lecture 4: The login component

Lecture 5: Getting user form data

Lecture 6: Api requests in vue apps

Lecture 7: Handling successful registration

Lecture 8: Displaying auth user data

Lecture 9: Displaying registration errors

Lecture 10: Add signup loading state

Lecture 11: User login

Lecture 12: Login loading state

Lecture 13: Handling user logout

Lecture 14: Adding toast notifications

Lecture 15: Authentication guards

Lecture 16: Displaying a list of articles

Lecture 17: Passing props to article component

Lecture 18: Single article page

Lecture 19: Single article details

Lecture 20: Add disqus comments

Lecture 21: Implement home page pagination

Lecture 22: Creating articles

Lecture 23: Uploading images to cloudinary

Lecture 24: Vue cli environment variables

Lecture 25: Article categories

Lecture 26: Saving article to api

Lecture 27: Deploying to netlify

Chapter 6: Vuex from scratch

Lecture 1: Master vuex !