| Référence | F186780 |
| Prix par personne en présentiel ou distanciel | 1500 € |
| Session ouverte | A partir de 2 personnes |
| Intra-entreprise | Nous consulter |
Public concerné
Cette formation est ouverte aux développeurs/architectes ayant des bases de Javascript, HTML et CSS.
Prérequis
Avoir une très bonne connaissance de HTML 5, de CSS 3, et de JavaScript.
Durée : 3 jours
Objectifs
- Comprendre les concepts clés de Vue.js
- Être capable de développer une application Single Page App complète avec Vue.js
- Connaître les outils indispensables au développement d’applications Vue.js
Méthodes et Moyens pédagogiques
Formation réalisée en présentiel ou en distanciel selon votre choix. Exposés, cas pratiques, synthèse. Un poste par stagiaire, vidéoprojecteur, tableau blanc, ordinateurs.
Support de cours fourni à chaque stagiaire.
Modalités de suivi et d’évaluations
Feuille de présence émargée par demi-journée par les stagiaires et le formateur Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires Questionnaire d’évaluation de la satisfaction en fin de stage Auto-évaluation des acquis de la formation par les stagiaires Attestation de fin de formation
Informations pratiques : Accessibilité , modalités et délais d’accès.
Contenu de formation
L’écosystème du développeur JS moderne
- La spec ECMAScript
- La syntaxe ES6+.
- Les nouveautés d’ES9/ES10.
- Babel & Webpack
Premiers pas avec Vue.js
- Principes clés de Vue.js.
- Vue.js vs React vs Angular.
- Roadmap et prochaines versions
- 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 computedProps : simplifier l’écriture des templates
- Templates vs render methods & JSX
- Composants fonctionnels
- Animations & 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 données avec Vuex
- Vuex : concepts de base
- Installation et mise en œuvre
- Étendre Vuex avec les plugins
- Librairies alternatives
Développer une application connectée
- Charger et envoyer des données avec AJAX : les différents scénarios
- Gestion des formulaires
- Two-way data binding VS one way data flow
- Vuex et les formulaires
- Validation de la saisie utilisateur
Aller plus loin avec Vue.js
- Mixins et plugins
- Regrouper son code dans des Single File Components .vue
- Créer des custom directives
- Typage flow/TypeScript
- Rendre son code robuste grâce aux Prop types
- Compilation & optimisation des performances
- Server Side Rendering
- Développement d’applications mobiles