Formation Vue.js 3 – Développement d’applications Web

3 jours (21 h)
Inter : 2 250,00 € HT/pers
Intra : nous consulter

Description title-border

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

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

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.