Best-of

Formation Vue.js 3 - Développement d'applications Web

  • 3 jours (21 heures)
  • Initiation
  • 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 :

  • Mettre en oeuvre le framework Vue.js 3 (principes et outillage moderne)
  • Structurer une application en composants, gérer les évènements et l'affichage conditionnel
  • Mettre en place la navigation d'une SPA avec Vue Router
  • Gérer l'état applicatif avec Pinia (state, getters, actions) et organiser les données
  • Découvrir la Composition API (comparaison avec l'API Options)
  • Mettre en place une initiation aux tests unitaires (Vitest et Vue Test Utils).
Les compétences visées par cette formation font l'objet d'une évaluation.

À qui s'adresse cette formation ?

Développeurs de sites Web désirant développer des applications actuelles Front End.

Prérequis

Avoir une très bonne connaissance de HTML 5, de CSS 3 et de JavaScript.

Programme

1 Pendant votre formation

Vue.js 3 - Développement d'applications Web

Jour 1 - Matin

Premiers pas avec Vue.js

  • Principes clés de Vue.js (réactivité, composants, directives)
  • Vue.js vs React vs Angular : repères
  • Créer et configurer un projet Vue 3 avec Vite (create-vue) - brève ouverture sur Nuxt 3
  • Base d'une application : template, données et rendu
  • Créer son premier composant Vue.js
  • Gérer les évènements du DOM
  • Déboguer avec Vue Devtools

Exemples de travaux pratiques (à titre indicatif)

  • Mise en place d'une première application et premiers composants

Jour 1 - Après-midi

Répartir son code dans des composants

  • Imbrication de composants et props
  • Passer du contenu à un composant : slots (repères)
  • Déclencher des évènements "custom" (emits)
  • Cycle de vie des composants (repères)
  • Sens de circulation des données : repères (one-way / two-way)
  • Validation simple de la saisie utilisateur

Exemples de travaux pratiques (à titre indicatif)

  • Découper une page en composants et échanger des données via props / évènements

Jour 2 - Matin

Enrichir ses templates

  • Computed et méthodes : simplifier l'écriture des templates
  • Templates vs fonctions de rendu / JSX (repères)
  • Transitions : améliorer l'expérience utilisateur (bases)

Exemples de travaux pratiques (à titre indicatif)

  • Réalisation d'une To Do List (composants et transitions simples)

Jour 2 - Après-midi

Gérer la navigation

  • Routage "maison" (culture générale) : limites et intérêt
  • Principes de Vue Router (v4)
  • Configurer des routes et organiser les écrans
  • Navigation guards (repères) : sécuriser une application
  • Transitions entre écrans (repères)

Exemples de travaux pratiques (à titre indicatif)

  • Réalisation d'un lecteur d'articles (liste / détail) avec navigation

Jour 3 - Matin

Gestion des données avec Pinia

  • Pinia : concepts de base (store centralisé, state, getters, actions)
  • Installation et mise en oeuvre de Pinia
  • Actions asynchrones : appel au serveur et états (chargement / erreur)
  • Pinia et formulaires : gestion d'état et validations simples
  • Aperçu : plugins (ex : persistance) - repères

Exemples de travaux pratiques (à titre indicatif)

  • Centraliser des données, les modifier via actions et afficher les états (chargement / erreur)

Composition API

  • API Options vs Composition API : quand et pourquoi (repères)
  • setup(), ref() / reactive() : bases de la réactivité
  • Composables : extraire une logique réutilisable (repères)

Exemples de travaux pratiques (à titre indicatif)

  • Créer un composable simple (gestion d'un fetch / filtre) et l'utiliser dans un composant

Jour 3 - Après-midi

Premiers pas avec les tests (initiation)

  • Présentation des outils : Vitest et Vue Test Utils (v3) - repères
  • Réaliser un premier test simple : rendu d'un composant et assertions
  • Sélectionner des éléments HTML et vérifier le contenu
  • Simuler une interaction (clic / saisie) et vérifier le comportement

Exemples de travaux pratiques (à titre indicatif)

  • Ecrire un test de rendu simple
  • Ecrire un test d'interaction sur un composant (clic / v-model)

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

Formations complémentaires

Dernière mise à jour : 19/10/2026

Sessions

Vue.js 3 - Développement d'applications Web

3 jours (21 heures) Réf. JVS-VUE

à partir de 1 980 € HT

Repas inclus en présentiel
Du 25 novembre au 27 novembre 2026 Paris La Défense
Places disponibles
S'inscrire
Du 2 novembre au 4 novembre 2027 Paris La Défense
Places disponibles
S'inscrire
Du 14 décembre au 16 décembre 2027 Paris La Défense
Places disponibles
S'inscrire

Ces formations peuvent aussi vous intéresser