Save for later

Vue.js Essentials - 3 Course Bundle

If you're looking to learn and master Vue.js with an expert instructor, look no further than Vue.js Essentials.

In this series of three courses, you'll build three real-world Vue.js apps that take you from the very basics of Vue to the cutting edge.

With over 6000 past students, this course bundle includes 10 hours of high-quality video with English closed captions.

Keep reading to see what's included...

Course 1: Build Your First Vue.js App

This first course is an introduction for those who've never used Vue.js or who need to brush up on the basics.

We'll cover key Vue concepts such as:

  • Installing Vue

  • Adding Vue to a web page

  • Template syntax (interpolations and directives)

  • Lifecycle hooks

  • Transitions

And more.

The best way to learn is by doing, so we'll put this theory into practice and build a simple but powerful eCommerce user interface complete with products and a shopping cart called Vue.js Poster Shop.

Course 2: Build A Vue.js Single-Page App with Vue Router

Now that you know the basics of Vue, you're ready to learn Vue's most powerful features.

By the end of this second course, you'll be able to build a high-performing, feature-rich Vue.js app using the single-page application (SPA) architecture.

Topics covered in this course include:

  • Components

  • Vue Router

  • Slots

  • Single-file components

  • Custom plugins and directives

  • Webpack configuration for Vue.js projects

And more.

Together, we'll build a movie session times app called Vue.js Cinema that, unlike the app from the first course, includes multiple pages managed with Vue Router.

Building this app will introduce you to the power and versatility of components-based app design. You'll also learn how to utilize Webpack for an enhanced Vue development experience.

Course 3: Build A Professional Vue App with Vuex & Server-Side Rendering

Are you ready to become a Vue expert?

Now that you're comfortable building Vue.js SPAs, you're ready for Vue's advanced concepts.

In this course, I'll show you the tools and techniques that front-end experts use to build highly optimized, high performing web UI.

Firstly, we'll cover the Vuex state management pattern, which is a special method for storing data in your app that's essential for bigger and more complex sites. We'll then set up server-side rendering (SSR) from scratch. This is where we compile our app on the Node.js server in order to drastically improve page load time.

The case-study project for this course is our most ambitious yet; a Google Calendar clone called Vue.js Cinema that utilizes Vuex, SSR and a host of other optimizations.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy and may earn a commission when you buy through our links.

Get a Reminder

Send to:
Rating 4.4 based on 390 ratings
Length 12.5 total hours
Starts On Demand (Start anytime)
Cost $0
From Udemy
Instructor Anthony Gore
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

so far

Awesome so far.

Overall however the best class I've take so far.

I've enjoyed this course so far - it's well designed, set in a comfortable pace, broken down into small pieces with good continuity, not too hard for junior developers like myself; the tutor explains everything nice and clear.

Great overview so far.

So far his videos don't correspond with the version of websites that he show to use, so I can't use them in first project.

That is why so far I didn't understand anything.

So far, i find that course an excellent material to start on VueJS world.

--- I haven't completed the course --- So far, I like how instructor is progressing on the topics.

Good so far.

So far this is a great, well-thought out course.

I find it pretty perfect honestly, no flaw whatsoever IMO The course is great so far.

I've skipped every section I have encountered so far.

So far the course seems very professional The tutorial explanation and work-through is quite clear nice, easy explanations, and clear course outline with some interesting projects to boot.

So far, so good!

Read more

easy to follow

Very easy to follow along and code side by side for each new learning item.

This was really well put together and easy to follow.

This is a really good step-by-step course which is easy to follow and allows to get into Vue.js coding as quickly as possible.

(vuex, server rendering ....) Fun course as it is easy to follow, gives you some extra tools that can be useful for the future (moment lib, some node js lib as well).

The course is very easy to follow and understand, even for a english as a second language speaker like me.

I find the pacing of the course to be easy to follow along with.

Easy to follow and learn.

It is easy to follow, to understand and each short video covers a tiny, comprehensive feature, just as it should.

The course is great and easy to follow so far.

Clear and concise explanations of the features and easy to follow.

Very easy to follow and understand.

Excellent explanations of how and why to code the app plus the pace is such that it is easy to follow along.

Easy to follow and to understand.

Easy to follow, not too slow like a lot of other courses.

Read more

highly recommend

I highly recommend it.

For experienced dev who wants to ramp up very quick on vue i highly recommend the project 2 (cinema) and project 3 especially for the VueX side of it.

Highly recommended!

Highly recommended.

Overall , I would highly recommend.

Highly Recommended good content, good pace looking forward to more vue js lessons from andrew Waiting for next course from you, :) It was a good tutorial!

highly recommend both this course as well as instructor.

Read more

vue js

