Description
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 pédagogiques
- 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
Public concerné
Développeurs web
Intégrateurs
Architectes logiciel
Chefs de projet
Prérequis
Maîtrise avancée de JavaScript
Solides bases en HTML
Déroulé du programme
1
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
2
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
3
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
4
Les extensions
- Les extensions mixin
- Les extensions Plug-in
- Les extensions monofichier
- Travaux pratiques: Création et intégration d’extensions au projet
5
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
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
