Vue.js

Cette formation vous initie au développement d’interfaces web interactives avec Vue.js, un framework JavaScript léger, progressif et accessible. Vous apprendrez à créer des composants réactifs, à structurer votre code et à intégrer des formulaires, événements et données dynamiques dans vos applications web.

Pour qui ?

Développeurs front-end débutants ou confirmés souhaitant créer des interfaces réactives et légères avec Vue.js.

Introduction à Vue.js

  • Présentation du framework et des cas d’usage
  • Vue 3 : Composition API vs Options API
  • Mise en place de l’environnement avec Vite ou Vue CLI
  • Structure d’un projet Vue, outils de développement

Syntaxe et logique de base

  • Liaisons de données
  • Événements
  • Réactivité
  • Gestion de l’état local d’un composant

Composants Vue

  • Déclaration de composants et structure des fichiers
  • Communication entre composants
  • Slots pour le contenu dynamique
  • Cycle de vie d’un composant

Directives et logique d’affichage

  • Affichage conditionnel
  • Listes dynamiques
  • Directives personnalisées (introduction)
  • Binding dynamique de classes et de styles

Formulaires et interactions utilisateur

  • Champs de saisie et liaison
  • Validation simple côté client
  • Gestion des soumissions et des événements
  • Réactivité aux entrées utilisateur

Routage avec Vue Router

  • Installation et configuration
  • Définition des routes, composants de vue
  • Navigation dynamique, liens, redirections
  • Routes avec paramètres, routes imbriquées

Appels API avec Axios

  • Intégration pour les appels HTTP
  • Appels GET/POST vers des APIs tierces
  • Affichage dynamique des données
  • Gestion des erreurs et du chargement
  • Comprendre les concepts fondamentaux de Vue.js et sa structure modulaire
  • Développer des composants interactifs avec gestion des données et des événements
  • Construire une application web réactive avec formulaire, navigation et appels API
  • Bonne maîtrise de JavaScript, HTML et CSS 

Modalités de mise en œuvre de l’action de formation

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d’effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

Moyens pédagogiques, techniques et d’encadrement :

  •  Moyens et méthodes pédagogiques :
    o Apports théoriques et mises en pratique.
    o Chaque point du programme fait l’objet d’une explication théorique appuyée d’une démonstration. Elle est suivie d’une mise en pratique par le biais d’exercices concrets
  •  Moyens techniques :
    o Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  •  Moyens d’encadrement :
    o Formateur possédant plusieurs années d’expérience
    o Chargé(e) du projet Numerica

Moyen de suivre l’exécution de la formation :

  • Une feuille d’émargement sera signée par les stagiaires à chaque début de session (matin et après-midi)

Moyens permettant d’évaluer les résultats de la formation :

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.
Durée : 3 jours
Tarif : 1 920 € HT

Dijon :

Session 1 :

du 23 au 25/02/2026

Session 2 :

du 16 au 18/11/2026

Montbéliard :

Session 1 :

du 9 au 11/03/2026

Session 2 :

du 16 au 18/11/2026
Contactez-nous

Cette formation peut-être réalisée en session sur-mesure.

Contactez-nous pour construire ensemble une formation adaptée à vos besoins.

Contactez-nous