Contact Us for Corporate On-Site Training or Online Classes!
Vue Academy vue training course
Vue Academy

The #1 Vue.js Training in Canada!

Learn Vue Now!

Vue Academy is the #1 hands-on instructor-led classroom or online training and certification course in Canada!


What's in it?

Learn the core concepts of coding a real business app with Vue.js from an industry expert in an immersive hands-on workshop.

Workshop

Bring your laptop! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Canada

Canadian!

If you are in Canada we want to visit you. We are bringing the course to Montreal, Vancouver, Toronto, Ottawa, Calgary, Quebec, ... and now online as a live remote class as well!

Prerequisites

You should have significant experience in building web applications with HTML5 and JavaScript. No previous experience with Vue.js is required.

Courses outlines


For public classes we have 2 courses:

  • Vue Fundamentals
  • Migrate to Vue 3
We can also create custom courses:
We offer to tailor the content to fit your team's preferences and expectations at no fees.

2 days to begin with Vue 2


Vue Fundamentals Training CourseThis immersive instructor-led workshop covers all the core concepts and guides you to build a full Vue.js data-centric business application, including project setup, code structure, style guide, using the Vue CLI, data binding, querying a REST API, routing and state management with Vuex. Also covering Vuelidate, Vuetify and Nuxt. Vue Academy is the ideal starting point to understand and use Vue effectively now. You’ll experience several demos and "code along" activities and be provided with the code throughout the workshop, as you learn how to build apps using Vue, with plenty of interactivity with the instructor in the room.

Day 1

  • Getting started with Vue.js
    • The progressive aspect of Vue.js
  • The Vue Instance
  • Minimal Setup and Tooling
  • Template Syntax
    • Expressions
    • Attribute binding
    • Class and style binding
    • Conditional and list rendering
    • Events handling and Event Modifiers
    • Shorthands
  • Components
    • Passing Data with Props, Custom Events, Methods, Scoped CSS, Life-cycle Hooks, Nesting components, Communicating between components
  • Setup an Enterprise Development Workflow with Vue CLI and Vue UI
    • Using Single File Components (.vue files)
  • Communicating with a server API
    • Making Async HTTP Requests with Axios: Fetch dynamic JSON data from an API, Post data to server, Template URLs, best practices and uses of service to keep the app modular
  • Computed and watch properties

Day 2

  • Routing with Vue Router
    • Nested routes
    • Routes params
    • Alias, redirect, props and error
    • Lazy loading
  • Transitions & Animations
  • Error Handling
  • Debugging a Vue.js app
  • Forms and Two-way Data Binding
  • Validation with Vuelidate
  • Improve apps with filters and mixins
  • Scoped slots
  • Better State Management with Vuex
    • Why Vuex ?
    • Setup a Store with Vuex
    • Actions, Mutations and Getters
    • Vuex Mutation History and Vue Devtools
  • Material Design with Vuetify
  • Deploying an app to production
  • Tips and tricks
  • Introduction to Nuxt

Migrate to Vue 3


Vue 3 Training CourseThis short training (3 hours) offers you a complete guide on how to migrate your Vue 2 applications to Vue 3 under the best conditions! The teaching material brings together all the tips and advice for an effective update experience. It also covers some caveats to avoid when you are planning to migrate your existing Vue 2 application to the upgraded version, Vue 3! You'll work along with the instructor in a live coding workshop where we will migrate a typical business application (using the CLI, Vue Router, Vuex, Axios, Forms, Slots, Mixins, Filters, Animations, ...) from Vue 2 to Vue 3. Finally, we will see how to take advantage of the new Composition API offered with Vue 3 for a better organization and reuse of your code.

This 3h course covers the following topics:

  • Prepare your code base before the upgrade
  • Using the CLI to initiate the migration to Vue 3
  • Differences in app configuration between Vue 2 and Vue 3
  • Fix the router syntax
  • What to do with Filters? (discontinued)
  • What about 3rd party plugins?
  • Introduction to the Composition API (and ability to use @vue/composition-api before the upgrade!)

Register


We plan to visit every major Canadian city over the year, contact us if you want Vue Academy in your city soon!
We also offer virtual classes with a live instructor, that attendees can join remotely from anywhere!

Satisfaction score: 4.97/5

Based on 73 ratings from the last 6 months.

COVID-19 NOTE: We are now offering virtual classes.

Contact us on how to host a private virtual class for your enterprise.

Our prices are in Canadian dollars (CAD)

USA In the USA? You can attend our virtual classes and take advantage of the 30% exchange rate!

Private Class at your location and your dates: Contact Us

The Vue Academy

Difference!


Our courses are different from anything you've seen before.... rather than just teaching you something, and giving you a bunch of exercises along the way, in our hands-on courses we focus on BUILDING a real data-centric business application, together!

So this isn’t just another one of those “watch me build something and try not to fall asleep” courses... our motto is Everyone Live Coding All Day Long!© Building a complete application together with the instructor. This way, by the end of the training we'll have built an entire app, and the instructor makes sure that nobody get stuck. You’ll also get lot's of advice and best practices on building and optimizing Vue applications with Vue Router, Vuex and Nuxt!

