Learn Vue.js - Tutorial for Beginners

Beginner video tutorial on the Vue.js framework. Covers what Vue is and why to use it, building a first app in the browser, installing Vue locally and scaffolding a project with create-vue, project anatomy, component basics and layout components, the @ alias, reactivity fundamentals, template syntax including text interpolation and attribute binding with v-bind and boolean shorthands, and working with images and assets. Includes coding challenges and guided project sections for newcomers to Vue who already know basic HTML, CSS and JavaScript.

Syllabus

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