Vue Academy Toronto
Vue Academy

The #1 Vue Training in Toronto!

Learn Vue 3 in Toronto Now!

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


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 in Toronto (or online).

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 hosting the course in Toronto, but also in Montreal, Vancouver, 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.

Register


Satisfaction score: 4.97/5

Based on 73 ratings from the last 6 months.

COVID-19 UPDATE: 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!

Courses and schedule
Mastering Vue 3 2 days 8:30am to 4:30pm
Migrate to Vue 3 1 day 9:30am to 03:30pm
Private Class at your location (or online) and your dates: Contact Us

Be notified of new courses and dates!


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

Courses outlines


For public classes we have 2 courses:

  • Mastering Vue 3 (2 days)
  • Migrate to Vue 3 (1 day)
We can also organize private corporate courses customized for your group:
We offer to tailor the content to fit your team's preferences and expectations at no fees.

2 days to jump start with Vue 3


Mastering Vue Training Course
  • 🔥 14 hours of intensive hands-on training
  • 👨‍💼 Instructor-led LIVE online course!
  • 🎓 Master Vue concepts to create complex data-centric web app
  • 💼 Available as private team/corporate training as well
  • >> View schedules

This immersive instructor-led workshop covers all the core concepts and guides you to build a full Vue 3 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 Composition API, Teleport, Suspense, Vuetify and Nuxt. Vue Academy is the ideal starting point to understand and use Vue 3 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 3
    • 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)
  • Working with Components Option API
  • The new Vue 3 Composition API
  • Vue 3 Reactivity system
  • Fragments (multiple root components)
  • 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

Day 2

  • Computed and watch properties
  • Vue 3 Teleport
  • Vue 3 Suspense
  • Routing with Vue Router
    • Nested routes
    • Routes params
    • Alias, redirect, props and error
    • Lazy loading
  • Transitions & Animations
  • Error Handling
  • Debugging a Vue app
  • Forms and Validation
  • Scoped slots, named slots
  • Modern 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
  • Final QnA

1 day to migrate and explore Vue 3


Vue 3 Training Course
  • 🔥 5 hours of intensive hands-on training
  • 👨‍💼 Instructor-led LIVE online course!
  • 🎓 Learn the ins and out of migrating your app and making the most out of Vue 3
  • 💼 Available as private team/corporate training as well
  • >> View schedules

Disclaimer: This course is intended for developers that already have experience with Vue 2. You are supposed to already be familiar with the main Vue features like components, router and using the CLI.

This course 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.
Then, we will see how to take advantage of the new Composition API offered by Vue 3 for a better organization and code reusability.
Finally, we'll spend some time digging other exciting new features of Vue 3, such as: Fragments (multiple root components), Suspense, Multiple V-models, Teleport, ...

Morning

  • 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?

Afternoon

  • Introduction to the Composition API
  • Ability to use @vue/composition-api before the upgrade!
  • Vue 3 Reactivity system
  • Fragments (multiple root components)
  • Suspense
  • Multiple V-models
  • Teleport

Exclusive discounts program!


We have plenty of rebate options that you could benefit.

Contact Us


Please contact us if you need more information.


Read more!! Add your short comment!