Vue JS 2: From Beginner to Professional (includes Vuex)

803 reviews
Learning paid
Certification free
15.5 hours course
About the course

Vue JS 2 has quickly become incredibly popular, both due to how powerful the JavaScript framework is, but also how easy it is to learn. Vue is much easier to learn than other JavaScript frameworks such as Angular and React, meaning that you can start building your first Vue application in no time!

In this course, you will learn how to build reactive web applications at any scale with Vue. You will learn the theory that you need to know about Vue.js, and we will be building several example applications as we go along, demonstrating the explained concepts in practice. The course lectures include examples when going through new material, followed by exercises that you can optionally choose to solve - and we walk through the solutions together.

Whether or not you have prior experience with VueJS, this course is an easy way for you to learn the framework! Perhaps you have struggled with large and complex frameworks such as Angular? Don't worry, Vue.js is much easier to learn! Getting up and running fast is at the heart of Vue, so no more long hours of configuration just to show "Hello World!" Or perhaps you have no experience with reactive JavaScript frameworks and come straight from using jQuery? No problem! Vue.js is an excellent choice for your first framework, and is one of the easiest one to start out with.

Despite the fact that Vue JS is easy to learn, it is an incredibly powerful framework that can be used to build large web applications as well as small ones. Unlike many other frameworks, Vue.js does not try to take control of your application, and allows you to let the framework control only parts of your application - something that is perfect for migrating legacy applications to a more modern framework without doing a complete rewrite at once! Apart from learning how to build single page applications (SPAs), you will also learn how to manage state in large applications with Vuex.

This course starts from scratch with teaching you how to build a "Hello World!" application in Vue.js and moves towards building advanced applications step by step. By the end of this course, you will be able to build complex and large web applications with Vue.

Getting Started
This section introduces Vue.js and shows how to get set up and ready for the next section, where we will go through a lot of examples.
Hello World
Let's see just how easy it is to create our first Vue.js application with the classic "Hello World!" application as an example.
Introduction to Vue.js
Before diving deeper into Vue.js, let's see what the framework is actually all about and why it has become so popular.
Setting up a local development environment (the easy way)
In the beginning of the course, we will be using JSFiddle for going through small examples. This lecture shows you how to set Vue.js up in any text editor or IDE in case you prefer that approach instead.
Course structure
Before getting started with some Vue.js theory and examples, let's just take a moment to talk about the structure of this course first.
Fundamentals of Vue.js
After completing this section, you will understand the basics of Vue.js and will be able to implement small Vue.js applications.
Introduction to this section
Almost ready to get our hands dirty with Vue.js. First, let's just briefly talk about the format of this section of the course.
Working with templates
The first thing you should know is how to output data, and for this, we will be using something called "string interpolation." This is how we can output data properties from within Vue.js templates.
See how you can use methods for adding more complex JavaScript logic and how to use these methods from within templates.
A word about ES6 arrow functions
There are a few gotchas when working with ES6 arrow function in Vue.js. This lecture tells you what to watch out for when coding in Vue.js.
Introduction to directives
This lecture introduces the concept of Vue.js directives by showing you the v-bind directive.
Exercises: String interpolation, methods and directives
It's time to take what we have learned so far and put it into practice by completing a few exercises together.
  • You should have basic knowledge of JavaScript, HTML and CSS
  • Knowledge of ES6 is a plus, but not a requirement
What will you learn?
  • How to build advanced Vue.js applications
  • How to build single page applications (SPA)
  • Understand the theory and how Vue works under the hood
  • How to manage state in large applications with Vuex
  • Communicating with servers with HTTP
  • Use modern tools for developing and building applications (e.g. webpack)
Bo Andersen
Bo Andersen
Lead Developer

My name is Bo Andersen and I am a software engineer from Denmark.

I currently work as the lead developer and partner at a startup company, apart from teaching here at Udemy. I have previously worked at a very successful company, operating one of the largest websites in Denmark, before deciding to teach software engineering. I have worked with programming for a decade and have a bachelor's degree in computer science. I started out learning to code by building websites in PHP, but have since worked with many other technologies such as Elasticsearch, Logstash, Kibana, Beats, Java, Python, Docker, AWS, etc.

I have also been blogging about programming subjects for a number of years, so I encourage you to have a look at my website if you are curious.

Udemy courses are suited to professional development. The platform is organized in such a way that it is experts themselves that decide the topic and when the course will start. All supporting documents are made available to you for lifetime access. On this platform, you can find a course on about any subject, and that is no exaggeration – from a tutorial on how to ride a motorcycle, to managing the financial markets. The language and the course format are established by the teacher. This is why it is important to read the information about the course carefully before parting with any money.
124.99 $