Vue.js Training in Hyderabad

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

• 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

• 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

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

Key modifiers

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

• 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

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

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

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

Lifecycle hooks

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

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

• Introduction
• Local filters
• Global filters
• Chaining filters

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

• 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

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

• Using Mutations
• Using Actions
• Mapping Actions to Methods

• Introduction
• Setup and tooling
• Testing components