About the Vue Router 4 for Everyone course

In this course, learn how to create powerful Vue 3 Single Page Applications (SPA’s) with the Vue Router.

Single Page Applications are web apps or sites that interact with the user by dynamically rewriting the current page rather than loading entire new pages from the server.

This approach allows us to only fetch the data/section of our page that is needed when a user interacts with our app. By dynamically rewriting smaller chunks of our site, it prevents us from re-downloading already loaded resources such as the images, scripts, CSS, etc.

As a result SPA’s tend to improve the user experience by:

Providing faster load times between page navigations

Behaving more like traditional desktop applications

In this course, you’ll learn everything you need to know about the Vue Router to either create rapid prototypes or ımpressive, full-blown Vue.js SPA’s.

By the end of this course you will master

How to scaffold a new Vue 3 project, including the Vue Router with Vue CLI

How to create routes, including named routes

Learn how to lazy load your routes

Learn how to work with Vue Router Params and pass them as props to components

How to create dynamic and nested routes

Learn how to create impressive route transitions

How to create a 404 page with the Vue Router

Learn what navigation guards are and how to create an authentication middleware for your app

How to work with Vue router in tandem with the Vue Composition API

And much much more.

You need a basic understanding of Vue.js to enjoy this course. We recommend watching Vue.js 3 Fundamentals and Vue.js 3 Components Fundamentals if you’re not already familiar with Vue.js and components.