Vue.JS - Zero to hero
Learn Vue.js here at Vue Hero. We give you free courses and lessons that will help you to master the best JavaScript framework out there. Start today and learn everything there is to know about Vue.js!
Get started for freeOur courses
Our courses will cover everything from installation to deployment. We have a getting started course and a real world project.
Getting started with Vue.js
In this introduction course to Vue.js we will teach you the basics you need to know to get started. We cover the basics of setting up the project and getting started with the key concepts of Vue.js.
Start courseBuild a YouTube bookmarking site
In this course we will build a site where you can save links and categorize all of your favorite YouTube videos. We're going to cover things like Vue CLI 3, Vuex and how to connect to Firebase.
Start courseOur lessons
Our lessons are short articles about a specific subject. Here we go into depth on different parts around Vue.js.
How to use Vue.js and Bulma together
In this lesson I'm going through how to create a project and install Bulma using NPM. I'll also show how to import Bulma in two different ways and how to customize Bulma's variables.
Take lessonHow to authenticate users with Vue.js and Firebase?
In this lesson I'm going through how to set up a project using Vue CLI 3. After the project is set up, I'm showing how to authenticate users using Firebase.
Take lessonIntroduction to Vue Props
In this lesson I show you the basics of Vue.js Props. I'm showing how to pass strings and objects, how to add default values and how to set values as required.
Take lessonHow to use a Vue.js watcher?
Sometimes you want to perform an action when a value has changed. A Vue.js watcher is the thing you need in that case.
Take lessonHow to communicate between Vue.js components?
When you're building a Vue.js app you often need to communicate between your components. In this lesson we are going over how we can pass data from a parent component to a child and back again.
Take lessonUnderstanding how to use Slots
Slots is an important part of Vue. They make it possible to compose your components in a semantic way and the parent component can easily controll what's inside.
Take lessonExternal lessons
There are tons of good external lessons too. Here we'll list out a few of the to help you learn even more Vue.js.
Building a todo app using Vue.js and Django
Building a todo app is a trivial thing to do when you know a language, but it's also a great way to learn many of the key concepts of programming.
Take lessonMeet the teacher
Stein Ove Helset
I'm a 30 years old programmer from Norway. I've been programming for as long as I remember and I want to help other people to become programmers. I'm a self taught programmer so I feel I've got a lot of good tips and tricks to help you get started.