Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Notes before starting

Lecture 2: Introduction

Lecture 3: Your First Vue.js App

Lecture 4: Adding a Template Property

Lecture 5: User Interactions with Methods

Lecture 6: Control Flow with v-if and v-else

Lecture 7: Loops with v-for

Lecture 8: Computed Properties

Lecture 9: Class Bindings

Lecture 10: Input Validation

Lecture 11: The Amazing v-model

Lecture 12: Your First Component

Lecture 13: Component Props

Lecture 14: Child-Parent Communication with Events

Lecture 15: Source Code for Upcoming Projects

Chapter 2: Project 1: User Sign-up Form with Validation

Lecture 1: Project #1: User Sign-up Form w/ Validation

Lecture 2: Single File Components

Lecture 3: A Custom Button Component

Lecture 4: Custom Input Foundations

Lecture 5: Dynamic Validation

Lecture 6: Rethinking the Form State

Lecture 7: Validating the Form

Lecture 8: Submitting the Form and Finishing Up

Chapter 3: Project #2: Pokemon Evolutions

Lecture 1: Project #2: Pokemon Evolutions

Lecture 2: Creating the Card Foundations

Lecture 3: Loading Remote Data with Fetch

Lecture 4: Fetching Multiple Data Sources

Lecture 5: Lifecycle Hooks

Lecture 6: Rendering Content

Lecture 7: Modular Components with Slots

Lecture 8: Reusing Code to Fetch Evolutions

Lecture 9: Better Styles with Class Bindings

Lecture 10: Separating Business Logic and Presentation Components

Chapter 4: Composition Fundamentals

Lecture 1: Composition Fundamentals Introduction

Lecture 2: Hello, Composition API!

Lecture 3: Reactivity with ref

Lecture 4: Reactive for Complex Values

Lecture 5: Composing Computed Properties

Lecture 6: Watch and Watch Effect

Lecture 7: Before and After with watch

Lecture 8: The useNumbers Composable

Lecture 9: Open Source Library: Vue Use

Chapter 5: Project #3: Composing a Microblog

Lecture 1: Projet #3: Microblog (with the Composition API)

Lecture 2: Creating the Microblog Store

Lecture 3: Render Posts with the Card Component

Lecture 4: The Hashtag Component

Lecture 5: Emitting Events with the Composition API

Lecture 6: Filtering Posts with Computed

Lecture 7: Refactoring with the Posts Store

Lecture 8: Liking a Post

Lecture 9: Searching for Hashtags

Lecture 10: Mind Blowing Fefactor and Exercises

Chapter 6: Vue Router Fundamentals

Lecture 1: Vue Router Fundamentals

Lecture 2: Hello Vue Router

Lecture 3: The Router Link component

Lecture 4: Children and Nested Routes

Lecture 5: Route Params with the Composition API

Lecture 6: New Post Route

Lecture 7: New Post Form

Lecture 8: usePosts Composable

Lecture 9: Redirects with Vue Router

Lecture 10: Options API Refactor

Chapter 7: Vuex Fundamentals

Lecture 1: Introduction to Vuex

Lecture 2: Create a Vuex Store and State

Lecture 3: Updating State with Mutations

Lecture 4: More on Mutations

Lecture 5: Dispatching Actions

Lecture 6: Mocking the Server and Fetching Posts

Lecture 7: Showing the Current Post

Lecture 8: Vuex Getters

Lecture 9: Scaling Vuex with Modules

Lecture 10: Options API Refactor

Chapter 8: Project #4: Capstone Project

Lecture 1: Introduction to the Capstone Project

Lecture 2: Setting Up Vuex

Lecture 3: Reusable Layouts

Lecture 4: Fetching Albums with Fetch

Lecture 5: Data Fetching Workflow with Vuex

Lecture 6: Creating the Album Component

Lecture 7: Fetching Thousands of Photos

Lecture 8: Adding Routing

Lecture 9: Improved Routing

Lecture 10: Routing with Router Link

Lecture 11: watchEffect and Routing Params

Lecture 12: Vuex Level Caching for Better Performance

Lecture 13: Parting Words and Recommendations