Learn Vue as you build real projects, dive into its core features, and create dynamic, reusable, and reactive apps with ease.

✏️ Study this course interactively on Scrimba: 
https://scrimba.com/learn-vue-c0jrrpaasr?utm_source=youtube&utm_medium=video&utm_campaign=fcc-learn-vue 

Code is available on the Scrimba course page for each lesson.

Vue.js is a progressive JavaScript framework for building user interfaces and single-page applications. Loved for its simplicity, flexibility, and performance, it allows developers to start small and scale up to complex applications with ease. Whether you’re creating quick prototypes or production-ready projects, Vue’s approachable syntax and strong community make it an excellent tool to have in your toolkit.

Scrimba on YouTube: https://www.youtube.com/c/Scrimba

⭐️ Contents ⭐️
0:00:00 Welcome to Learn Vue!
0:03:49 Vue.js - What and Why?
0:06:28 Your First Vue App
0:11:31 Your First Solo Vue App v2
0:16:30 Installing Vue Locally
0:19:48 Using create vue
0:21:22 Vue Project Anatomy
0:25:53 Section 1 Recap
0:27:14 Welcome to Section 2
0:28:50 Vue Component Basics
0:33:57 The Concern of a Separation of Concerns
0:35:38 Layout Components
0:43:31 The @ Alias
0:46:06 Vue Components Challenge Part 1
0:50:43 Vue Components Challenge Part 2
0:56:38 PROJECT - Vue Components
1:00:19 Vue Reactivity Basics
1:04:29 Template Syntax - Text Interpolation
1:08:56 Template Syntax - Attribute Binding
1:13:14 v-bind - Booleans Attributes and Shorthands
1:17:26 PROJECT - Reactivity and Template Syntax
1:23:31 Images and Assets in Vue
1:29:38 Images and Assets Challenge
1:33:41 PROJECT - Vue Images
1:37:08 Section 2 Recap

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

A comprehensive beginner-friendly Vue.js course that teaches fundamental concepts through six hands-on projects. Starting with basic setup using CDN and progressing to local installation with create-vue, learners build applications including a recipe book, animal shelter listing, gratitude journal, Pokédex, and word-guessing game. The course covers single-file components, reactivity system, template syntax, component architecture, and project structure while emphasizing practical application through guided challenges.

Learn Vue.js – Tutorial for Beginners