Vue - The Complete Guide (w/ Router, Vuex, Composition API)

Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the best of Angular + React!

What you'll learn

  • Build amazing Vue.js Applications – all the way from small and simple ones up to Large-Enterprise level ones
  • Understand the theory behind Vue.js and use it in Real Projects
  • Leverage Vue.js in both Multi & Single Page Applications (MPAs & SPAs)
  • Learn the latest version of Vue (Vue 3), including the brand new Composition API


  • Basic javascript knowledge is required
  • ES6 knowledge is a plus but not a must
  • Basic HTML and CSS knowledge is asssumed throughout the course


No matter at which metric you look at (Google Trends, Github Stars, Tweets…) –VueJS is the shooting star in the world of Javascript Framework – It simply amazing!

The bestselling courses teaches the latest version of Vue (Vue.js 3) from the ground up and in great detail. We’ll cover all the core basics but we’ll not stop thereafter – this course also dives into advanced concepts like the Composition API introduced with Vue 3.

Frontend frameworks like Vue JS are extremely popular because they give us this reactive, great user experience we know from mobile apps – but now in the browser! No wonder that jobs requiring frontend framework skills like VueJS are amongst the best paid ones in the industry!

You may knoow Angular 2+ and ReactJs, well, VueJS combines the best of both frameworks and makes building anything from small widgets to big, entreprise-level apps a breeze and a whole lot of fun!

And if you don’t know the two mentioned frameworks: That’s fine, too, this course does not expect any knowledge of any other frontend framework – you will learn it all throughout this course!

This course covers covers it all!

We’ll start at the very basics, what Vue.js is and how it works before we move on to more complex and advanced topics but I’ll be honest. It’s too much to fit it all into one sentence, so here’s what you’ll learn in this course.

  • What is VueJS and Why woud you use it?
  • The Basics (including the basic Syntax, Understanding Templates and much more!)
  • How to Output Reactive Data & Listen to Events
  • Interacting with DOM (Rendering Lists, Conditionally attaching/ detaching Elements… )
  • Setting up a Development Environment and Workflow
  • Using Components (and what Components are to begin with)
  • A Deep Dive Look Behind The Scene of Vue
  • Binding to Form Inputs
  • Sending HTTP Requests to Backend APIs
  • Authentication & Vue
  • How to make your App more beautiful with Animations and Transitions
  • How to create an awesome Single-Page-Application (SPA) with Routing
  • How to improve State Management by using Vuex
  • How to Deploy the App


All these topics are taught with real examples and demo projects. This course is full of exercises, challenges and bigger courser projects that allow you to practice what you learned.

Along with many other smaller projects, we will build a couple of bigger main projects.

  • The “Monster Slayer” Game – a game running in the browser, 100% powered by Vue
  • The “Learning Resource Manager” – a web app that allows you to manage your favourite learning resources
  • The “Find a Coach” app – that allows you to sign up / login, register as a coach list and filter available coaches and send messages to coaches.


At the moment, this course includes both my brand new Vue 3 course as well as my old Vue 2 course (the section marked as “Vue2”). The Vue 2 course will removed later this year. 

Is This Course for You?

Now that you know what this course is about, let’s see if this course is for you!\

Here are three types of students who will love this course:

Student #1:

Has some Javascript experience and is interested in what this language can do. You heard and read that Javascript allows you to create nice web applications and enhance existing web pages. VueJS is your choice!

Student #2:

You already have some experience with other frontend frameworks like Angular or ReactJS. But either due to interest or disappointment of the existing frameworks, you seek some alternatives – VueJS might be what you were looking for!

Student #3:

Has experience with backend frameworks/ languages but now also wants to enter the frontend world. VueJS is an awesome choice here, it’s fun, it uses native JS and it’s extremely powerful!

Bonus: Student #4

It disappointed by Angular. Does a good framework need 2 hours of setup? No, certainly not – as VueJS will prove to this student! 

Who this course is for

  • This course is everyone interested in Frontend Development and Major Javascript Frameworks
  • This course is for you if you want to create reactive applications, which run in the browser
  • This course also targets students who prefer a native Javascript Framework which makes getting started much simpler than Angular 2
  • Displeased with Angular 2? VueJS is for you!

Course Content

Course Meta Data

Created By Maximilian Schwarzmuller || Last Updated 12/2020 || Resource

Vue The Complete Guide