Learn Vue Now!

Name: Vue Academy Training
Item: Vue Academy
Rating: 5
Author: Andres Haidl

Vue Academy is a 2 day instructor-led classroom training in Canada! Learn Vue.js, Vuex, Vuelidate, Vuetify and Nuxt Now.

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 classe).

Canadian!

If you are in Canada we want to visit you. We are bringing the course to Montreal, Vancouver, Toronto, Ottawa, Calgary, Quebec, ...

Prerequisites

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

2 day course outline

This 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

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.95/5

Based on 53 ratings from the last 3 months.

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

In Quebec?

Get your training for $0 thanks to a new financing program (Programme Actions Concertées pour le Maintien en Emploi: PACME) offered by the government of Quebec!

Our prices are in Canadian dollars (CAD)

Private Class at your location and your dates: Contact Us

Having a group of at least 6 people ?
Host this workshop at your company!
Accept external attendees as well and get discounts!

Virtual Class

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

Virtual Classroom with Live instructor

Our professional studio allows us to offer a similar training experience and the same interaction with the trainer as in a typical classroom training.

We use a popular video conferencing tool that is free and requires no account for attendees.
You can use your computer built-in audio/mic (although it's best to use a headset with microphone)
A second screen is required, in order to watch the instructor's screen while you code:
- Option #1: Connect an external monitor to your computer/laptop so you can code on your main screen and watch the course on the 2nd screen (Best as you can do copy/paste).
- Option #2: Use a 2nd computer or tablet (iPad, Android) to watch the course.
Zoom requirements links: PC, Mac, Linux and iOS and Android tablets.
Test your laptop/PC/Tablet by joining a test meeting offered by Zoom.

Vue Online Training Virtual Class

"Very good teacher! Did learn a lot about Vue.js and I'm ready to use it in production."

Eric Campeau

Dynamo Media

"Very knowledgeable, very open to discussions. A very nice two-days workshop on VueJS, I wish I could have done it before learning on-the-fly... Way better than an online course!"

Jonathan Bergeron

Université de Laval

"Great training for anyone looking to get into VueJs or front-end web application development with pertinent practical exercises with the help of an great expert in the field. I enjoyed it and learned new knowledge."

Mathieu Newbury

"It was a really great Vue workshop, on topic and a great rhythm. I learned a lot!!"

Jack Moth

"I found the workshop very interesting and I was able to learn a lot of things related to Vue, Vuex and web development in general during it. For two days the content covers a lot of interesting aspects which could serve as a good base to start digging more into the subject."

Paul S.

"Very knowledgeable instructor, well explained and great course structure!"

Andres Haidl

Frequently Asked Questions (FAQ)

What is Vue Academy ?
This is a classroom training for professional web developers, available as a public course or as a corporate on-site training.
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.
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.
Is it ok to bring a MAC, or a PC ?
Both PC and MAC 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 one week prior to the training. Basically you'll have to install Node.js and the latest version of the Vue CLI.
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
Can we host this workshop at our office ?
Of course! If you provide a room with WiFi, projector/TV, classroom setup and big enough to accept external attendees as well, you'll get a great discount! Contact us to schedule a session now.

Any unanswered questions ? contact us