Ninja Squad

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.
Learn more

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

3 days - €1,700

Tell me more

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

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 with your own composable functions
  • Application state management

Day 2

Tests
  • Unit tests with Jest
  • Vue test Utils
  • Async tests
  • End-to-end tests with Cypress
Backend communication
  • HTTP requests
  • Secure calls
Suspense
  • Asynchronous data
  • Suspense API
  • Error handling
Forms
  • Create forms with v-model
  • Use a third-party library like VeeValidate
  • Validation and errors
  • Create your own validator
Routes with Vue Router
  • Configure your routes and URLs
  • Nested routes, protected routes

Day 3

Lazy-loading
  • Async components and Suspense
  • Lazy-loading and router
Style
  • Styles
  • Transitions
Advanced components
  • Slots and Scoped slots
  • Portal with Teleport
Under the hood
  • Template compilation and Virtual DOM
  • Proxies and reactivity
Performance
  • Tips
  • Performance testing
Internationalization
  • Translation
Getting ready for production
  • Deploy your application
  • Best practices