Informations générales
Cette formation s’adresse aux développeur·se·s web et frontend souhaitant maîtriser VueJS pour concevoir des applications modernes et performantes.
À l’issue de cette formation, les participant·e·s seront capables de développer des applications VueJS dynamiques en appliquant les bonnes pratiques de développement.
Informations pratiques
- Public : Développeur·se·s web et frontend
- Prérequis : Bonnes connaissances en JavaScript, HTML, CSS
- Outils : Un ordinateur récent, une connexion internet stable, une webcam et un micro
- Durée : 4 jours ( 28 heures )
- Modalités : Distanciel en inter ou intra
- Tarif : 1700 € HT
- Accessibilité : Formation accessible aux personnes en situation de handicap permanent ou temporaire. Option de sous-titrage pour les formations à distance. Merci de nous contacter pour toute demande d’information.
- Taux de satisfaction : Aucune donnée pour le moment
Chaque formation contient au moins 50 % de pratique et 50 % de théorie.
En fin de formation, une évaluation des acquis sera réalisée via un questionnaire à choix multiple ( QCM ) pour s'assurer de la bonne acquisition des compétences visées par les objectifs de formation.
Un questionnaire de satisfaction vous sera également fourni, nous permettant de recueillir votre avis quant à la qualité de la prestation qui vous aura été délivrée.
Objectifs pédagogiques
- Créer des applications dynamiques avec VueJS
- Développer des interfaces interactives
- Mettre en œuvre un routage avancé
- Gérer les données entre les composants et à travers l’application
- Interroger une API externe
Contenu de la formation
Rappels Ecmascript
- Mise à jour sur les normes ES et plus
- Bonnes pratiques Ecmascript
- Les nouveautés ES6 et plus
Présentation de VueJS
- Qu’est-ce que VueJS ?
- Les single page applications (SPA)
- Comparaison avec d’autres frameworks
- La notion de composant
- Créer une application avec Vite
- Comprendre les différents fichiers d’un projet VueJS
La syntaxe de template
- L’option API et la Composition API
- Les différents types de binding
- L’interpolation et la syntaxe moustache
- Les blocs de contrôle de flux : v-if, v-for
- La gestion des événements
La Réactivité
- Cycle de vie d’un composant
- Les Hooks
- Créer et gérer des données réactives
- Les composables
Le Routage
- Le Module de Routage
- Créer des routes
- Le lazy loading
- Les routes enfants
- Les guards pour protéger ses routes
Communiquer entre les composants
- Imbriquer des composants
- Passer des informations avec les Slots
- Passer des informations avec les Props
- Le Two Way Binding
Les Formulaires
- Gérer les données avec le v-model
- Valider les données d’un composant et gérer les erreurs
- Utiliser une bibliothèque comme vee-validate pour gérer ses formulaires
Gérer les données à travers l’application
- Le design pattern de Store
- Présentation de Pinia
- Créer ses stores, lire et modifier ses données
Améliorer l’expérience utilisateur⋅trice
- Les transitions entre les composants
- Téléporter des composants
- Gérer le chargement
La Formatrice
Thaïs Labouré
Passionnée par le développement web et l'accessibilité numérique, je suis formatrice indépendante avec plusieurs années d'expérience dans la création de sites web et d'applications. Spécialisée dans la conception d'interfaces intuitives et accessibles, j'accompagne les professionnels pour les aider à maîtriser des outils et des pratiques qui allient performance et inclusivité. J'aime partager mes connaissances pour permettre à chacun de progresser dans un cadre bienveillant et stimulant.