Formations Reboot Academy

Pour actions de formation

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

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