Vue.js Fundamentals

New Lessons Added Weekly!

[ 1 ] Setting Up Environment

Learn how to setup your development environment for use with Vue.js. In this lesson you will go through the steps of creating your HTML and JavaScript files, importing Vue.js, and syncing them together.

Get Started
[ 2 ] Declarative Rendering

Learning a new JavaScript library or framework can be a daunting task, especially if it's your first one. In this lesson you will render the tried and true "Hello World" text onto the browser using pure Vue.js code to get a foundation for what the framework can do.

Get Started
[ 3 ] Directives

Now that you have a better idea on what Vue.js can do, you are ready to learn about directives. The Vue.js attributes that give the framework its interactivity.

Get Started
[ 4 ] Handling User Input

A JavaScript library is only as good as its ability to handle user input. In this lesson you will learn how Vue.js handles user input and two-way binding.

Get Started
[ 5 ] Vue Instance

It's finally time to learn more about one of the core building blocks of Vue.js, the Vue Instance. In this lesson you will learn more about what makes it tick and some new parameters that it accepts.

Get Started
[ 6 ] Components

Components are what make Vue.js such a powerful framework. In this lesson you will learn how to construct your own and the advances features that they allow.

Get Started
[ 7 ] Sample Application

It's now time to use all that you have learned and create your own Vue.js application! In this lesson you will create a simple todo list application that will help you keep track of your tasks.

Get Started