----
Title: The Vue.js 3 Masterclass
Link: https://vueschool.io/courses/the-vuejs-3-master-class
Description: Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 146
Tags: #vueschool
----

Title: 1 - What Do I Need to Take the Vue 3 Masterclass?
Link: https://vueschool.io/lessons/what-do-i-need-to-take-the-vue-3-masterclass
Time: 2:39

Title: 2 - Install Vue CLI and Its Dependencies
Link: https://vueschool.io/lessons/install-vue-cli-and-its-dependencies
Time: 5:21

Title: 3 - Scaffold a New Vue 3 Project With Vue CLI
Link: https://vueschool.io/lessons/scaffold-a-new-vue-3-project-with-vue-cli
Time: 2:47

Title: 4 - Exploring the Scaffolded Vue 3 Project
Link: https://vueschool.io/lessons/exploring-the-scaffolded-vue-3-project
Time: 4:32

Title: 5 - Automatic and Static Code Review With ESLint (Linting)
Link: https://vueschool.io/lessons/automatic-and-static-code-review-with-eslint-linting
Time: 9:25

Title: 6 - Choosing ESLint Presets
Link: https://vueschool.io/lessons/choosing-eslint-presets
Time: 6:19

Title: 7 - Initialize a Vue 3 App Using createApp
Link: https://vueschool.io/lessons/initialize-a-vue-3-app-using-createapp
Time: 5:30

Title: 8 - Structuring Our Forum Data
Link: https://vueschool.io/lessons/structuring-our-forum-data
Time: 8:35

Title: 9 - How to Import Data From JSON Files in a Vue 3 App
Link: https://vueschool.io/lessons/how-to-import-data-from-json-files-in-a-vue-3-app
Time: 3:26

Title: 10 - Displaying a List of Elements in Vue 3
Link: https://vueschool.io/lessons/displaying-a-list-of-elements-in-vue-3
Time: 12:27

Title: 11 - Styling Vue Components
Link: https://vueschool.io/lessons/styling-vue-components
Time: 5:58

Title: 12 - Global Styles and Stylesheet Processing
Link: https://vueschool.io/lessons/global-styles-and-stylesheet-processing
Time: 4:31

Title: 13 - Install and Configure Vue Router 4
Link: https://vueschool.io/lessons/install-and-configure-vue-router-4
Time: 7:15

Title: 14 - Dynamic Route Matching & Route Params
Link: https://vueschool.io/lessons/dynamic-route-matching-route-params
Time: 6:00

Title: 15 - Extract Router Configuration
Link: https://vueschool.io/lessons/extract-router-configuration
Time: 2:09

Title: 16 - Create ThreadList.vue and Clean up the Homepage
Link: https://vueschool.io/lessons/create-threadlist-vue-and-clean-up-the-homepage
Time: 8:43

Title: 17 - Using router-link to Navigate Between Page Components
Link: https://vueschool.io/lessons/using-router-link-to-navigate-between-page-components
Time: 4:07

Title: 18 - Creating a Not Found Page with Vue Router
Link: https://vueschool.io/lessons/creating-a-not-found-page-with-vue-router
Time: 4:50

Title: 19 - Redirect With Vue Router Without Changing the URL
Link: https://vueschool.io/lessons/redirect-with-vue-router-without-changing-the-url
Time: 10:28

Title: 20 - Reorganizing the Page Components
Link: https://vueschool.io/lessons/reorganizing-the-page-components
Time: 4:52

Title: 21 - Creating a Forum Post Component
Link: https://vueschool.io/lessons/creating-a-forum-post-component
Time: 6:18

Title: 22 - Creating a Post Editor
Link: https://vueschool.io/lessons/creating-a-post-editor-component
Time: 11:03

Title: 23 - Communication Between Components
Link: https://vueschool.io/lessons/communication-between-components-1
Time: 8:26

Title: 24 - Adding Human Readable Dates
Link: https://vueschool.io/lessons/adding-human-readable-dates
Time: 7:13

Title: 25 - Creating Base Components in a Vue Application
Link: https://vueschool.io/lessons/creating-base-components-in-a-vue-application
Time: 6:09

Title: 26 - Registering Base Components Globally
Link: https://vueschool.io/lessons/registering-base-components-globally
Time: 5:48

Title: 27 - Organizing Threads in Forums
Link: https://vueschool.io/lessons/organizing-threads-in-forums
Time: 6:30

Title: 28 - Creating a ForumList Component
Link: https://vueschool.io/lessons/creating-a-forumlist-component
Time: 8:42

