Vue JS was developed by Evan You in the year of 2013 he is a former employee of Google. Vue JS Training is a JavaScript library that focuses on the view model. Vue.js is a JavaScript Framework to build high-performance client-side web applications. Vue is a progressive framework it can be incrementally adopted and easily used in conjunction with other frameworks. The core Vue library is focused only on the view layer, but a wide array of other libraries can be added to power sophisticated single-page applications.

Vue.js is among the world’s most popular language frameworks for applications and interface development. Its relative lightweight platform, ease of understanding, simple integration, and flexibility have given it huge support from developers and organizations such as Alibaba, Xiaomi and others.

Vue.js is a fantastic JavaScript framework that is performant, progressive, and remarkably easy to start using. This is our course on the very basics of Vue.js - The Vue.js Fundamentals.

Course content

Introduction to Vue.js

• What is Vue.js
• Why Vue.js
• Quick tour of Vue-cli
• Hello World with Vue.js
• Anatomy of Hello world vue app

Working with Template & view model

• What is vue.js template
• What is viewmodel / vue instance?
• Template syntax
• Interpolation
• Directive
• Filters
• Shorthands
• Javascript expressions
• Computed properties
• Watchers
• Class and style bindings
• HTML classes
• Inline styles
• Conditional Rendering
• Iterative Rendering

Vue instance revisited

• Basic vue instance usage
• Multiple vue instances
• Vue instance Lifecycle
• Accessing data from outside vue instance
• Data and methods
• More about $el, $data and $refs

Event handling

• Introduction
• Listening to events
• Method Event handlers
• Event modifiers
• Key modifiers

Working with Forms and Two-way binding

• Introduction to two way binding via v-model
• Handling user input with HTML form controls
• Data binding
• .lazy, .number, .trim modifiers
• Submitting a form

Introduction to Components

• What are components?
• Why components
• Hello World component
• Anatomy of a component
• Registering Components Locally and Globally
• Root Component
• Thinking in components
• Composing application as components

Passing data to components

• Props, parent to child communication
• Custom events, child to parent
• Non parent child communication event emitter style using .emit, .on

Content distribution with slots

• Compilation scope
• Single slot
• Named slot
• Scoped slot

Dynamic components

• Switching Multiple Components with Dynamic Components
• Dynamic Component Behavior
• Keeping Dynamic Components Alive
• Lifecycle hooks

Custom Directives

• Introduction
• Directive hook functions
• Developing custom directive
• Passing values and arguments to custom directives
• Directive hook arguments

Mixins

• Introduction
• Creating and using mixins
• Option merging
• Global mixin

Filters revisited

• Introduction
• Local filters
• Global filters
• Chaining filters

Remote communication with Vue.js

• Using vue-resource to working with HTTP
• Fetch data
• Post data to server
• Request Response Interception
• Template URLs

Routing

• Introduction
• Setting up vue-router
• Loading routes
• Routing modes
• Navigation with router links
• Styling active links
• Imperative navigation
• Route Parameters
• Setting up child or nested routes
• Named routes
• Query parameters
• Named router views
• Wildcard routes
• Route guards

State management

• Introduction
• What is need for state management
• What is vuex
• Centralized store
• Understanding Getters
• Using Getters
• Mapping Getters to Properties

Understanding Mutations

• Using Mutations
• Using Actions
• Mapping Actions to Methods

Unit testing

• Introduction
• Setup and tooling
• Testing components

To see the full course content Download now