An Introduction to Vuejs
Download as ODP, PDF6 likes4,935 views
Vue.js is a progressive JavaScript framework designed for building user interfaces, focusing solely on the view layer to be incrementally adoptable. It features reactivity, component encapsulation, and provides easy integrations with various tools and plugins for functionalities such as routing and HTTP requests. The document also offers a course on web development using Vue.js with details on its length, language, and pricing.
An Introduction to Vuejs
- 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