M2I FORMATION : 07. Vue.js - Développement d'applications web
Organisme
92400 COURBEVOIEVoir toutes ses formationsAutres organismes proposant cette formation
Durée
Modalités
- Classe virtuelle
- Présentiel
– 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é
Jour 1
§ 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
Exemple de travaux pratiques (à titre indicatif)
Instance d'une première application
§ 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
"Two-way data binding" vs "One-way data flow"
Validation de la saisie utilisateur
Jour 2
§ 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
Exemple de travaux pratiques (à titre indicatif)
Réalisation d'une "To Do List"
§ 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
Exemple de travaux pratiques (à titre indicatif)
Réalisation d'un lecteur d'article provenant d'un serveur
Jour 3
§ Gestion des données avec Vuex
Vuex : concepts de base
Installation et mise en oeuvre
Vuex et les formulations
Etendre Vuex avec les plug-ins
Exemple de travaux pratiques (à titre indicatif)
Création d'un prototype de solution SAS
§ Premiers pas les tests
Concepts et familles de tests
Réalisation d'un premier test
Réaliser un test d'intégration