Vue Academy Winnipeg
Vue Academy

The #1 Vue and Nuxt Training in Winnipeg!

Learn Vue 3 and Nuxt in Winnipeg Now!

Vue Academy is the #1 hands-on instructor-led training in Winnipeg


What's in it?

Learn the core concepts of coding a real business app with Vue.js from an industry expert in an immersive workshop in Winnipeg (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 Winnipeg, but also in 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.

Upcoming Remote Public Trainings


★★★★★

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 :-)

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

Exclusive discounts program!


We have plenty of rebate options that you could benefit.

Contact Us


For more information or organizing your Corporate Training.


Alumni


Be part of our next workshop and learn Vue in a fun and engaging way!