Ninja Squad books and online courses about Angular and Vue

Pay what you want for "Become a Ninja with Angular" and "Become a Ninja with Vue", our DRM-free ebooks and online courses about these popular frameworks. Their "Pro Pack versions", our online courses, will save you hours on your projects by building a complete and tested application, step by step.

Vue 3: from Zero to Ninja


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 a 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.

vue logo

4 days - 2,400

Tell me more
4.9 / 5 115

Next dates

  • May, Monday 27 - Thursday 30 2024 (à distance)

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.

More on our blog (in French).


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.

Public

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

Prerequisite

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!

Modalities

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.

Evaluation

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

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.

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 Cypress
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

Reviews

Based on the 115 attendees that left us a review (on 2024/03/29, since 2020/12/14)

Satisfaction

4.9 / 5

Goals

4.7 / 5

Animation

4.9 / 5

Learning methods

4.7 / 5

Content

4.9 / 5

Material

4.9 / 5

Some testimonials

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.

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.

Toujours un plaisir de se former avec Ninja-Squad. Après une 1ère formation Angular très réussie, la formation VueJS 3 est tout aussi cool !

Khalid El Boukhari, Qim info.

Tout comme la formation Angular, cette formation Vue est très pédagogique. La difficulté des exercices est progressive et bien adaptée. On monte en compétence assez rapidement et c'est très enrichissant !

Pierre Ennaert, Pitwiti.

Trainers

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.

Cost

This training costs 2400€HT 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 in that case for a personalized quote.

Remote teaching

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.

Accessibility

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

Last updated

2022/02/25

About us

Ninja Squad is a training agency registered under French number 82 42 02523 42.

We are also certified by Qualiopi for the quality of our trainings.

See our certificate.