----
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

Title: 58 - Creating Reusable Vuex Actions and Mutations
Link: https://vueschool.io/lessons/creating-reusable-vuex-actions-and-mutations
Time: 8:52

Title: 59 - Creating Vuex Actions that Fetch Multiple Items from Cloud Firestore
Link: https://vueschool.io/lessons/creating-vuex-actions-that-fetch-multiple-items-from-cloud-firestore
Time: 7:48

Title: 60 - Fetching Data in beforeCreate on the Homepage
Link: https://vueschool.io/lessons/fetching-data-in-beforeCreate-on-the-homepage
Time: 8:32

Title: 61 - Fetching Data for the Forum Page
Link: https://vueschool.io/lessons/fetching-data-for-the-forum-page
Time: 5:59

Title: 62 - Fetching Data For All Remaining Pages
Link: https://vueschool.io/lessons/fetching-data-for-all-remaining-pages
Time: 12:51

Title: 63 - Mapping Vuex Actions
Link: https://vueschool.io/lessons/mapping-our-vuex-actions
Time: 7:31

Title: 64 - Splitting the Vuex Store into Multiple Files
Link: https://vueschool.io/lessons/splitting-the-vuex-store-into-multiple-files
Time: 6:38

Title: 65 - Fetching App-Wide Data
Link: https://vueschool.io/lessons/fetching-app-wide-data
Time: 3:59

Title: 66 - Storing New Posts in Cloud Firestore with Vuex
Link: https://vueschool.io/lessons/storing-new-posts-in-cloud-firestore-with-vuex
Time: 9:41

Title: 67 - Using the Server Timestamp for Post Published At
Link: https://vueschool.io/lessons/using-the-server-timestamp-for-post-published-at
Time: 6:12

Title: 68 - Storing New Threads in Cloud Firestore with Vuex
Link: https://vueschool.io/lessons/storing-new-threads-in-cloud-firestore-with-vuex
Time: 5:03

Title: 69 - Incrementing the User's Posts Count
Link: https://vueschool.io/lessons/incrementing-the-users-posts-count
Time: 8:01

Title: 70 - Updating a Thread in the Firestore
Link: https://vueschool.io/lessons/updating-a-thread-in-the-firestore
Time: 6:34

Title: 71 - Creating a Font Awesome Plugin in Vue 3
Link: https://vueschool.io/lessons/creating-a-font-awesome-plugin-in-vue-3
Time: 9:50

Title: 72 - Preparing the User Interface for Post Updates
Link: https://vueschool.io/lessons/preparing-the-interface-for-post-updates
Time: 8:29

Title: 73 - Updating a Post in Cloud Firestore
Link: https://vueschool.io/lessons/updating-a-post-in-firestore
Time: 5:52

Title: 74 - Unsubscribing from Cloud Firestore Snapshots
Link: https://vueschool.io/lessons/unsubscribing-from-firestore-snapshots
Time: 14:04

Title: 75 - Hiding Content Until Data is Fully Loaded
Link: https://vueschool.io/lessons/hiding-content-until-data-is-fully-loaded
Time: 2:40

Title: 76 - Sharing Logic Between Components with Mixins
Link: https://vueschool.io/lessons/sharing-logic-between-components-with-mixins
Time: 8:43

Title: 77 - Displaying a Loading Indicator while Components Fetch Async Data
Link: https://vueschool.io/lessons/displaying-a-loading-indicator-while-components-fetch-async-data
Time: 9:23

Title: 78 - Show a Loading Spinner while Fetching Async Data
Link: https://vueschool.io/lessons/show-a-loading-spinner-while-fetching-async-data
Time: 2:11

Title: 79 - Showing a Progress Bar while Components Fetch Asynchronous Data
Link: https://vueschool.io/lessons/showing-a-progress-bar-while-components-fetch-asynchronous-data
Time: 4:17

Title: 80 - Firebase Tools (CLI)
Link: https://vueschool.io/lessons/firebase-tools-cli
Time: 6:01

Title: 81 - Seeding the Database
Link: https://vueschool.io/lessons/seeding-the-database
Time: 6:24

Title: 82 - Using .env for Different Environment Configuration
Link: https://vueschool.io/lessons/using-env-for-different-environment-configuration
Time: 6:53

Title: 83 - Using .env for Secure Secrets
Link: https://vueschool.io/lessons/using-env-for-secure-secrets
Time: 5:12

Title: 84 - Creating the User Registration Form
Link: https://vueschool.io/lessons/creating-the-user-registration-form
Time: 4:24

Title: 85 - Storing New Users in the Firestore
Link: https://vueschool.io/lessons/storing-new-users-in-the-firestore
Time: 6:06