VueJS - Développeur
Formation créée le 21/05/2021. Dernière mise à jour le 20/01/2023.
Version du programme : 1
Programme de la formation
Framework JS Open source le plus connu, devant React et Angular, VueJS est un incontournable. Vous serez capable de construire votre application grâce à cette librairie et son écosystème au terme de cette formation. Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de développer une application Single Page App (SPA) complète avec le framework open source JavaScript Vue.js.
Objectifs de la formation
- Maitriser l’environnement du développeur JS
- Comprendre les principes clés de Vue.js
- Savoir développer une SPA avec Vue.js
- Connaître les outils indispensables au développement d'applications web dynamiques avec Vue.js
- Appliquer les bonnes pratiques à un projet Vue.js
Profil des bénéficiaires
Pour qui
- Développeurs web
- Intégrateurs
- Architectes logiciel
- Chefs de projet
Prérequis
- Maîtrise avancée de JavaScript
- Solides bases en HTML
Contenu de la formation
-
Introduction
- Rappels JavaScript
- Comparaison entre VueJS et les autres frameworks Open Source JS
- La migration vers VueJS
- L’architecture Modèle-vue-vue Modèle
- Les outils nécessaires à VueJS
- L’utilisation des données pour la gestion de l’interface graphique
- La liaison de données
- La structure de contrôle : répétitives ou alternatives
- Event
- Component
- Travaux pratiques : Implémentation des outils, création du modèle et de l’interface graphique
-
Les fondamentaux
- La requête et son rôle dans VueJS
- Les modèles
- Les propriétés calculées
- Comparaison v-model et v-blind
- Présentation pratique du v-model
- L’interpolation
- Attributs, filtres et directives
- La gestion de listes
- L’affichage conditionnel
- Les composantes dynamiques
- Communication de données entre composants
- Event management
- Travaux pratiques: Poursuite du projet d’application avec implémentation des notions rencontrées
-
VueJS : fonctionnement avancé
- Transitions, transitions CSS & transitions dynamiques
- Les animations
- Les fonctions render
- Les composants fonctionnels et les single file components
- Les directives : présentation de différentes directives sous Vue
- Les directives adaptées
- Travaux pratiques: Création et manipulation de transitions et de directives dans l’application
-
Les extensions
- Les extensions mixin
- Les extensions Plug-in
- Les extensions monofichier
- Travaux pratiques: Création et intégration d’extensions au projet
-
La navigation dans l'applicationRappels JavaScript
- Présentation des routes
- Présentation du module vue-router
- Les modes
- Les liens
- Vue initiale et liens
- Travaux pratiques: Traitement des routes dans l’application
Équipe pédagogique
Professionnel expert dans le développement JS
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence
- Formulaires d'évaluation de la formation
- Certificat de réalisation de l’action de formation
- Mises en situation
- Émargement numérique
Ressources techniques et pédagogiques
- Documents supports de formation projetés.
- Exposés théoriques
- Etude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation.
- Espace intranet de la formation
Qualité et satisfaction
Taux de satisfaction des stagiaires
Progression des compétences visées
Taux d'abandon
Taux de retour des enquêtes
Taux d'interruption en cours de prestation