Intermédiaire FOAD : 2j (14h) Distanciel : 2j (14h) Hybride : 2j (14h) Présentiel : 2j (14h)

Vue.js : initiation et premiers composants

Initiez-vous au framework Vue.js et apprenez à créer vos premiers composants dynamiques.

Vue.js : initiation et premiers composants

Programme de la formation

Introduction à Vue.js et mise en place de l’environnement

03:30:00
Philosophie de Vue.js (réactivité, virtual DOM)
Installation locale avec Vue CLI ou Vite
Premiers fichiers d’un projet Vue
Syntaxe de base : interpolation, directives
Travaux pratiques Créer une application simple qui affiche une liste et permet d’ajouter un élément

Composants et gestion des données

03:30:00
Création et structuration de composants
Propriétés (props) et événements personnalisés ($emit)
Réutilisabilité et découpage logique
Gestion de l’état local et des événements
Travaux pratiques Exercice :

Gestion de l’état local et des événements

03:30:00
Cycle de vie des composants
Accès direct au DOM
Intégration de librairies JS tierces
Gestion des effets de bord
Travaux pratiques Intégrer une animation (ou librairie) au chargement d’un composant

Formulaires, directives avancées et bonnes pratiques

03:30:00
Gestion des formulaires complexes
Modèle bidirectionnel avec v-model
Création de directives personnalisées
Organisation d’un projet Vue à moyenne échelle
Travaux pratiques Réaliser un mini-formulaire dynamique avec validation manuelle

Objectifs de la formation

Créer des composants Vue Lier les données (data binding) Utiliser des événements

Ce que vous allez apprendre

Être capable de mettre en place un projet Vue.js et utiliser les directives fondamentales
Savoir décomposer une interface en composants Vue
Comprendre le cycle de vie et manipuler le DOM efficacement
Créer des interfaces interactives avec Vue.js et structurer son code

Prochaines sessions

FOAD (Formation à distance)

Entrée en formation possible sous 15 jours après signature de la convention.

Aucune session prévue pour le moment

Cependant vous pouvez nous contacter pour que nous définissions une session ensemble selon vos besoins

Informations pratiques

Modalités d'évaluation

Evaluation de la progression en cours de formation à l'aide de cas pratiques, mises en situation, QCM…

Test de positionnement en amont et en aval afin de valider les compétences acquises.

Modalités pédagogiques

  • Méthodes : Expositive, démonstrative et active
  • Moyens : Cas pratique, mise en situation
  • Ressources : Support de cours et Programme de formation
  • Moyens techniques : Teams

Accessibilité

Toutes nos formations sont accessibles aux personnes en situation de handicap.

Pour plus de renseignements, n'hésitez pas à nous contacter.

En savoir plus