We think this is by far the most efficient way of learning a programming technology, and our attendees LOVE IT!

Read our customers testimonials

Virtual Class


Get in a virtual class with a live instructor, join remotely from anywhere!

Be notified of new courses and dates!


We will only contact you regarding our Vue Workshops!
You can easily unsubscribe at any time :-)

Contact Us


Please contact us if you need more information.


Read more!! Add your short comment!

Frequently Asked Questions (FAQ)


  • What is Vue Academy ?
  • Vue Academy offers a set of Vue related courses, in the form of intensive classroom training for professional web developers, available as public classes or as corporate on-site training. We also have a professional studio that allows us to host virtual classes with a live instructor, that attendees can join remotely from anywhere.
  • What is the price ?
  • Click on Register and follow the links to the workshops to check the price.
  • What is the currency ?
  • Our prices are in Canadian dollars (CAD).
  • How can I get a discount ?
  • Easy! Just follow us on Facebook, Twitter, Instagram or LinkedIn as we often share promo codes!
  • Are you offering online courses as well ?
  • Typically offered as an in-person classroom training, we also have the option to host online training, in the form of virtual class, live with an instructor. We have a professional studio that allows us to offer the same training experience and the same interaction with the trainer as in a typical classroom training.
  • Will you visit my city?
  • Just ask! If you are in Canada we can visit you for sure. Or we can have you in one of our popular instructor-led virtual classroom training (live remote class).
  • Which version of Vue are you using ?
  • We are *always* teaching on the latest version of Vue. We constantly update the training material to follow the new Vue versions.
  • Can we customize the content ?
  • Public classes are strictly following the outline as seen above. But we can definitely tailor the content for corporate on-site training to fit your team's preferences and expectations.
  • Is it for students ?
  • The primary target for this training is web professionals, who have the course paid by their employer. But we are thrilled when students try to get that training, so we provide 50% off promo codes for students, contact us if you are interested!
  • What if I don't have a laptop ?
  • We typically do not provide laptops. But contact us as soon as possible and we will see what we can do. For virtual classes you have to use your own device.
  • Is it ok to use a MAC, or a PC ?
  • Both PC and MAC are perfectly fine, you'll get the same experience during the training.
  • What is the setup required ?
  • A detailed setup document is sent to attendees a few days prior to the training. Basically you'll have to install Node.js, Git and the latest version of the Vue CLI.
  • What do I need to attend a virtual class?
  • We use a popular conferencing tool. You'll need a computer (PC or MAC), a headset with microphone and a second screen is required.
    • Option 1: Connect an external monitor to your computer/laptop so you can practice using the main screen and watch the course on the second screen.
    • Option 2 : Use a second computer or a tablet (iPad, Android) to watch the course.
  • What do you mean by "live coding"?
  • (Learn + Try) * Repeat
    The trainer will explain a topic and quickly switch to a live coding exercise that each participant will also do at the same time. This means shorter but more often periods of labs that boost the learning experience!
  • Which code editor or IDE will we use ?
  • Attendees can use the tool of their choice (Sublime, Atom, Eclipse, WebStorm, Visual Studio, …). The instructor is using Visual Studio Code, which is free, available on PC, MAC and Linux, and offers free extensions which greatly improve the experience while developing a Vue app. We recommend to give it a try! http://code.visualstudio.com
  • Will I get any certification on completion of the course ?
  • You will receive an Vue Academy certification in the form of a course completion certificate, as well as a LinkedIn certification badge.
  • Can we host this workshop at our office ?
  • Of course! We can organize a Corporate On-Site Training on the dates of your choice (subject to availability) at your office anywhere in Canada. You can also choose to host one of our public classes in your office, if you can provide a room with WiFi, projector/TV, classroom or boardroom setup, big enough to accept external attendees as well, you'll get a great discount! We can also organize virtual classes that remote attendees can join. Contact us to schedule a session now.

Any unanswered questions ? contact us

Partners


Kubernetes Academy React Academy Angular Academy

Customers

We've trained hundreds of developers at some of the country's largest tech companies!


  • 4th Whale
  • Bureau Billy
  • Canada Border Services Agency
  • Cégep de Sainte-Foy
  • Centre de service scolaire de Saint-Hyacinthe
  • Centre de service scolaire des Grandes-Seigneuries
  • Centre de service scolaire des Patriotes
  • Centre de service scolaire des Sommets
  • Centre de service scolaire des Trois lacs
  • Centre de service scolaire du Val-des-Cerfs
  • Centre de service scolaire Marie-Victorin
  • CognisantMD
  • ConFoo
  • Cossette
  • Dynamo Media
  • Encore Travel
  • Kanetix
  • Maximus
  • Ministère du Conseil exécutif du Canada
  • MMS
  • Nmédia
  • Plan International Canada
  • The New England Journal Of Medicine
  • Université de Laval
  • University of Toronto
  • VueConfTO