EduGroupe accompagne les entreprises dans leurs projets de formation liée aux technologies informatiques
Formation Vue.js – Développement d’applications web
- Référence : DEVU001
- Durée : 21 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Avoir une très bonne connaissance de HTML 5, de CSS 3, et de JavaScript
PROFIL DES STAGIAIRES
- Cette formation Vue.js s'adresse aux développeurs de sites Web désirant développer des applications actuelles Front End
OBJECTIFS
- Mettre en oeuvre le framework Vue.js 3
- Utiliser Vue.js 3 dans le cadre d'une application SPA (Single Page Application) et d'applications clientes plus conventionnelles
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
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
2 - 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
3 - 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
4 - 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
5 - Gestion des formulaires
- Two-way data binding vs "One-way data flow"
- Vuex et les formulaires
- Validation de la saisie utilisateur
6 - Gestion des données avec Vuex
- Vuex : concepts de base
- Installation et mise en oeuvre
- Etendre Vuex avec les plug-ins
