Module 1 of 10

Introduction to Vue

Lessons

About This Module

Before writing any code, it helps to know what you are learning and why. This module introduces Vue, a JavaScript framework for building user interfaces, and explains what makes it different from writing plain JavaScript by hand.

You will see what progressive framework means, how a Vue app is built from components, and how reactive data keeps the page in sync. The lessons also show where Vue fits among other front-end frameworks, so you know what to expect from the rest of the course.

Watch the lessons in order, then continue on to Installation & Setup.

Lessons

4 videos
01

Vue.js Explained in 100 Seconds

Fireship's fast overview of what Vue is, followed by a first reactive UI component.

02

Vue 3 Tutorial for Beginners: Introduction

The Net Ninja introduces Vue and the new features Vue 3 brings, ahead of the hands-on lessons.

03

What Is Vue.js?

The "What is Vue.js?" section of freeCodeCamp's Vue 3 course for beginners, covering what the framework is for and why developers use it.

04

Vue Crash Course: Intro & Slides

Brad Traversy opens his Vue crash course with a slide introduction to Vue before moving on to the first mini project.