1. An Introduction to Vue js

2. What is Vue.js?
Vue.js is a progressive JavaScript framework for building user
interfaces
Vue focuses on the “view layer” only
It was designed from the ground up to be incrementally adoptable
and to be able to easily integrate with other projects &
technologies

3. Ways to Install & Use Vue.js
§ Standalone – Include <script> with the CDN and you are good to go
§ NPM – Node package manager. Great with Browserify or Webpack
§ Vue-CLI – Command line tool uses Webpack
§ Bower – Client side package manager

4. Core Features of Vue.js
ü Reactivity
ü Declarative Rendering
ü Data Binding
ü Directives
ü Loops & Conditionals
ü Component Encapsulation
ü Event Handling
ü Computed Properties &
Watchers
ü Transitioning Effects
ü Custom Filters

5. Declarative Rendering
Vue allows us to declaratively render data to the DOM using a
simple template syntax

6. Components
§ Components allow us to build large-scale applications
composed of small encapsulated components
§ Components can be reusable
§ Components can be included in a single file or can be
modularized into their own .vue files

7. Directives
§ Special token/attribute that tells Vue.js to do something to a
DOM element
§ Looks like a prefixed HTML attribute

8. Transition System
§ Auto transition effects can be applied when elements are
added/removed from the DOM
§ Automatically add/remove CSS classes at appropriate times to
trigger CSS transitions or animations

9. Communicating With The Server
§ All Vue instances can have their raw $data directly
serialized with JSON.stringify() with no additional effort
§ There is a vue-resource plugin which provides an easy
way to work with RESTful APIs

10. Existing Plugins & Tools
ü vue-router – Official router deeply integrated with Vue.js core
ü vue-resource – Handle web requests
ü vue-async-data – Async data loading
ü vue-validator – Form validation plugin
ü vue-devtools – Chrome devtools extension
ü vue-touch – Touch gestures using Hammer.js
ü vue-element – Register custom elements

11. Learn Web Development Using VueJS - Eduonix
● Lectures: 31
● Video: 3.5 hours
● Languages: English
● Includes: 30 day money
back guarantee! Lifetime
Access. No Limits!
Certificate of Completion

12. To Get this Course at $15 Use Coupon Code : Promo15
Connect with us on Social Platforms
Reference Link
https://goo.gl/qW1Sj7

13. Thank You