Web training

Duration 3 days Get a quote
On-site icon On-site
Remote icon Remote
Certifying icon Program

What is Vue.js

  • Basics Concepts
  • Comparison with other solutions

The Application instance

  • Create an App instance
  • Mount a DOM element
  • Data properties
  • Lifecycle hooks

Components

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

Vue-CLI

  • Bundler
  • Single File Components
  • Custom Vue-CLI template
  • Plugins
  • Presets

Directives

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

Reactivity

  • Vue 3 and reactivity introduction
  • Reactivity API
  • The setup method
  • Composition API
  • Lifecycle hooks

Routing

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

Data Fetching

  • Fetch Data
  • Post Data

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