Formations Reboot Academy

Vue.js

Open info modal

Formateur

Informations

De 3 à 5 joursDe 3 à 5 jours
Toute la France & StrasbourgToute la France & Strasbourg
Présentiel & DistancielPrésentiel & Distanciel
Individuel & GroupeIndividuel & Groupe

Objectifs

Découverte et maîtrise de tous les aspects de VueJS au travers d’un exemple concret.

Moyens pédagogiques

La formation comprend une partie théorique d’environ 30 à 40% du temps, le reste étant consacré à la mise en pratique par le biais d’ateliers guidés.

Outil(s) utilisé(s)

Teams

Évaluations

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…

Programme

JavaScript à TypeScript

  • Présentation de l'environnement JavaScript
  • Les types avec TypeScript

Présentation de Vue

  • Historique de Vue
  • Quand utiliser Vue ?

Commencer un projet Vue

  • Bien démarrer avec Vue CLI
  • Structure initiale
  • Fichier .vue
  • Outils pour développer en VueJS

Composants Vue

  • Qu'est ce qu'un composant?
  • Template, Script, Style
  • Data, Methods, Computed
  • Lifecycle d'un composant
  • Composition API vs Options API

Communication entre composants

  • Props, events
  • Binding
  • Émission d'un évènement
  • Slots

Formulaires

  • Récupérer les données de son formulaire
  • Valider les données d'un formulaire

Partage des données avec un store: Pinia

  • Pattern Store
  • Gérer et protéger son store

Tests automatisés

  • Jest
  • Tests sur les vues
  • Tester le store

Fonctionnalités avancées

  • Naviguer avec Vue Router
  • Communication en HTTP avec axios
  • Réagir à des changements de valeurs
  • Internationalisation

Déploiement

  • Configurer son bundle avec Vite

SSR

  • Quels sont les avantages du SSR ?
  • Mettre en place le SSR
  • Faciliter la mise en place du SSR avec Nuxt