Vue.js avancé

Améliorer et étendre le développement d’une application web avec Vue.js

  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    DW-VUE-AV

  • Durée

    1 jour (7 h)

  • Prix par personne HT

    890 € HT

Objectifs pédagogiques

  • Maîtriser les techniques avancées de Vue.js
  • Améliorer la qualité et les performances

Public cible

  • Développeurs

Pré-requis

  • Connaître Vue.js

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50% pratique / 50 % théorie

Programme de la formation

Suspense

  • Gérer un chargement asynchrone
  • Afficher une alternative (« #fallback »)
  • Gérer les erreurs (« onErrorCaptured »)
  • Événements
  • Comparaison avec « onMounted »
  • Utilisation avec « script setup »

Routage

  • Utilisation de « Suspense »

Chargement à la demande

  • Utilisation de « Suspense »

Gestion d’état

  • Le pattern « store »
  • Le pattern « flux »
  • Librairie « Pinia » (adieu « Vuex »)
  • Est-ce bien nécessaire ?

Animations et transitions

  • Animations CSS
  • Transitions d’entrée/sortie
  • Transitions dans les listes

Patterns pour composants avancés

  • Références de template
  • Références de composants

Directives personnalisées

  • Cycle de vie
  • Valeur, argument et modificateurs

Internationalisation

  • Mise en place de vue-i18n
  • Traduction de textes
  • Paramètres de messages
  • Pluralisation
  • Changer la locale
  • Formatage

Programme mis à jour le