ViewTube

Vue.js is a progressive front-end JavaScript framework designed to allow you to add dynamic capabilities to your web pages. The addition of a script tag allows you to utilize the functionality in existing applications, or you can build completely from scratch using the framework. It's designed to grow with you and allow you to quickly create rich pages.
 
In this series we'll explore how to get started with Vue.js. We'll see how to add Vue.js to a page and use JavaScript and HTML to add dynamic functionality. You'll see how you can bind data to forms and events, allowing your pages to respond to user input. And we'll see how the command-line interface can allow you to bootstrap an application, and break things down into reusable components.

Sample code: https://github.com/microsoft/vue-begi... 
Learn Path: https://aka.ms/CreateWebsitesWithVue
Node: https://nodejs.org/ 
NPM: https://www.npmjs.com/ 
Vue CLI: https://cli.vuejs.org/

Microsoft Developer

3:08

Getting started with Vue [1 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

7:59

Creating a Vue application [2 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

3:52

Binding data to attributes in Vue [3 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

4:04

Setting style dynamically with Vue [4 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

5:16

Adding Boolean logic to a Vue page [5 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

4:41

Looping through data in a Vue page [6 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

8:14

Managing events in Vue [7 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

6:33

Accepting input from the user with Vue [8 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

8:07

Managing forms with Vue [9 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

9:10

Validating forms in Vue [10 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

4:15

Vue computed values [11 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

3:41

Introduction to components and the Vue CLI [12 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

3:09

Exploring the Vue starter project [13 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

3:21

Creating your first Vue single file component [14 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

4:03

Creating child Vue components [15 of 16] | Beginner's Series to: Vue.js

Microsoft Developer

4:05

Adding events to child Vue components [16 of 16] | Beginner's Series to: Vue.js