Learning Vue.js 2.0

Learning Vue.js 2.0

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 1h 46m | 550 MB

Build amazing and complex reactive web applications with Vue.js

Vue.js is one of the latest JavaScript frameworks and has attracted the interest of web developers as it can be used to build complex single-page applications.

This video course shows developers how to build high-performing, reactive web interfaces with Vue.js. It starts from scratch, teaching you how to build a “Hello World!” application in Vue.js and moves towards building advanced applications step by step. You’ll earn the concepts that you need to know about Vue.js. You’ll build an application as you go, putting the concepts we’ve explained into practice. Several modern tools such as Webpack, vue-cli, hot reloading, and vue devtools will be used to develop modern web applications, focusing on the view layer to provide the most performant experience for users. Also you will use the vue-cli-based Webpack template and look at how we can build on top of that starter kit.

By the end of this course, you will be able to build complex and large web applications with Vue.js and will also understand how to make single-file-based reusable components which can be used across projects.

This step-by-step guide shows you how to build complete web apps with Vue.js. It starts from scratch, teaching you how to build a “Hello World!” application in Vue.js and moves toward building advanced applications.

What You Will Learn

  • Explore how Vue.js compares to other major JavaScript frameworks and when to use it
  • Build a fully functioning reactive web application (SPA) in Vue js from scratch
  • Use modern development tools such as Webpack, vue-cli, hot reloading, and the vue devtools to develop modern web applications
  • Fundamentals of developing web applications with Vue.js
  • Learn about templates, components, and methods and acquire the skills you need to create your first Vue.js application
  • Create scaffolds from Vue.js projects, including third-party packages
  • Use tools to speed up development and utilize the latest JavaScript language developments
  • Master features such as state management and routing with Vue.j
Table of Contents

Setting Up Your Environment
1 The Course Overview
2 What Is Vue.js
3 Getting Started with Vue.js
4 Using Vue.js to Create a “Hello, World!” Application
5 Creating a Vue.js Project with npm and the Vue.js CLI

Fundamentals of Developing Web Applications with Vue.js
6 In-Depth Explanation of the Vue Instance
7 The Vue Instance Lifecycle
8 What Is a Component and How Are They Used in Vue.js
9 Component Deep-Dive
10 Basic Template Interpolation
11 Directives in Vue.js Templates
12 Working with Forms

Using Modern Web Development Tools with Vue.js
13 Explaining the .vue File Template
14 Hot Reloading of Your App with Webpack
15 Using Vue-Devtools to Make Debugging Easier
16 Unit Testing a Vue.js Application

Building Complex Web Applications with Vue.js
17 Routing with the Vue Router Library
18 Introduction to State Management with a Simple Source of Truth and Vuex
19 Using Vuex to Manage State in a Vue.js App
20 Reusing Logic and Data within an App with Mixins
21 Reusing Logic and Data Across Multiple Apps with Plugins