M2I FORMATION : 07. Vue.js - Développement d'applications web
Organisme
75012 PARISVoir toutes ses formationsAutres organismes proposant cette formation
Durée
21 heuresModalités
Formation
- Classe virtuelle
- Présentiel
Évaluation
L’évaluation des acquis se fait en cours de formation, par des études de cas ou des travaux pratiques et, en fin de formation, par un questionnaire
Prix
Public
Développeurs web, intégrateurs, architectes logiciel, chefs de projet…
Pré-requis
Avoir une bonne connaissance pratique de HTML et la maîtrise et de JavaScript (ES5 minimum).
Objectifs pédagogiques
- Maîtriser 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
Programme détaillé
Jour 1 matin
§ Présentation de Vue.js
Migration vers Vue.js
MVVM selon Vue.js
Les outils nécessaires liés à l'utilisation de Vue.js
La gestion des interfaces graphiques par les données
La liaison de données
Les structures de contrôle
- Répétitives
- Alternatives
Notion d'event
Notion de component
Jour 1 après-midi
Exemples de travaux pratiques (à titre indicatif)
Installation des outils nécessaires et des librairies
Compréhension de Vue CLI
Création d'une première application simple sans composant et hors Vue CLI
Ecriture d'une page Vue de base
Création de la partie modèle
Création de la partie interface graphique
Intégration de l'interpolation et du double binding
Utilisation des directives de boucle
Test pour création de l'interface
Jour 2 matin
§ Les essentiels de Vue.js
Cycle de vie d'une requête dans Vue.js et son rôle
Les modèles
Notion d'interpolation
Attributs, filtres et directives
Les propriétés calculées
Différence entre v-model et v-bind
Le v-model
Gérer des listes
L'affichage conditionnel
Event management
Les composants dynamiques
Echange de données entre composants
Jour 2 après-midi
Exemples de travaux pratiques (à titre indicatif)
Amélioration de l'application développée le jour précédent
Ajout de boucles de gestion à partir de tableaux internes et issus d'appels REST
Binding de données
Création des premiers composants Vue réutilisables
Application permettant de comprendre l'échange de données entre composants (du père au fil, du fils au père, entre frères)
Jour 3 matin
§ Aspects avancés de Vue.js
Transitions et transitions CSS
Transitions dynamiques
Diverses animations
Les fonctions "render"
Les divers types de composants
- Les composants fonctionnels
- Les Single File Components
Les différents types de directives
Créer une directive adaptée
Exemples de travaux pratiques (à titre indicatif)
Ajout de transition Vue.js dans le projet
Utilisation des directives déjà présentes
Création de nouvelles directives
Jour 3 après-midi
§ Les extensions
Type mixin
Type plug-in
Les extensions (composants) monofichier
Exemple de travaux pratiques (à titre indicatif)
Développement de composants monofichier (Single File Component)
§ Le routing dans Vue.js
Présentation des routes
Les modes
Les liens
Vue initiale et liens
Exemple de travaux pratiques (à titre indicatif)
Ajout du traitement des routes dans le projet Vue.js