Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation Vue.js 3 – Développement d’applications Web
Apprenez Vue.js 3, le framework polyvalent qui allie simplicité d'apprentissage et puissance architecturale pour vos applications web modernes.
Maîtrisez le framework progressif en adoptant la Composition API, la gestion d'état avec Pinia, le routage dynamique et les Single File Components (SFC) pour créer des interfaces fluides, réactives et performantes.
<script setup>
import { ref } from 'vue'
const message = ref('Hello Vue 3!')
const increment = () => count.value++
const count = ref(0)
</script>
<template>
<button @click="increment">
{{ message }} : {{ count }}
</button>
</template>Description 
Vue.js 3 s'est imposé comme un choix stratégique pour les entreprises cherchant un équilibre parfait entre flexibilité et structure. Cette formation vous guide à travers les nouveautés majeures de la version 3, notamment la Composition API qui permet une meilleure réutilisation de la logique métier. Vous apprendrez à structurer vos projets avec Vite, à gérer la communication entre composants via les props et événements, et à intégrer des outils incontournables comme Vue Router et Pinia. Que vous veniez d'un autre framework ou de JavaScript natif, Vue.js offre une courbe d'apprentissage progressive tout en permettant de bâtir des applications professionnelles scalables et faciles à maintenir.
Les objectifs
Comprendre les principes fondamentaux de Vue.js 3 et son écosystème
Concevoir une application Web basée sur une architecture de composants
Mettre en œuvre la réactivité, les liaisons de données et les événements
Gérer la navigation au sein d’une application monopage
Interagir avec des API REST pour afficher et manipuler des données
Public visé
Développeurs front-end souhaitant structurer des applications avec Vue.js 3
Développeurs Web ou full stack désirant intégrer un framework moderne côté client
Intégrateurs techniques amenés à développer des interfaces Web dynamiques
Prérequis
Connaissances de base en HTML et CSS
Maîtrise du JavaScript (syntaxe ES6, fonctions, tableaux, objets)
Une première expérience en développement Web est recommandée
Le programme
Jour 1
Matinée
1. Introduction et premiers pas
- Présentation de Vue.js et des frameworks front-end modernes
- Principes des applications Web monopage (SPA)
- Installation de l’environnement de travail (Node.js, npm, Vite ou Vue CLI)
- Structure d’un projet Vue.js 3
- Création d’une première application Vue
Après-midi
2. Composants et directives de base
- Syntaxe des templates Vue
- Directives essentielles (v-bind, v-if, v-for, v-on)
- Gestion des événements utilisateurs
- Liaison de données et affichage dynamique
- Travaux pratiques : création de composants simples interactifs
Jour 2
Matinée
3. Architecture par composants et réactivité
- Définition, réutilisation et organisation des composants
- Passage de données via les props
- Communication entre composants (événements)
- Introduction à la Composition API
- Réactivité avec ref et reactive
- Propriétés calculées et observateurs
Après-midi
4. Gestion de l’état et modularité
- Gestion de l’état local dans l’application
- Structuration du code pour améliorer la maintenabilité
- Mise en pratique sur une application multi-composants
- Bonnes pratiques de développement Vue.js
Jour 3
Matinée
5. Routing et navigation
- Introduction au routage dans Vue.js
- Mise en place de Vue Router
- Définition des routes et navigation entre vues
- Paramètres de routes et navigation programmée
- Travaux pratiques : application avec plusieurs vues
Après-midi
6. Consommation d’API et finalisation
- Appels HTTP et consommation d’API REST
- Gestion des données asynchrones
- Gestion des erreurs et retours utilisateurs
- Préparation au build et au déploiement de l’application
- Synthèse des acquis et perspectives pour aller plus loin
Dernière mise à jour : 22 avril 2026
En présentiel ou à distance : à vous de choisir
En classe virtuelle
Pour allier flexibilité et interactions en temps réel avec le formateur.
Dans nos locaux
Pour favoriser la concentration, les échanges et le confort des apprenants.
Les modalités de formation
Suivi et évaluation :
- Recueil des besoins en amont pour identifier les attentes du stagiaire
- Évaluation continue : études de cas et travaux pratiques pendant la formation
- Évaluation finale : questionnaire d'auto-évaluation
Format et encadrement :
- Formation équilibrée alliant théorie et pratique (minimum 50%)
- Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
- Émargement par demi-journée et remise d'une attestation de formation
Moyens pédagogiques et techniques :
- Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
- Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
- Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
- Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.
Conditions et délais d'accès :
- Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
- Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.