----
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: 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
vueschool.io
The Vue.js Master Class 2024 Edition
Master Vue 3 in the Vue.js Master Class! Learn Composition API, Pinia, Shadcn-vue, and Vite to build real-world apps and boost your career.
đź‘Ť1
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
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
Vue School
Introducing Categories, Collections of Forums - A Vue.js Lesson...
In this lesson, we'll implement Categories in our application. Categories are collections of forums. It is the very first node in our application structure, and it is of great organizational help!...
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
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
Vue School
Creating Reusable Vuex Actions and Mutations - A Vue.js Lesson...
It is important to keep your code DRY, in the previous lesson we created Vuex actions to fetch threads, posts, and users but they all essentially do the same thing. In this lesson, we'll compose...
Title: 86 - Integrating Registration with Firebase Authentication
Link: https://vueschool.io/lessons/integrating-registration-with-firebase-authentication
Time: 7:01
Title: 87 - Signing the User in after Registration
Link: https://vueschool.io/lessons/signing-the-user-in-after-registration
Time: 5:44
Title: 88 - Signing Users In and Out
Link: https://vueschool.io/lessons/signing-users-in-and-out
Time: 7:45
Title: 89 - Using Class Bindings for User Drop Down Menu
Link: https://vueschool.io/lessons/using-class-bindings-for-user-drop-down-menu
Time: 5:02
Title: 90 - Authenticating Users via 3rd Party Providers
Link: https://vueschool.io/lessons/authenticating-users-via-3rd-party-providers
Time: 6:01
Title: 91 - Unsubscribing from the Auth User Snapshot
Link: https://vueschool.io/lessons/unsubscribing-from-the-auth-user-snapshot
Time: 9:09
Title: 92 - In Component Navigation Guards with Vue Router
Link: https://vueschool.io/lessons/in-component-navigation-guards-with-vue-router
Time: 11:50
Title: 93 - Navigation Guards for Componentless Routes
Link: https://vueschool.io/lessons/navigation-guards-for-componentless-routes
Time: 4:46
Title: 94 - Meta Fields and Global Navigation Guards
Link: https://vueschool.io/lessons/meta-fields-and-global-navigation-guards
Time: 6:20
Title: 95 - Navigation Guards and Firebase Authentication
Link: https://vueschool.io/lessons/navigation-guards-and-firebase-authentication
Time: 7:50
Title: 96 - 404 Thread Show Page and Async Thread Data
Link: https://vueschool.io/lessons/404-thread-show-page-and-async-thread-data
Time: 3:28
Title: 97 - Firestore Rules and Protecting Pages for Authenticated Users
Link: https://vueschool.io/lessons/firestore-rules-and-protecting-pages-for-authenticated-users
Time: 13:59
Title: 98 - Hiding Guest Pages from Logged In Users
Link: https://vueschool.io/lessons/hiding-guest-pages-from-logged-in-users
Time: 2:48
Title: 99 - Redirecting Users After Logging In to the Page they Tried to Visit
Link: https://vueschool.io/lessons/redirecting-users-after-logging-in-to-the-page-they-tried-to-visit
Time: 4:26
Title: 100 - Allowing Only Authenticated Users to Create and Edit Posts
Link: https://vueschool.io/lessons/allowing-only-authenticated-users-to-create-and-edit-posts
Time: 2:52
Title: 101 - The Authenticated User's Profile Page
Link: https://vueschool.io/lessons/the-authenticated-user-s-profile-page
Time: 5:36
Title: 102 - Forcing Vue Router to Destroy Component to Trigger Lifecycle Hooks
Link: https://vueschool.io/lessons/forcing-vue-router-to-destroy-component-to-trigger-lifecycle-hooks
Time: 6:03
Title: 103 - Splitting a Large Vuex Store Into Namespaced Modules Part 1
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-1
Time: 10:58
Title: 104 - Splitting a Large Vuex Store Into Namespaced Modules Part 2
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-2
Time: 12:27
Title: 105 - Splitting a Large Vuex Store Into Namespaced Modules Part 3
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-3
Time: 14:29
Title: 106 - Closing Dropdown on Click Outside
Link: https://vueschool.io/lessons/closing-dropdown-on-click-outside
Time: 6:53
Title: 107 - Building a Mobile Navbar
Link: https://vueschool.io/lessons/building-a-mobile-navbar
Time: 4:31
Title: 108 - Closing the Mobile Navbar on Scroll
Link: https://vueschool.io/lessons/closing-the-mobile-navbar-on-scroll
Time: 6:06
Title: 109 - Pagination and Indexes in the Cloud Firestore
Link: https://vueschool.io/lessons/pagination-and-indexes-in-the-cloud-firestore
Time: 10:03
Title: 110 - Paginating User Posts with Infinite Scroll
Link: https://vueschool.io/lessons/paginating-user-posts-with-infinite-scroll
Time: 5:37
Title: 111 - Paginating Threads with Pagination Component
Link: https://vueschool.io/lessons/paginating-threads-with-pagination-component
Time: 17:11
Link: https://vueschool.io/lessons/integrating-registration-with-firebase-authentication
Time: 7:01
Title: 87 - Signing the User in after Registration
Link: https://vueschool.io/lessons/signing-the-user-in-after-registration
Time: 5:44
Title: 88 - Signing Users In and Out
Link: https://vueschool.io/lessons/signing-users-in-and-out
Time: 7:45
Title: 89 - Using Class Bindings for User Drop Down Menu
Link: https://vueschool.io/lessons/using-class-bindings-for-user-drop-down-menu
Time: 5:02
Title: 90 - Authenticating Users via 3rd Party Providers
Link: https://vueschool.io/lessons/authenticating-users-via-3rd-party-providers
Time: 6:01
Title: 91 - Unsubscribing from the Auth User Snapshot
Link: https://vueschool.io/lessons/unsubscribing-from-the-auth-user-snapshot
Time: 9:09
Title: 92 - In Component Navigation Guards with Vue Router
Link: https://vueschool.io/lessons/in-component-navigation-guards-with-vue-router
Time: 11:50
Title: 93 - Navigation Guards for Componentless Routes
Link: https://vueschool.io/lessons/navigation-guards-for-componentless-routes
Time: 4:46
Title: 94 - Meta Fields and Global Navigation Guards
Link: https://vueschool.io/lessons/meta-fields-and-global-navigation-guards
Time: 6:20
Title: 95 - Navigation Guards and Firebase Authentication
Link: https://vueschool.io/lessons/navigation-guards-and-firebase-authentication
Time: 7:50
Title: 96 - 404 Thread Show Page and Async Thread Data
Link: https://vueschool.io/lessons/404-thread-show-page-and-async-thread-data
Time: 3:28
Title: 97 - Firestore Rules and Protecting Pages for Authenticated Users
Link: https://vueschool.io/lessons/firestore-rules-and-protecting-pages-for-authenticated-users
Time: 13:59
Title: 98 - Hiding Guest Pages from Logged In Users
Link: https://vueschool.io/lessons/hiding-guest-pages-from-logged-in-users
Time: 2:48
Title: 99 - Redirecting Users After Logging In to the Page they Tried to Visit
Link: https://vueschool.io/lessons/redirecting-users-after-logging-in-to-the-page-they-tried-to-visit
Time: 4:26
Title: 100 - Allowing Only Authenticated Users to Create and Edit Posts
Link: https://vueschool.io/lessons/allowing-only-authenticated-users-to-create-and-edit-posts
Time: 2:52
Title: 101 - The Authenticated User's Profile Page
Link: https://vueschool.io/lessons/the-authenticated-user-s-profile-page
Time: 5:36
Title: 102 - Forcing Vue Router to Destroy Component to Trigger Lifecycle Hooks
Link: https://vueschool.io/lessons/forcing-vue-router-to-destroy-component-to-trigger-lifecycle-hooks
Time: 6:03
Title: 103 - Splitting a Large Vuex Store Into Namespaced Modules Part 1
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-1
Time: 10:58
Title: 104 - Splitting a Large Vuex Store Into Namespaced Modules Part 2
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-2
Time: 12:27
Title: 105 - Splitting a Large Vuex Store Into Namespaced Modules Part 3
Link: https://vueschool.io/lessons/splitting-a-large-vuex-store-into-namespaced-modules-part-3
Time: 14:29
Title: 106 - Closing Dropdown on Click Outside
Link: https://vueschool.io/lessons/closing-dropdown-on-click-outside
Time: 6:53
Title: 107 - Building a Mobile Navbar
Link: https://vueschool.io/lessons/building-a-mobile-navbar
Time: 4:31
Title: 108 - Closing the Mobile Navbar on Scroll
Link: https://vueschool.io/lessons/closing-the-mobile-navbar-on-scroll
Time: 6:06
Title: 109 - Pagination and Indexes in the Cloud Firestore
Link: https://vueschool.io/lessons/pagination-and-indexes-in-the-cloud-firestore
Time: 10:03
Title: 110 - Paginating User Posts with Infinite Scroll
Link: https://vueschool.io/lessons/paginating-user-posts-with-infinite-scroll
Time: 5:37
Title: 111 - Paginating Threads with Pagination Component
Link: https://vueschool.io/lessons/paginating-threads-with-pagination-component
Time: 17:11
Vue School
Integrating Registration with Firebase Authentication - A Vue.js...
In this lesson, we use the Firebase Authentication service to register users for the Vue.js Forum application. Links Vue.js + Firebase Authentication Course
Title: 112 - Storing the Current Page as a URL Query Variable
Link: https://vueschool.io/lessons/storing-the-current-page-as-a-url-query-variable
Time: 3:07
Title: 113 - Clean Up to Prep for Notifications
Link: https://vueschool.io/lessons/clean-up-to-prep-for-notifications
Time: 5:41
Title: 114 - A Composable for Storing and Interacting with Notifications
Link: https://vueschool.io/lessons/a-composable-for-storing-and-interacting-with-notifications
Time: 10:48
Title: 115 - Implementing Notifications on Thread Page Part 1
Link: https://vueschool.io/lessons/implementing-notifications-on-thread-page-part-1
Time: 9:15
Title: 116 - Implementing the Notifications on Thread Page Part 2
Link: https://vueschool.io/lessons/implementing-the-notifications-on-thread-page-part-2
Time: 3:39
Title: 117 - Extending Notifications with Options
Link: https://vueschool.io/lessons/extending-notifications-with-options
Time: 3:04
Title: 118 - Using the Transition Group Component
Link: https://vueschool.io/lessons/using-the-transition-group-component
Time: 1:50
Title: 119 - Uploading Avatars to Firebase Storage During Registration
Link: https://vueschool.io/lessons/uploading-avatars-to-firebase-storage-during-registration
Time: 8:07
Title: 120 - Securing Files with Firebase Storage Rules
Link: https://vueschool.io/lessons/securing-files-with-firebase-storage-rules
Time: 1:57
Title: 121 - Editing the User Avatar on the Profile Page
Link: https://vueschool.io/lessons/editing-the-user-avatar-on-the-profile-page
Time: 5:17
Title: 122 - Improving the Avatar Editing User Experience
Link: https://vueschool.io/lessons/improving-the-avatar-editing-user-experience
Time: 6:53
Title: 123 - Handling Errors With Image Uploads
Link: https://vueschool.io/lessons/handing-errors-with-image-uploads
Time: 4:58
Title: 124 - Providing an Avatar Placeholder for Users with no Avatar
Link: https://vueschool.io/lessons/providing-an-avatar-placeholder-for-users-with-no-avatar
Time: 4:38
Title: 125 - Use the Pixabay REST API to Enable Random Profile Pictures
Link: https://vueschool.io/lessons/use-the-pixabay-rest-api-to-enable-random-profile-pictures
Time: 9:52
Title: 126 - Storing Images to Firebase Storage from a Web URL
Link: https://vueschool.io/lessons/storing-images-to-firebase-storage-from-a-web-url
Time: 3:30
Title: 127 - Introduction to VeeValidate
Link: https://vueschool.io/lessons/introduction-to-veevalidate
Time: 4:43
Title: 128 - Displaying Error Messages with VeeValidate
Link: https://vueschool.io/lessons/displaying-error-messages-with-veevalidate
Time: 3:18
Title: 129 - Defining Global Components and Rules
Link: https://vueschool.io/lessons/defining-global-components-and-rules
Time: 6:05
Title: 130 - Using Multiple Rules on a Single Field
Link: https://vueschool.io/lessons/using-multiple-rules-on-a-single-field
Time: 1:48
Title: 131 - Passing Arguments to VeeValidate Rules
Link: https://vueschool.io/lessons/passing-arguments-to-veevalidate-rules
Time: 2:07
Title: 132 - Customizing VeeValidate Error Messages
Link: https://vueschool.io/lessons/customizing-veevalidate-error-messages
Time: 4:54
Title: 133 - Defining Async Rules with VeeValidate
Link: https://vueschool.io/lessons/defining-async-rules-with-veevalidate
Time: 6:24
Title: 134 - Wrapping VeeValidate Field with Custom AppFormField
Link: https://vueschool.io/lessons/wrapping-veevalidate-field-with-custom-appformfield
Time: 6:00
Title: 135 - Adding Validation to all the Forms
Link: https://vueschool.io/lessons/adding-validation-to-all-the-forms
Time: 6:04
Title: 136 - Creating a Simple Autocomplete Location Field
Link: https://vueschool.io/lessons/creating-a-simple-autocomplete-location-field
Time: 6:55
Title: 137 - Last Minute Clean Up Part 1
Link: https://vueschool.io/lessons/last-minute-clean-up-part-1
Time: 5:43
Title: 138 - Last Minute Clean Up Part 2
Link: https://vueschool.io/lessons/last-minute-clean-up-part-2
Time: 6:42
Title: 139 - Last Minute Clean Up Part 3
Link: https://vueschool.io/lessons/last-minute-clean-up-part-3
Time: 4:53
Link: https://vueschool.io/lessons/storing-the-current-page-as-a-url-query-variable
Time: 3:07
Title: 113 - Clean Up to Prep for Notifications
Link: https://vueschool.io/lessons/clean-up-to-prep-for-notifications
Time: 5:41
Title: 114 - A Composable for Storing and Interacting with Notifications
Link: https://vueschool.io/lessons/a-composable-for-storing-and-interacting-with-notifications
Time: 10:48
Title: 115 - Implementing Notifications on Thread Page Part 1
Link: https://vueschool.io/lessons/implementing-notifications-on-thread-page-part-1
Time: 9:15
Title: 116 - Implementing the Notifications on Thread Page Part 2
Link: https://vueschool.io/lessons/implementing-the-notifications-on-thread-page-part-2
Time: 3:39
Title: 117 - Extending Notifications with Options
Link: https://vueschool.io/lessons/extending-notifications-with-options
Time: 3:04
Title: 118 - Using the Transition Group Component
Link: https://vueschool.io/lessons/using-the-transition-group-component
Time: 1:50
Title: 119 - Uploading Avatars to Firebase Storage During Registration
Link: https://vueschool.io/lessons/uploading-avatars-to-firebase-storage-during-registration
Time: 8:07
Title: 120 - Securing Files with Firebase Storage Rules
Link: https://vueschool.io/lessons/securing-files-with-firebase-storage-rules
Time: 1:57
Title: 121 - Editing the User Avatar on the Profile Page
Link: https://vueschool.io/lessons/editing-the-user-avatar-on-the-profile-page
Time: 5:17
Title: 122 - Improving the Avatar Editing User Experience
Link: https://vueschool.io/lessons/improving-the-avatar-editing-user-experience
Time: 6:53
Title: 123 - Handling Errors With Image Uploads
Link: https://vueschool.io/lessons/handing-errors-with-image-uploads
Time: 4:58
Title: 124 - Providing an Avatar Placeholder for Users with no Avatar
Link: https://vueschool.io/lessons/providing-an-avatar-placeholder-for-users-with-no-avatar
Time: 4:38
Title: 125 - Use the Pixabay REST API to Enable Random Profile Pictures
Link: https://vueschool.io/lessons/use-the-pixabay-rest-api-to-enable-random-profile-pictures
Time: 9:52
Title: 126 - Storing Images to Firebase Storage from a Web URL
Link: https://vueschool.io/lessons/storing-images-to-firebase-storage-from-a-web-url
Time: 3:30
Title: 127 - Introduction to VeeValidate
Link: https://vueschool.io/lessons/introduction-to-veevalidate
Time: 4:43
Title: 128 - Displaying Error Messages with VeeValidate
Link: https://vueschool.io/lessons/displaying-error-messages-with-veevalidate
Time: 3:18
Title: 129 - Defining Global Components and Rules
Link: https://vueschool.io/lessons/defining-global-components-and-rules
Time: 6:05
Title: 130 - Using Multiple Rules on a Single Field
Link: https://vueschool.io/lessons/using-multiple-rules-on-a-single-field
Time: 1:48
Title: 131 - Passing Arguments to VeeValidate Rules
Link: https://vueschool.io/lessons/passing-arguments-to-veevalidate-rules
Time: 2:07
Title: 132 - Customizing VeeValidate Error Messages
Link: https://vueschool.io/lessons/customizing-veevalidate-error-messages
Time: 4:54
Title: 133 - Defining Async Rules with VeeValidate
Link: https://vueschool.io/lessons/defining-async-rules-with-veevalidate
Time: 6:24
Title: 134 - Wrapping VeeValidate Field with Custom AppFormField
Link: https://vueschool.io/lessons/wrapping-veevalidate-field-with-custom-appformfield
Time: 6:00
Title: 135 - Adding Validation to all the Forms
Link: https://vueschool.io/lessons/adding-validation-to-all-the-forms
Time: 6:04
Title: 136 - Creating a Simple Autocomplete Location Field
Link: https://vueschool.io/lessons/creating-a-simple-autocomplete-location-field
Time: 6:55
Title: 137 - Last Minute Clean Up Part 1
Link: https://vueschool.io/lessons/last-minute-clean-up-part-1
Time: 5:43
Title: 138 - Last Minute Clean Up Part 2
Link: https://vueschool.io/lessons/last-minute-clean-up-part-2
Time: 6:42
Title: 139 - Last Minute Clean Up Part 3
Link: https://vueschool.io/lessons/last-minute-clean-up-part-3
Time: 4:53
Vue School
Storing the Current Page as a URL Query Variable - A Vue.js Lesson...
In this lesson, we make a page of threads in a forum directly accessible by providing a page variable in the query string. With Vue Router 4 we can accomplish this with just a few lines of code.
Title: 140 - Updating the User Email Address
Link: https://vueschool.io/lessons/updating-the-user-email-address
Time: 10:07
Title: 141 - Updating the User Email Address Part 2
Link: https://vueschool.io/lessons/updating-the-user-email-address-part-2
Time: 5:05
Title: 142 - Deploying to Netlify
Link: https://vueschool.io/lessons/deploying-to-netlify
Time: 3:44
Title: 143 - CI/CD with Netlify
Link: https://vueschool.io/lessons/ci-cd-with-netlify
Time: 3:06
Title: 144 - Analyzing Bundle Size and Code Splitting Routes
Link: https://vueschool.io/lessons/analyzing-bundle-size-and-code-splitting-routes
Time: 8:03
Title: 145 - Meta for SEO with Netlify PreRendering
Link: https://vueschool.io/lessons/meta-for-seo-with-netlify-prerendering
Time: 8:34
Title: 146 - Course Conclusion
Link: https://vueschool.io/lessons/course-conclusion
Time: 0:49
Link: https://vueschool.io/lessons/updating-the-user-email-address
Time: 10:07
Title: 141 - Updating the User Email Address Part 2
Link: https://vueschool.io/lessons/updating-the-user-email-address-part-2
Time: 5:05
Title: 142 - Deploying to Netlify
Link: https://vueschool.io/lessons/deploying-to-netlify
Time: 3:44
Title: 143 - CI/CD with Netlify
Link: https://vueschool.io/lessons/ci-cd-with-netlify
Time: 3:06
Title: 144 - Analyzing Bundle Size and Code Splitting Routes
Link: https://vueschool.io/lessons/analyzing-bundle-size-and-code-splitting-routes
Time: 8:03
Title: 145 - Meta for SEO with Netlify PreRendering
Link: https://vueschool.io/lessons/meta-for-seo-with-netlify-prerendering
Time: 8:34
Title: 146 - Course Conclusion
Link: https://vueschool.io/lessons/course-conclusion
Time: 0:49
Vue School
Updating the User Email Address - A Vue.js Lesson From our Vue.js...
In this lesson, we update the UserProfileCardEditor to actually update the users email address in the Firebase auth service as well as in the firestore. In order to update critical user...