M2I FORMATION : 07. Vue.js - Développement d'applications web
Organisme
75012 PARIS
Contact
Durée
21 heuresModalités
- Classe virtuelle
- Présentiel
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 d'auto-évaluation
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é
§ Premiers pas avec Vue.js
Principes clés de Vue.js
Vue.js vs React vs Angular
Créer et gérer un projet avec Vue CLI
La base d'une application : l'instance Vue
Créer son premier composant Vue.js
Gérer les évènements du DOM
Débugger avec Vue Devtools
§ Répartir son code dans des composants
L'imbrication de composants et les props
Passer du contenu à un composant : les slots / children
Déclencher des évènements "custom"
Le cycle de vie des composants
§ Enrichir ses templates
Filters et computed Props : simplifier l'écriture des templates
Templates vs render() methods et JSX
Composants fonctionnels
Animations et transitions : améliorer l'expérience utilisateur
§ Gérer la navigation
Développer un système de "routing maison"
Principes de Vue Router
Configurer des routes
Sécuriser une application : les "navigation guards"
Transitions entre écrans
§ Gestion des formulaires
"Two-way data binding" vs "One-way data flow"
Vuex et les formulaires
Validation de la saisie utilisateur
§ Gestion des données avec Vuex
Vuex : concepts de base
Installation et mise en oeuvre
Etendre Vuex avec les plug-ins