Title: 29 - Introducing Categories, Collections of Forums
Link: https://vueschool.io/lessons/introducing-categories-collections-of-forums
Time: 12:37

Title: 30 - How to Migrate Vue Application’s State to Vuex
Link: https://vueschool.io/lessons/how-to-migrate-vue-applications-state-to-vuex
Time: 10:23

Title: 31 - Vuex Actions & Mutations
Link: https://vueschool.io/lessons/vuex-actions-and-mutations
Time: 6:33

Title: 32 - Creating a Forum Navbar
Link: https://vueschool.io/lessons/creating-a-forum-navbar
Time: 4:05

Title: 33 - Fetching the Authenticated User From Vuex
Link: https://vueschool.io/lessons/fetching-the-authenticated-user-from-vuex
Time: 3:34

Title: 34 - Creating the User Profile Page
Link: https://vueschool.io/lessons/creating-the-user-profile-page
Time: 7:18

Title: 35 - JavaScript: Passed by Reference vs by Value
Link: https://vueschool.io/lessons/javascript-passed-by-reference-vs-by-value
Time: 4:24

Title: 36 - Extracting User Posts and Threads to the Store
Link: https://vueschool.io/lessons/extracting-user-posts-and-threads-to-the-store
Time: 6:24

Title: 37 - Updating the User Profile
Link: https://vueschool.io/lessons/updating-the-user-profile
Time: 7:34

Title: 38 - Sharing Components Between Multiple Pages
Link: https://vueschool.io/lessons/sharing-components-between-multiple-pages
Time: 4:41

Title: 39 - Scroll to Top with Vue Router
Link: https://vueschool.io/lessons/scroll-to-top-with-vue-router
Time: 2:27

Title: 40 - Using the authId When Creating new posts
Link: https://vueschool.io/lessons/using-the-authid-when-creating-new-posts
Time: 2:22

Title: 41 - Creating New Forum Threads
Link: https://vueschool.io/lessons/creating-new-forum-threads
Time: 3:34

Title: 42 - Refactoring the Forum Thread Related Actions and Mutations
Link: https://vueschool.io/lessons/refactoring-the-forum-thread-related-actions-and-mutations
Time: 7:39

Title: 43 - Creating a Route to Create New Forum Threads
Link: https://vueschool.io/lessons/creating-a-route-to-create-new-forum-threads
Time: 4:29

Title: 44 - Redirecting When Creating New Threads
Link: https://vueschool.io/lessons/redirecting-when-creating-new-threads
Time: 3:44

Title: 45 - Creating a ThreadEditor Component
Link: https://vueschool.io/lessons/creating-a-threadeditor-component
Time: 3:53

Title: 46 - Editing Threads
Link: https://vueschool.io/lessons/editing-threads
Time: 10:49

Title: 47 - Improving the ThreadEditor
Link: https://vueschool.io/lessons/improving-the-threadeditor
Time: 3:26

Title: 48 - Creating Helper Functions
Link: https://vueschool.io/lessons/creating-helper-functions
Time: 9:13

Title: 49 - What Is a Higher Order Function in JavaScript?
Link: https://vueschool.io/lessons/what-is-a-higher-order-function-in-javascript
Time: 6:59

Title: 50 - Creating Vuex Mutations with Higher Order Functions
Link: https://vueschool.io/lessons/creating-vuex-mutations-with-higher-order-functions
Time: 9:52

Title: 51 - Creating Dynamic Vuex Getters with Higher Order Functions
Link: https://vueschool.io/lessons/creating-dynamic-vuex-getters-with-higher-order-functions
Time: 10:27

Title: 52 - Minor Improvements Before Introducing the Cloud Firestore
Link: https://vueschool.io/lessons/minor-improvements-before-introducing-the-cloud-firestore
Time: 5:57

Title: 53 - Firebase Setup and Installation
Link: https://vueschool.io/lessons/firebase-setup-and-installation
Time: 6:41

Title: 54 - Set up the Cloud Firestore Database
Link: https://vueschool.io/lessons/set-up-the-cloud-firestore-database
Time: 5:56

Title: 55 - Understanding the Lifecycle Hooks in Vue.js
Link: https://vueschool.io/lessons/understanding-the-lifecycle-hooks-in-vue-js
Time: 6:33

Title: 56 - Migrating Vuex to use Cloud Firestore Database
Link: https://vueschool.io/lessons/migrating-vuex-to-use-cloud-firestore-database
Time: 11:04

Title: 57 - Fetching Data from Cloud Firestore with Vuex Actions
Link: https://vueschool.io/lessons/fetching-data-from-cloud-firestore-with-vuex-actions
Time: 5:35