Guillaume Chau

Vue.js 3 for beginners

3 Days
Online or on-site

Book Vue.js training delivered from core-team members and industry experts

Uncover the world of Vue.Js with Core Team member, Guillaume Chau. First, a worldwide tech conference speaker, now, Chau is sharing his knowledge in this masterclass!

Our partners


This beginner-level Master-class will introduce you to building your own applications from scratch with Vue. You'll have a better understanding of the main API provided with the library, and also get to use some of the official tools and companion libraries of the framework.

Practical work is a strong focus of this workshop as you will create web apps with the help of the trainer.

Duration: 3 Days

Required skills: Good JavaScript experience

Table of contents

Day 1 - Web Application with Vue.js

  • SPA & JS frameworks
  • Vue.js Presentation
  • Basic reactivity example
  • Basic templating examples
  • Vue Instance
  • Template
  • Text interpolation
  • Directive: v-bind
  • Directive: v-model
  • Looping with v-for
  • Conditionals with v-if
  • Computed properties
  • Listen to events with v-on
  • Reactive classes & styles

Practical work:

  • Elements list
  • Adding/editing/deleting elements
  • Search field

Day 2 - Components

  • What is a component and why use them?
  • Props
  • Events
  • Use components inside components
  • Simple slots
  • Dynamic components

Practical work:

  • Use Vue CLI
  • Single File Component (.vue files)
  • Refactoring and splitting into components
  • Make components communicate with each other

Day 3 - Plugins, API & Router

Extend Vue & the components
  • Mixins
  • Plugins

Practical work:

  • Use the API with axios
  • Custom plugin
Router & virtual pages
  • Introduction to Vue Router
  • Routes
  • Route views
  • Links
  • history mode

Practical work:

  • Structure the app with routes
  • Depending on how well the training progresses and on the remaining time, the trainer might also include optional additional topics.
Transitions & Animation
  • Simple CSS transitions
  • List transitions

Practical work:

  • Animate the elements list
State Management with Vuex
  • Introduction to Vuex
  • Alternatives
  • State
  • Mutations
  • Getters
  • Actions
  • Modules (bonus)

Practical work:

  • Refactor the app to use Vuex to manage state

Guillaume Chau

Guillaume Chau
VueJS core team |Frontend Engineering at Livestorm | Open Source contributor

About the trainer

Member of the VueJS core team and Apollo GraphQL contributor helping developers build highly interactive and real-time web apps

Save up to 40%

Hackages is recognized by the KMO Portefeuille of the Flemish Government. Flemish Small and medium enterprises can recover up to 40% of training costs directly if they book training from Hackages.

Interested? Sign up!

We provide this training for groups with a of minimum of 6 people. There are two options:

Sign up with your team (6 people minimum).

Sign up individually and get notified when a group is complete and we can plan a date.

Register and mention if you want to sign up with a team or as an individual. We will get in touch with you soon after.

Sign up here!

Thank you for your request!

You will be contacted by our team as soon as possible.
Oops! Something went wrong while submitting the form.


Contact us for any questions regarding the trainings. Our team is always available to assist you.

Trainings you might like as well

Hackages is an educational platform with the mission of improving developers and businesses' skills and helping them acquire new ones.