Vue is an open-source JavaScript framework for creating progressive web applications. It is designed from the ground up to be more adoptable and developer friendly over options like React and Angular. Combined with other Vue tools, it can scale from a library to a fully-featured framework. The Vue bootcamp provides all the essential knowledge for developers who want to start building apps using the Vue framework.

The DEV6 Vue 1 day bootcamp provides in-depth training on:

  • Introduction & Installation​
  • Understanding Vue.js​ instance​
  • Using Vue.js directives​
  • Styling your app​
  • Getting modular with components​
  • Vue Router​
  • Lab Work​
    • Development environment setup​
    • Signup form​
    • Adding new routes​

For on-site classes, all courses can be modified to suit your unique content and delivery requirements.

Cost: $499 CAD / $499 USD
Duration: 1 day
  • Familiarity with HTML and JavaScript programming
  • No prior experience with Vue is required


Our Vue.js Instructors

This training course was designed and developed by DEV6 web application developers who use Vue.js on real-life projects. As the Vue training is delivered, you will be given numerous practical examples and demonstrations. The course is highly interactive and features significant hands-on coding and student labs.

Course Modules

Module 1: Introduction

  • What is Vue
  • Quick history of Vue
  • Why use Vue
  • Comparisons with Angular and React
  • Installation

Module 2: Understanding the Vue.js Instance

  • Reactive data-binding
  • Component architecture
  • Vue lifecycle methods

Module 3: Using Vue.js Directives

  • HTML attributes
  • DOM events
  • Conditional rendering
  • List rendering

Module 4: Styling

  • Class bindings – object syntax
  • Class bindings – array syntax bindings
  • Class bindings – binding through components
  • Inline styles
  • Alternative class and binding syntax
  • CSS preprocessors
  • Scoped CSS
  • Organizing styles

Module 5: Getting Modular with Components

  • Reusability
  • Props
  • Events

Module 6: Vue Router

  • Setup
  • Defining routes
  • Dynamic routes
  • Programmatic navigation
  • Nested routes
  • Named views
  • Lazy loading routes

View Our Other Courses


a11y logo


Angular 7 Logo

Angular 8

React Training Course Logo


React Training Course Logo

React Native

Electron Training Course




Sign-up for our VR for Enterprise Developers course

Build applications as the course is being taught using React 360 and A-Frame.

View Course Details