Web training

Duration 3 days Get a quote

What is Vue.js

  • Basics Concepts
  • Comparison with other solutions

The Vue instance

  • Mount a DOM element
  • Data properties
  • Lifecycle hooks

Components

  • Template
  • Data
  • Props
  • Methods
  • Computed properties
  • Mixins
  • Slots
  • Render functions
  • JSX

Directives

  • Conditional Rendering
  • List Rendering
  • Class and Style bindings
  • Event Handling
  • Shorthand
  • Form Input bindings
  • Custom directive

Filters

  • Use a filter
  • Write a filter

Routing

  • Basic Routing
  • Dynamic Route Matching
  • Named routes and views
  • Redirect
  • Alias

Data Fetching

  • Fetch Data
  • Post Data

Vue-CLI

  • Bundler
  • Single file components
  • Custom Vue-CLI template
  • File template

Plugins

  • Use a plugin
  • Write a plugin

Typescript

  • Declare component
  • Pass props
  • Component method
  • Computed Properties
  • Watchers

Vuex

  • State management
  • Getters
  • Mutations
  • Actions
  • Modules

Tests

  • Test runner
  • Test framework
  • Vue testing tools
  • End to end

Server-Side Rendering

  • Use Express.js
  • Use a template page
  • Use Nuxt