----
Title: Vue Router for Everyone
Link: https://vueschool.io/courses/vue-router-for-everyone
Description: Learn how to build powerful Single Page Applications in Vue with the Vue Router.
Difficulty: #INTERMEDIATE
Type: #FREE
Lessons: 17
Tags: #vueschool
----

Title: 1 - Vue Router Course and Resource overview
Link: https://vueschool.io/lessons/vue-router-course-and-resource-overview
Time: 3:21

Title: 2 - Create a new project with Vue Router using the Vue CLI UI
Link: https://vueschool.io/lessons/create-a-new-project-with-vue-router-using-the-vue-cli-ui
Time: 2:51

Title: 3 - Understanding how Vue Router is setup
Link: https://vueschool.io/lessons/understanding-how-vue-router-is-setup
Time: 5:00

Title: 4 - Creating Routes
Link: https://vueschool.io/lessons/vuejs-router-creating-routes
Time: 6:54

Title: 5 - How to lazy load routes with Vue Router
Link: https://vueschool.io/lessons/how-to-lazy-load-routes-with-vue-router
Time: 4:59

Title: 6 - Vue Router Active Class
Link: https://vueschool.io/lessons/vue-router-active-class
Time: 3:19

Title: 7 - Vue Router Named Routes and Params
Link: https://vueschool.io/lessons/vue-router-named-routes-and-params
Time: 3:46

Title: 8 - Vue Router Dynamic Routes
Link: https://vueschool.io/lessons/vue-router-dynamic-routes
Time: 3:55

Title: 9 - How to rerender components when vue router params changes
Link: https://vueschool.io/lessons/how-to-rerender-components-when-vue-router-params-changes
Time: 4:29

Title: 10 - How to pass Vue Router params as props to components
Link: https://vueschool.io/lessons/how-to-pass-vue-router-params-as-props-to-components
Time: 3:52

Title: 11 - Vue Router Nested Routes
Link: https://vueschool.io/lessons/vue-router-nested-routes
Time: 7:33

Title: 12 - Creating a Go-Back button
Link: https://vueschool.io/lessons/creating-a-go-back-button
Time: 1:57

Title: 13 - How to create route transitions with Vue Router
Link: https://vueschool.io/lessons/how-to-create-route-transitions-with-vue-router
Time: 3:28

Title: 14 - How to create a 404 Not Found route and page with Vue Router
Link: https://vueschool.io/lessons/how-to-create-a-404-not-found-route-and-page-with-vue-router
Time: 4:59

Title: 15 - How to control the scroll behavior of Vue Router
Link: https://vueschool.io/lessons/how-to-control-the-scroll-behavior-of-vue-router
Time: 5:10

Title: 16 - How to configure an authentication middleware (route guard) with Vue Router
Link: https://vueschool.io/lessons/how-to-configure-an-authentication-middleware-route-guard-with-vue-router
Time: 9:19

Title: 17 - Vue Router Query Parameters
Link: https://vueschool.io/lessons/vue-router-query-parameters
Time: 4:30

----
Title: Vue.js 3 Components Fundamentals
Link: https://vueschool.io/courses/vue-js-3-components-fundamentals
Description: Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course.
Difficulty: #BEGINNER
Type: #FREE
Lessons: 11
Tags: #vueschool
----

Title: 1 - Intro to Vue 3 Components
Link: https://vueschool.io/lessons/vue-3-intro-to-components
Time: 3:40

Title: 2 - Vue Component Template
Link: https://vueschool.io/lessons/vue-3-component-template
Time: 2:16

Title: 3 - Reusable Components with Props
Link: https://vueschool.io/lessons/vue-3-reusable-components-with-props
Time: 10:48

Title: 4 - Nested Components In Vue
Link: https://vueschool.io/lessons/vue-3-nested-components-in-vue
Time: 2:48

Title: 5 - Global vs Local Vue Components
Link: https://vueschool.io/lessons/vue-3-global-vs-local-vue-components
Time: 4:42

Title: 6 - Communication Between Vue Components with Custom Events
Link: https://vueschool.io/lessons/vue-3-communication-between-vue-components-with-custom-events
Time: 9:47

Title: 7 - Component Naming Best Practices In Vue
Link: https://vueschool.io/lessons/vue-3-component-naming-best-practices-in-vue
Time: 9:04

Title: 8 - Vue Component Lifecycle Hooks
Link: https://vueschool.io/lessons/vue-3-component-lifecycle-hooks
Time: 3:11

Title: 9 - Vue Component Slots
Link: https://vueschool.io/lessons/vue-3-component-slots
Time: 10:19

Title: 10 - Build a Github User Profile Vue Component
Link: https://vueschool.io/lessons/vue-3-build-a-github-user-profile-vue-component
Time: 9:56

Title: 11 - Build a Notification Vue Component
Link: https://vueschool.io/lessons/vue-3-build-a-notification-vue-component
Time: 8:06