Formation Vue.js 3 - Fonctionnalités avancées

  • 2 jours (14 heures)
  • Perfectionnement
  • Présentiel ou classe à distance

Une formation proposée par

Télécharger le programme

Objectifs

A l'issue de cette formation, vous serez capable de :

  • Approfondir Vue 3 : patterns avancés de composants (slots, provide / inject, composants asynchrones)
  • Optimiser le chargement et les performances (import dynamique, découpage, repères)
  • Approfondir Pinia : structuration multi-stores, plugins, tests (repères)
  • Découvrir le SSR avec Nuxt 3 et les points d'attention (routing, data fetching, configuration)
  • Mettre en place une stratégie de tests plus robuste (composants, stores, intégration légère)
  • Donner des repères TypeScript et outillage (optionnel, selon contexte).
Les compétences visées par cette formation font l'objet d'une évaluation.

À qui s'adresse cette formation ?

Développeurs Vue.js souhaitant produire des applications Vue.js plus optimisées et qualitatives.

Prérequis

Avoir suivi la formation JVS-VUE "Vue.js 3 – Développement d’applications Web" (socle) ou avoir les connaissances équivalentes. Connaître les bases de Vue Router, Pinia et la structuration en composants.

Programme

1 Pendant votre formation

Vue.js 3 - Fonctionnalités avancées

Jour 1 - Matin

Routing avancé et organisation d'application

  • Routes imbriquées, routes dynamiques et paramètres
  • Navigation guards : authentification / autorisation (repères)
  • Gestion d'erreurs et pages 404
  • Optimisation par routes : import dynamique et découpage (repères)

Exemples de travaux pratiques (à titre indicatif)

  • Structurer une application multi-écrans (liste / détail / admin) avec guards et 404

Jour 1 - Après-midi

Slots avancés et réutilisabilité

  • Slots nommés et scoped slots : passer de la donnée au template consommateur
  • Fallback content et composition de composants
  • Patterns "headless" : séparer logique et rendu
  • v-model avancé (plusieurs modèles) et conventions d'API de composants
  • Provide / Inject : partager une dépendance sans prop drilling (repères)

Composants asynchrones

  • defineAsyncComponent : chargement, timeout, retry (repères)
  • Suspense : fallback UI et expérience utilisateur
  • Gestion d'erreurs : stratégies de repli

Exemples de travaux pratiques (à titre indicatif)

  • Créer un composant réutilisable via scoped slots (ex : tableau générique)
  • Charger une fonctionnalité en asynchrone avec fallback et gestion d'erreur

Jour 2 - Matin

Pinia (approfondissement)

  • Structurer plusieurs stores : découpage, dépendances et conventions
  • Plugins Pinia : extension, persistance (repères) et impacts
  • Actions asynchrones : orchestration, gestion d'erreur et retry (repères)
  • Tester un store : isolation, mocks et intégration légère (repères)
  • TypeScript : repères de typage et bénéfices (optionnel)

Exemples de travaux pratiques (à titre indicatif)

  • Refactorer un store : découpage, tests simples et scénario asynchrone

Jour 2 - Après-midi

Nuxt 3 et SSR (repères)

  • Principe du SSR, hydratation et impacts sur l'architecture
  • Routing et middleware côté Nuxt (repères)
  • Data fetching : server / client, runtime config (repères)
  • Caching, SEO et contraintes (repères)

Stratégie de tests (synthèse)

  • Que tester : composant, store, flux utilisateur (repères)
  • Stabilité et lisibilité des tests : bonnes pratiques pragmatiques
  • Atelier de synthèse : checklist de mise en production

Exemples de travaux pratiques (à titre indicatif)

  • Monter une mini app Nuxt (pages et middleware) et valider un flux simple
  • Finaliser une stratégie de tests sur un cas concret

Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d'accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.
Pour plus d'information, une équipe de gestionnaires SKOLAE Formation spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus

Points forts

Modalités pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).

Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

  • Ordinateurs Mac ou PC (sauf pour certains cours de l’offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
  • Environnements de formation installés sur les postes de travail ou en ligne
  • Supports de cours et exercices

En cas de formation intra sur site externe à M2I, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel

** ratio variable selon le cours suivi

Accessibilité aux personnes en situation de handicap

Dernière mise à jour : 25/09/2026

Sessions

Vue.js 3 - Fonctionnalités avancées

2 jours (14 heures) Réf. JVSVUE-AV

à partir de 1 390 € HT

Repas inclus en présentiel
Du 12 novembre au 13 novembre 2026 Paris La Défense
Places disponibles
S'inscrire
Du 27 avril au 28 avril 2027 Paris La Défense
Places disponibles
S'inscrire

Ces formations peuvent aussi vous intéresser