Contact Us for a Remote Corporate Training!
Vue Academy vue training course
Vue Academy

World-class instructor-led live online Vue and Nuxt courses!

Learn Vue and Nuxt Now!

Vue Academy is the #1 provider of hands-on instructor-led classroom training in Canada!


What's in it?

Learn the core concepts of coding a real business app with Vue.js or Nuxt 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.

Customers

Empowering Fortune 500 companies and thousands of developers worldwide!


ESRI Expedia CGI Telus CAE National Bank Of Canada TD Air Transat CAA RBC Fujitsu NFB ONF Desjardins Hydro Québec Croix Bleue Jean Coutu Loto Québec Gouvernement du Québec Gouvernement duCanada CBC Radio Canada Deloitte Digital
And many more...!

Courses


For public classes we have 3 courses:

  • Migrate to Vue 3 (1 day)
  • Mastering Vue 3 (2 days)
  • Mastering Nuxt (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.

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, Pinia, 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), 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)
  • Multiple V-models
  • Teleport

2 days to jump start with Vue 3


Mastering Vue Training Course
  • 🔥 12 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 with Composition API, including project setup and structure, style guide, data binding syntax, querying a REST API, routing and state management with Pinia, as well as using Vite dev server. 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.

Day 1

  • Getting started with Vue 3
    • The progressive aspect of Vue.js
  • A first Vue app
  • 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 project with Vite
    • Using Single File Components (.vue files)
  • Vue 3 Composition API
  • Vue 3 Reactivity System
  • Communicating with a server API
    • Making Async HTTP Requests with fetch(): load 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

  • TypeScript
  • Computed and watch properties
  • 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 Pinia
    • Why Pinia ?
    • Setup a Store with Pinia
    • Actions and Getters
    • History in Vue Devtools
  • Deploying an app to production
  • Authentication & security
  • Fragments (multiple root components)
  • Vue 3 Teleport
  • Tips and tricks, Anti-pattern
  • Final QnA

1 day to master Nuxt


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

This is an intensive instructor-led workshop that teaches you how to take advantage of Nuxt to build highly engaging Vue apps! Nuxt comes with an easy server-side-rendering and a folder-based config approach which makes it easier to work on robust and modern Vue apps.
Having experience with Vue is not required, but encouraged. This workshop is very hands-on and you'll have the chance to work on an enterprise-grade Nuxt application with plenty of interactivity with the instructor.

Morning

  • Getting Started with Nuxt
  • A first Nuxt app
  • Using the Nuxt CLI
  • Overview of the folder structure
  • Setup and Tooling
  • Pages and Basic Routing
  • Transitions
  • Layouts
  • Fetching Data from a server
  • Managing environments
    • Runtime config properties
    • Hide private variables
  • Organize and decouple your API calls
    • Implementing the Repository Pattern
    • Leverage Nuxt plugins

Afternoon

  • Advanced components
    • Computed and Watch properties
  • File-based routing
    • Nested Routes
    • Dynamic Routes
    • Automatic code splitting
  • SEO with vue-meta
  • Handling errors
  • Adding a Store with Pinia
  • Nuxt Middleware
  • Universal Mode, Smart Prefetching
  • Deployment
    • Universal Mode (SSR)
    • Static Mode (Pre-rendered)
  • Final QnA

Upcoming Remote Public Trainings


Learn Vue and Nuxt remotely with our professional instructor!

★★★★★

Satisfaction score: 4.97/5

Based on 139 ratings from the last 6 months.

Attend our workshops remotely!

Contact us for your private Corporate Training.

Our prices are in Canadian dollars (CAD)

USA In the USA? Attend our virtual classes and take advantage of the 30% exchange rate! (and no taxes)

Courses and typical schedule
Migrate to Vue 3 1 day 9:30am to 03:30pm
Mastering Vue 3 2 days 9:00am to 4:00pm
Mastering Nuxt 1 day 9:00am to 04:00pm
If you have a group of about 6 or more people, we recommend our Corporate Training.
You'll be able to choose a time that works for you and even request free curriculum adjustments.
Contact Us

Vue Academy is a training center accredited by Emploi-Québec, our accreditation number is : 0056463

Get notified when new courses or dates are available!


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

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, Pinia 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

Contact Us


For more information or organizing your Corporate Training.


Frequently Asked Questions


  • 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 live online virtual classes assisted by an instructor, that attendees can join remotely from anywhere.
  • Is it good ?
  • Glad you ask! 😉
    After so many years teaching Vue, we've been perfecting our intensive hands-on workshops to offer the most efficient way to learn Vue.
    We even think that we have the best learning experience worlwide!!
  • What is the price of the training ?
  • Click on Register to see the list of classes and prices.
  • What is the currency ?
  • Our prices are in Canadian dollars (CAD), so if you're in the US you get a good deal!
  • I'm in the USA, can I attend ?
  • Of course! You can definitely use your US credit card to register and pay online on this website.
    Note that our prices are in Canadian dollars... so you're in for a pretty sweet deal!
  • How can I get a discount ?
  • Easy! Just follow us on Facebook, Twitter, Instagram or LinkedIn (links at the top of this page) as we often share promo codes!
  • What has changed for COVID-19 ?
  • Not much in terms of learning content, although we have adapted all our training material to be delivered online, see below.
  • Are you offering online courses as well ?
  • Typically offered as an in-person classroom training, we also have the option to host live online training (virtual class) assisted with an instructor. We have a professional studio that allows us to offer a similar learning experience and the same interaction with the trainer as in a typical classroom training; of course this is the kind of workshop that we prioritize since COVID-19.
    Read more on our online classes.
  • 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 is our preference since COVID-19.
  • 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 course content ?
  • Public classes are strictly following the courses outlines as seen above. But we can definitely tailor the content for private corporate on-site training to fit your team's preferences and expectations (at no additional fees).
  • 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 in one of our training, so we provide 50% off promo codes for students, contact us if you are interested!
  • What if I don't have a computer ?
  • You should have your own computer or laptop, we typically do not provide hardware. But contact us as soon as possible and we will see what we can do.
  • Is it ok to use a MAC, a PC, or Linux ?
  • Both PC, MAC or Linux are perfectly fine, you'll get the same experience during the workshop.
  • 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 and the latest version of npm.
  • What do I need to attend a virtual class?
  • We use the popular Zoom online 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.
    Read our Zoom Guide here.
    Also, read more on our remote training sessions.
  • 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!!
    All lab exercises are designed to make attendees build an entire web application step by step.
    This application implements features similar to the ones of a production project, such as authentication, requests to a server, and routing.
    Read why we think we offer the best learning experience you can get!!
  • 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 an 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 an exclusive LinkedIn certification badge!
    Note that you can optionally try a Vue.js Certification
  • Can we host this workshop at our office ?
  • Covid note: all our courses are done using virtual meeting technology, until further notice.
    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.
>> Read more...

Any unanswered questions ? contact us