Course outline for Vue.js

Pre-requisites for learning Vue.js

Lab Setup

  • Hardware Configuration - Participants must have access to a system with the following hardware configuration:
    • 2GB of free RAM, 20GB of free disk space and full network connectivity
  • Software Configuration
    • Ubuntu 20.04/22.04 Desktop Edition (sudo/root access required)
    • Firefox and Chrome browsers


  • 2 – 5 days

Training Mode

Online training for Vue.js

We provide:

  • Instructor led live training
  • Self-paced learning with access to expert coaches
  • 24x7 access to cloud labs with end to end working examples

All jnaapti sessions are 100% hands-on. All our instructors are engineers by heart. Activities are derived from real-life problems faced by our expert faculty. Self-paced hands-on sessions are delivered via Virtual Coach.

Classroom training for Vue.js

Classroom sessions are conducted in client locations in:

  • Bengaluru
  • Chennai
  • Hyderabad
  • Mumbai
  • Delhi/Gurgaon/NCR

Note: Classroom training is for corporate clients only

Detailed Course Outline for Vue.js

Introduction to Vue.js

  • What is Vue.js
  • Getting Started - Installation
  • Vue.js - HelloWorld

Vue.js Fundamentals

  • Loops and Conditionals
  • Working with User Input
  • Understanding Vue Instance
  • Template Syntax
  • Attribute and Class binding
  • Properties and Watchers
  • Declarative,
  • Event Handling
  • Form Input Bindings
  • Components

Animations and Transitions

  • Enter Transition
  • Exit Transition
  • List Transition
  • State Transition

Mixins and Directives

  • Basic and Global Mixin
  • Option Merging
  • Custom Directives

Plugins and Filters

  • Creating plugin
  • Plugin usage
  • Defining filters