Formation Vue.js : Créer des applications web réactives

Programme de la formation
Vue.js : Créer des applications web réactives

• Introduction à Vue.js et environnement de développement

  - Configurer un projet Vue.js avec Vue CLI.
  - Comprendre la structure d'une application Vue.js.
  - Utiliser les directives v-bind et v-on.

• Création et gestion des composants Vue.js

  - Définir des **composants** Vue.js.
  - Transmettre des données via les **Props**.
  - Émettre des événements personnalisés.

• Communication entre composants et slots

  - Gérer la communication parent-enfant et enfant-parent.
  - Utiliser les **Slots** pour la composition de contenu.
  - Appliquer des styles scoped aux composants.

• Cycle de vie des composants Vue.js

  - Identifier les phases du **Cycle de vie** d'un composant.
  - Exécuter des actions aux différentes étapes du cycle de vie.
  - Optimiser les performances via les hooks de cycle de vie.

• Introduction à Vuex pour la gestion d'état

  - Configurer **Vuex** dans une application Vue.js.
  - Définir des états (state) et des mutations.
  - Accéder à l'état global depuis les composants.

• Actions et Getters avec Vuex

  - Implémenter des actions asynchrones avec Vuex.
  - Utiliser les Getters pour des données dérivées.
  - Structurer des modules Vuex pour des applications complexes.

• Routage côté client avec Vue Router

  - Configurer **Vue Router** pour la navigation.
  - Définir des routes dynamiques et imbriquées.
  - Gérer la navigation programmatique.

• Protection des routes et navigation avancée

  - Implémenter des gardes de navigation (navigation guards).
  - Utiliser les paramètres de route et les requêtes.
  - Créer des vues nommées pour des layouts complexes.

• Interaction avec les API RESTful

  - Effectuer des requêtes HTTP avec Axios.
  - Gérer les réponses et les erreurs des **API REST**.
  - Afficher des données provenant d'une API externe.

• Gestion des formulaires et validation

  - Créer des formulaires réactifs avec Vue.js.
  - Implémenter la validation des entrées utilisateur.
  - Gérer l'état des formulaires complexes.

• Tests unitaires et d'intégration

  - Écrire des tests unitaires pour les composants Vue.js.
  - Tester les mutations et actions Vuex.
  - Utiliser Vue Test Utils pour les tests d'intégration.

• Déploiement et optimisation d'applications Vue.js

  - Générer une version de production avec les **Build tools**.
  - Déployer une application Vue.js sur un serveur web.
  - Optimiser les performances de l'application.