Vue.js

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
Dates: Jun 11, 2020 — Jun 11, 2020
Pre-requisites
  • Familiarity with HTML and JavaScript programming
  • No prior experience with Vue is required

Hasan Ahmad

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

Jun 15/2020

JAMstack

a11y logo Jun 22/2020

A11Y

VR for Enterprise Developers Icon Jun 29/2020

VR for Enterprise Developers

Angular 7 Logo Jun 9/2020

Angular 8

React Training Course Logo Jun 10/2020

ReactJS

React Training Course Logo Jun 12/2020

React Native

Electron Training Course Jun 24/2020

Electron

Jun 29/2020

Node.js

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