Fundamentals of Vue JS

Fundamentals of Vue JS

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2 Hours | 323 MB

Learn the core concepts of Vue.js while creating an app

Vue.js is a front-end JavaScript framework that is easy to learn if you already know HTML and CSS. Vue is a lightning fast framework that lets you build web apps in a simple way.

This course will quickly get you started with Vue.js where you’ll learn the basics of the Vue framework. You’ll learn about core concepts such as components, simple and advanced data binding techniques along with how to manage CSS related attributes dynamically and handle user input and events.

After we’ve covered the basics, we’ll take a deep dive into its component system, which can help you create modular, reusable code, and shows how to use the vue-router plugin to set up a single-page application with client-side routing.

By the end of this course, you’ll be able to start building fast-running apps with Vue.js.

What Will I Learn?

  • Learn the core concepts of Vue
  • Learn to create a Vue app
  • Binding to the style attribute and class attribute
  • Registering and using Vue components
  • Much more!
Table of Contents

Introduction
1 Welcome
2 Introduction
3 Course files

Learning Vue
4 Vue overview
5 Setting up Vue
6 Data binding
7 Two-way data binding with the v-model
8 Applying control logic
9 Event handling
10 Binding to the style and class attribute

Vue Features
11 How proxy properties work
12 Computed properties
13 Adding watchers
14 Using lifecycle hooks

Vue Components
15 Registering and using components
16 Using component props
17 Composing and swapping components
18 Managing content with slots
19 Handling events with components

Advanced Vue Applications
20 Installing vue-cli and webpack
21 Understanding the Vue app skeleton
22 Single-file components
23 Installing and configuring the vue-router
24 Building an SPA with multiple routes and navigation

Wrap Up
25 Final words