Vue.js Training in Melbourne

Syllabus of Vue.js Online Training in Melbourne

• 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