After using Angular 1.3 and experimenting with React, I fell in love with Vue JS.

i needed a quick way to ramp up on vue js.

Excellent coverage of Vue js framework, the steady increase in complexity as the course goes on helps you retain information and gain a deep understanding of Vue.

It was great that Anthony provided all of the support code so that I could focus on just learning Vue JS.

Very good course where you can see how vue js works within a project and all works together.

Knowing some vue js basics makes it sometimes easier to follow and it is no disadvantage but it is not necessary at all.

you just show what is needed to get the things done in vue js.

從Vue JS的入門到進階都講解的非常清楚,從未學習過Vue JS的人也很適合上這門課!

Excellent course, very precise and concrete for start in vue js.

understand vue js in depth Great course!

Explains topics very well Very good explication of properties of Vue js and instructor speek.

Read more

recommend this course

I would highly recommend this course to anyone who is interested in learning VueJs and is not familiar with any sort of JavaScript framework and would like to start getting your feet wet, especially if you understand vanilla JavaScript or come from a jQuery background.

I would recommend this course to any Web developer with a good knowledge of Javascript looking the learn the best JS framework for building single page applications.

Anyway, I highly recommend this course.


Thank you and I recommend this course to all who love to learn Vuejs.

I highly recommend this course to anyone who is interested in learning Vue.js.

Read more

real world

[UPDATE] this is my second time through the course due to impending real world tasking at day-job.

But the content and the project are useful and real world examples.

Everything is explained in context of real world apps.

The course seems very good and mostly that part that we will build real world projects, not some fake examples.The course was awesome but a bit more details about server stuffs would be great :) The general format of separate real projects is very nice compared to other courses with arbitrary unrelated examples.

Simple but very useful real world projects.

I really like how it is based off of real world projects.

Perhaps not for a total novice to Vue, since the instructor skips over a lot of the underlying theory, but in conjunction with a beginner course can give an enhanced understanding of Vue and how it can be used in the real world.

Anthony does sometimes go back to change / correct things, but thats exactly what we do in the real world.

Goes through real world projects.

Read more

follow along

SSR section didn't work for me and I spent a few hours trying to rewind and follow along with the app continuing not to work.

Listened at 1.5x speed and could follow along with intermittent pausing This is a great intro to Vue.js with progressively more challenging projects that you code though.

It is very important to note that for the second part of the course you need to understand (in a basic form) ES6 to follow along properly.

Have been able to follow along and code, and even troubleshoot any problems along the way.

Love the short, specific videos -- they just touch on one topic, allowing you to follow along and THINK about what was just shown.

Easy to follow along!

Read more

step by step

step by step.

The course is detailed and step by step guided.

Anthony will go through all vue js elements and you will learn it step by step.

I am rating this before finishing project 1 but so far the videos are very precise and broken at very good points jusque'ici, un tuto step by step compréhensible.

Very articulate and step by step.

Read more

way to learn

Seeing the actual use case is the best way to learn something.

Learning by doing is the best way to learn, in my opinion.

I learned I lot of new stuff and I thinks its doing projects like that is the best way to learn.

Great way to learn Vue.Js!

Read more

more advanced

The beginner can make great basic applications and the more advanced programer can make great applications using all the latest advanced framework features.

If you're looking for more advanced Vue.js 2 features, then look for another course.

(Obviously, more advanced coders may not want that, but this course is billed for more novice students.)

Read more

well explained

Testing Very good and well explained.

Very well explained and nice project to learn about vue!

Overall a good and comprehensive course, well explained.

It's clear and well explained.

Very well explained.

Thanks.. well explained Very slow Really nice!

Read more

server-side rendering

Towards the end (Project 3 - Server-side rendering)+ it was a little over my head, but I think I learnt a bit about SSR & hopefully I could use this in further projects of my own.

It dove into advanced topics such as server-side rendering, vuex, and how to sync an app across tabs!

In my case I've stopped on server-side rendering - I'll create a project or two for myself and then I will definitely come back to this course again.

Hopefully, there will be another course to cover the more advanced topics like server-side rendering, single-page components, and Vuex.

The content on server-side rendering was difficult to follow and was not personally useful.

Read more


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

Business App-Systems Analyst $72k

Design-Build Design Coordinator $73k

App. Developer $82k

IT Build Coordinator $86k

App Admin $86k

Unigraphics Designer for Hybrid Saturn Vue $88k

App DBA $97k

App Technical Designer 3 $100k

Saturn VUE Marketing Launch Manager $107k

App Surgeon $107k

App Technical Designer Lead $115k

App Operations $135k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.4 based on 390 ratings
Length 12.5 total hours
Starts On Demand (Start anytime)
Cost $0
From Udemy
Instructor Anthony Gore
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