Vue:
Zero to Ninja

Web
Newbie

Vue 3 is the new version of the popular Vue framework. Using the numerous novelties in Web development (ES2015+, TypeScript...), Vue is a wonderful framework to write modern web applications. Based on our ebook, the training will quickly leave the basic examples to build a full blown application, with tools, tests, HTTP communication, etc... Come and discover all the power of Vue, and be ready to write robust and performant applications!

This training will give you full access to the platform of our Vue "Pro Pack". You can then complete, at your own pace, from your home, all the advanced exercises not covered during the session. And if you can't attend this training (for location, money or boss-related reasons), you can always buy our Pro Pack and learn online by yourself for a fraction of the price.

All our trainings are available and customisable to suit your entreprise's needs. Contact us to have a special price and program. We live around Lyon, France, but we may travel to give them. Ninja Squad is a training agency registered under French number 82 42 02523 42.

Goals

  • Learn the basics of the framework.
  • Be able to build an app on your own.
  • Be able to talk with a backend.
  • Be able to test your web app, with unit and end-to-end tests.
  • Learn the best practices in development as well as in production.

Prerequisites

Knowledge of the basics of the Web (HTML of course, but the knowledge of JS is a must have). A doubt on your current knowledge level? Send us an email!

Target audience

This training is for the developers who want to have a quick start with this amazing framework.

Organization

The training can be followed in person or remotely, during public sessions that we organize regularly, or during a session dedicated to your team. You can register for a session up until the starting date, in the limit of available seats (usually 6 or 7). We may have to re-schedule a session if we don't have at least 3 persons registered, up until 2 weeks before the starting date. Do not hesitate to contact us to define your needs, and check if the training is the right one for you.

Program

Day 1

  • An introduction to the Web's future

    • ES2015+ and modules
    • TypeScript
    • Web Components

  • Getting started

    • Understand the framework's philosophy
    • First app and tooling

  • Templates

    • Principles and Single File Components
    • Binding with v-bind and v-on

  • Components and directives

    • First component
    • Directive
    • Lifecycle

  • Composition API

    • watch, computed properties and setup functions
    • Share common code
    • script setup syntax

Day 2

  • Tests

    • Unit tests with Vitest
    • Vue test Utils
    • Async tests
    • End-to-end tests with Playwright

  • Content projection

    • Slots
    • Slot props

  • Suspense

    • Asynchronous data
    • Suspense API
    • Error handling

  • Backend communication

    • HTTP requests
    • Secure calls

  • Routes with Vue Router

    • Configure your routes and URLs
    • Nested routes, protected routes

Day 3

  • Forms

    • Create forms with v-model
    • Use a third-party library like VeeValidate
    • Validation and errors
    • Create your own validator

  • Style

    • Styles
    • Transitions

  • State management

    • Store pattern
    • Vuex
    • Pinia

  • Lazy-loading

    • Async components and Suspense
    • Lazy-loading and router

  • Internationalization (i18n)

    • Translation
    • vue-i18n

Day 4

  • Accessibility (a11y)

    • Aria
    • Vue specifics
    • Testing

  • Advanced components

    • Portal with Teleport
    • KeepAlive

  • Under the hood

    • Template compilation and Virtual DOM
    • Proxies and reactivity

  • Performance

    • Tips
    • Performance testing

  • Server Side Rendering (SSR)

    • Challenges
    • Nuxt

  • Getting ready for production

    • Deploy your application
    • Best practices

Trainers

Picture of Cédric Exbrayat

Cédric Exbrayat will be the trainer for this session. He uses Vue 3 since the beginning of the framework, co-wrote the ebook "Become a Ninja with Vue", contributes to the framework and the ecosystem, and has built several applications with it. He has over 15 years of experience in development, and is also a contributor to the Angular framework. Our trainers are passionate and experts in their fields. With dozens of trainings each year, and that for the past 10 years, our trainers have become masters in the art to teach a technology to a team.

Pricing and delay

This training costs €2,400 (excluding taxes) per trainee for a public session. These sessions happen every 2 or 3 months. We can also plan a dedicated session for your team if you need to: send us an email for a personalized quote.

Technical requirements

Each trainee must have his/her own computer to be able to do the exercises (the OS can be whatever you prefer), and an Internet connection. For an in-house training, the trainer will also need a video-projector, an Internet connection, and a paperboard.

Methodology (on site and remote)

Every Ninja Squad training is based on the ebook written by the trainers, and on the online training platform allowing the trainees to easily track their progress. The online training platform stays accessible even after the training, allowing the trainees to keep training themselves and improving their skills. For a remote training, the trainer will be in a virtual face-to-face 100% of the time to teach a new concept or help the trainees during the exercises. We use Google Meet to have a private classroom. Each training relies on an ebook written by Ninja Squad, and on an online platform with exercises. To follow the progress of the trainees while they do the exercises, we use Visual Studio Code and its Live Share feature.

Evaluation

Our platform evaluates the exercises automatically, and allows to follow each trainee individually, while they build a complete application.

Accessibility

People with disabilities should contact us directly so we can figure out the best conditions for them.

Ratings

Based on ratings from trainees, between and August 21, 2025.

Content is interesting
/ 5
Goals have been reached
/ 5
Quality of animation
/ 5
Diverse teaching techniques
/ 5
Quality of the training material
/ 5
Goals have been reached
/ 5

Some testimonies

  • Un contenu adapté, des exercices aux petits oignons avec un fil rouge pour monter progressivement en compétence sur Vue, un formateur disponible et pédagogique, bref rien à redire je recommande les yeux fermés 👍

    — Alvin Berthelot, Webyousoon

  • Une excellente formation pour découvrir Vue 3 ! Les exercices successifs sur une même application permet de découvrir progressivement ce framework. Il ne me manque plus qu'à démarrer un projet dessus !

    — Sylvain Chabert, Neovia

  • Je recommande fortement la formation "Vue : de Zéro à Ninja" à toutes les personnes souhaitant monter en compétences sur ce framework, ou souhaitant renforcer des connaissances déjà existantes.

    J'avais déjà un an d'expérience sur Vue 3 lorsque j'ai suivi cette formation et j'ai tout de même appris beaucoup de choses, notamment sur les tests, les bonnes pratiques et les rouages de Vue.

    Le formateur, Cédric, connaît parfaitement son sujet et bien plus encore. Il a partagé avec nous toute son expérience sur Vue et sur les technologies web en général. C'est en plus de ça un très bon pédagogue, clair dans ce qu'il explique et enthousiaste. Ce fut un réel plaisir de suivre sa formation !

    — Florent Gimaret, OKTEO

  • Une très bonne formation sur Vue3/TypeScript et un très bon formateur, à l'écoute, disponible et pédagogue. Je recommande à 200% !

    — Yves Chane Kane, Inetum

Last updated on July 4, 2025

Next sessions

No scheduled sessions. Please contact us.
4 days  •  €2,400

Slashed price for Heroes!

All of our trainings are subject to the slashed price for Heroes. Ask for a -30% price cut if you are: :

  • volunteering on tech community events,
  • committer on open source projects,
  • freelance without training program from an employer,
  • or unemployed.

Quality certification

Our trainings are certified by Qualiopi, and can be financed by your OPCO.

Qualiopi certificate

SAS Ninja Squad, 13 Lotissement les Tilleuls, 42170 St Just St Rambert
SIREN number of the training organization: 752 513 465
registered under the activity declaration number 82 42 02523 42 at the "Direction Régionale de l'Économie, de l'Emploi, du Travail et des Solidarités Auvergne-Rhône-Alpes"