Formation Vue.js

Objectifs

• Maîtriser les concepts fondamentaux de Vue.js.


• Exploiter les fonctionnalités modernes d'ES6, ES2015 et TypeScript avec Vue.js.


• Utiliser les Hooks pour gérer l'état et les effets dans les composants.


• Gérer les routes de l'application avec Vue Router.


• Utiliser le Context pour partager des données entre les composants.

Programme de la formation

Module 1 : Introduction à Vue.js

• Présentation de Vue.js, ses avantages et son écosystème.


• Installation et configuration de l'environnement de développement Vue.js.

Module 2 : Concepts de base de Vue.js

• Comprendre la structure d'une application Vue.js.


• Utilisation des directives, des templates et de la réactivité.


• Gestion de l'état local dans les composants.

Module 3 : ES6, ES2015 et TypeScript avec Vue.js

• Nouveautés de ES6 et ES2015 : classes, destructuration, promesses, etc.


• Intégration de TypeScript avec Vue.js pour une gestion plus rigoureuse des types.

Module 4 : Création et gestion des composants

• Création de composants Vue.js : syntaxe et structure.


• Communication entre les composants via les props, événements et slots.


• Gestion de la logique métier dans les composants.

Module 5 : Utilisation des Hooks dans Vue.js

• Introduction aux Hooks pour gérer l'état et les effets dans les composants.


• Utilisation des Hooks pour gérer les données asynchrones dans Vue 3.

Module 6 : Nouveautés de Vue 3

• Présentation des nouvelles fonctionnalités de Vue 3 : Composition API, Téléport, etc.


• Utilisation des nouveautés de Vue 3 pour améliorer la performance et la modularité de l'application.

Module 7 : Gestion de la navigation avec Vue Router

• Introduction à Vue Router pour la gestion des routes dans une application Vue.js.


• Configuration des routes, navigation entre les pages et gestion des paramètres d'URL.

Module 8 : Utilisation du Context API

• Partage de données entre composants à l'aide du Context API.


• Gestion des données globales dans l'application Vue.js via Context.

Module 9 : Librairies de composants pour Vue.js

• Découverte des librairies populaires pour Vue.js : Vuetify, Element UI, BootstrapVue, etc.


• Améliorer l'expérience utilisateur en utilisant des composants préconçus.

Module 10 : Intégration de Redux avec Vue.js

• Introduction à Redux et son utilisation dans une application Vue.js pour gérer l'état global.


• Création et gestion des actions, reducers et store avec Vue et Redux.

Module 11 : Optimisation des performances et bonnes pratiques d'architecture

• Techniques d'optimisation des performances dans Vue.js (lazy loading, code splitting, etc.).


• Structuration de l'application Vue.js pour une meilleure maintenabilité et scalabilité.


• Meilleures pratiques pour écrire du code Vue.js propre et performant.

Validation et sanction

• Maîtriser les concepts fondamentaux de Vue.js


• Utiliser les nouvelles fonctionnalités d'ES6, ES2015 et TypeScript avec Vue.js


• Créer et gérer des composants Vue.js


• Utiliser Vue Router pour la gestion des routes


• Utiliser les Hooks dans Vue 3


• Gérer l'état global avec Vuex (ou alternatives)


• Améliorer les performances de l'application Vue.js


• Utiliser des librairies de composants et des UI frameworks avec Vue.js


• Intégrer Redux ou alternatives pour la gestion de l'état


• Déployer une application Vue.js


• Appliquer les bonnes pratiques de développement avec Vue.js

Type de formation

Non certifiante

Sortie

Sans niveau spécifique