Save for later

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

No matter at which metric you look at (Google Trends, Github Stars, Tweets ...) - VueJS is the shooting star in the world of JavaScript frameworks - it simply is amazing.

This bestselling course 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 know Angular 2+ and ReactJS, well, VueJS combines the best of both frameworks and makes building anything from small widgets to big, enterprise-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 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 would 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 Scenes 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

  • And much more ...

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 (add, delete, list) your favorite learning resources

  • The "Find a Coach" app - a web 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 (2+) 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

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

Let's dive into VueJS right now.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy.

Get a Reminder

Send to:
Rating 4.7 based on 4,645 ratings
Length 49 total hours
Starts On Demand (Start anytime)
Cost $12
From Udemy
Instructor Maximilian Schwarzmüller
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Send to:

Similar Courses

What people are saying

step by step

It's really important to me to learn things step by step and not to bite too much.

Max explains everything step by step in a great way.

What a good instructor, teaching the concepts step by step in an elegant way, thank you!

Excelente curso YES It goes step by step explaining every detail Немного пугает излишне позитивный настрой автора, но в целом это скорее плюс, чем минус Very detailed explanation.

Step by step explaination with example helps to understand better Love Maxmillian!!!

Straight-forward, step by step, love it so far.

:) I love how he splits everything into bite-sized pieces, explains everything step by step in a steady pace so that I can follow along easily, and shows you different methods of doing things while giving his own recommendations.

Read more

muito bom

It's very, very good :) Curso muito bom, extremamente completo e detalhado, a legenda em pt funciona perfeitamente!

Great course, very clear, instructor speaks slowly and clearly Muito bom!

Looking forward to learning Vue with Max as well for the start of the course it seems really informative O curso é muito bom, pena que não falo inglês, por isso fico depende da legenda Max is a great instructor and explains Vue well.

Professor muito bom!

Por enquanto o curso é muito bom Nice and clear explanation This course really answered all the questions I had about Vue.js and walked me through, step-by-step until I felt comfortable on my own.

Também possui um ritmo muito bom para acompanhar, o que faz com que o aprendizado aconteça de forma bastante natural.

Muito Bom !!

Read more

bite size

Very thorough, nice bite sizes chunks separated by practice exercises.

Very good explanations and bite size examples.

Extremely easy explanations and broke into bite sizes, so that I can go back later very quickly.

Great well structured course, Max presents it well and all the videos are bite size making it easy to refer back to.

Max is the best Nice bite sized lectures that don't overwhelm you.

I love the fact that the videos are bite size and after a few videos, he ties everything up into an assignment.

The course is very easy to follow, with each topic presented neatly in bite size chunks.

Read more

youtube channel

I believe the one on your YouTube channel regarding Meetup app is a good example.

The instructor Youtube Channel is awesome, the way he talk is clean and objective, even without a good english I can understand pretty well.

I've been following max on the youtube channel, and I love the way he teaches.

I believe (it's vague in my memory) I came across a link to Max's YouTube channel in their user forum.

— Note: Max provides a discount link from his YouTube channel to Udemy, you can get the course for $15 by his link.... as of 4 days ago (4/25/17) Udemy was running a special of $10 a course.

Before purchasing, I'd recommend checking out his YouTube channel in order to see if his learning style suits you.

It's a really good course Instrutor explica tudo de forma muita clara e detalhada, ótimo curso A good course, the teacher is available to explain even with my knowledge of English)) It has long been signed for YouTube channel, from it I personally learned that there is a detailed course on Vue Al always Max explain very clear and adding the code assignments make this course more practical and dynamic.

Read more

top notch

For the rest, top notch!

Top notch course, top notch explanations!

Top notch.

Really a top notch course.

Max is very thorough in his explanations and his courses are top notch.

The explanation and materials of this course are top notch, Maximilian is an brilliant teacher and on point with the explanations.

In terms of content, instructor engagement, and production quality, I feel this course is top notch.

Read more

behind the scenes

He takes great care to show how it works "behind the scenes" in addition to showing how use it to build applications.

This course provides insight into how the framework functions behind the scenes which gives developers working in special situations the ability to make things work.

Goes over everything in detail including what's going on behind the scenes - something that I've missed in other courses.

The teacher is very engaging and clear, he starts from scratch and covers everything you need to know, including how Vue works behind the scenes.

The teacher show a lot of details behind the scenes and is really didactic.

Insight into what Vue is doing behind the scenes early and often It's very clear and straightforward.

Read more


An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Frontend Engineer - San Diego - Local Digital Media $53k

EmberJS Frontend Engineer $58k

Frontend Developer $76k

Frontend Developer / Designer $79k

Frontend Web Designer $80k

Frontend Engineer in Palo alto, CA $81k

Senior Frontend Developer / Designer $84k

Senior UI/Frontend Developer $106k

Frontend Engineer 2 $153k

Senior Software Engineer, Frontend $175k

Frontend Tech Mobile Product Manager $190k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.7 based on 4,645 ratings
Length 49 total hours
Starts On Demand (Start anytime)
Cost $12
From Udemy
Instructor Maximilian Schwarzmüller
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now