Vue.js

Objectifs

Découvrir les fondamentaux de Vue.js
Apprenez les bases de Vue.js, un framework JavaScript progressif permettant de créer des interfaces dynamiques et réactives. Familiarisez-vous avec sa syntaxe, son système de réactivité et son approche basée sur les composants.
Maîtriser les fonctionnalités modernes de JavaScript et TypeScript avec Vue.js
Explorez les nouveautés de ES6, ES2015 et TypeScript pour optimiser votre code Vue.js. Découvrez les avantages des fonctionnalités modernes comme les classes, les modules, les promesses et le typage statique pour écrire un code plus robuste et maintenable.
Gérer efficacement l'état et les effets avec les Hooks
Apprenez à utiliser les Hooks dans Vue.js (via la Composition API) pour gérer l'état local et les effets secondaires dans vos composants. Cette approche améliore la lisibilité et la modularité du code tout en facilitant la réutilisation des fonctionnalités.
Maîtriser la gestion des routes avec Vue Router
Découvrez comment Vue Router permet de créer une navigation fluide et structurée au sein d'une application Vue.js. Apprenez à configurer des routes dynamiques, des redirections et des protections pour sécuriser l'accès aux différentes pages.
Faciliter le partage des données avec Vue Context
Utilisez le système de gestion de contexte de Vue (via le Composition API et Pinia en alternative à Vuex) pour partager efficacement des données et des états globaux entre plusieurs composants sans passer par des props complexes.

Programme de la formation

Module 1 : Introduction à Vue.js et préparation de l'environnement
Ce module couvre l'introduction à Vue.js, ses avantages, et les étapes d'installation et de configuration de l'environnement de développement. Vous apprendrez également les concepts fondamentaux de Vue.js, comme la réactivité, les directives et les templates.
Module 2 : JavaScript moderne et TypeScript avec Vue.js
Dans ce module, nous explorerons les nouveautés de ES6, ES2015 et TypeScript. Vous découvrirez les fonctionnalités modernes comme les classes, les modules, la destructuration et les promesses, ainsi que l'intégration de TypeScript avec Vue.js pour un typage robuste et des bonnes pratiques.
Module 3 : Composants et gestion des états avec Vue.js
Ce module combine la création et l'utilisation des composants avec l'apprentissage des Hooks de Vue.js. Vous apprendrez à gérer les états, les effets, et les données asynchrones dans vos composants via la Composition API. Nous aborderons également la communication entre composants (props, événements, slots) et la gestion de la logique métier.
Module 4 : Nouveautés et optimisations avec Vue 3
Dans ce module, nous passerons en revue les nouveautés de Vue 3 et son utilisation pour optimiser les performances de votre application. Vous découvrirez les fonctionnalités récentes qui permettent de rendre votre code plus rapide et plus efficace.
Module 5 : Routing et gestion des données globales avec Vue Router et Context API
Vous apprendrez à configurer et à utiliser Vue Router pour gérer les routes de votre application, tout en intégrant la gestion des données globales grâce à la Context API ou à des outils comme Pinia et Vuex pour partager des données entre les composants.
Module 6 : Librairies de composants, Redux et bonnes pratiques d'architecture
Ce module combine l'utilisation des librairies de composants (comme Vuetify et Bootstrap Vue) pour améliorer l'expérience utilisateur avec l'intégration de Redux pour la gestion des états complexes. Vous découvrirez également les meilleures pratiques pour structurer et optimiser l'architecture de votre application Vue.js.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique