Formation Vue.js - Le framework JavaScript pour développer le front end de vos applications web Tutorat en option E-learning

Catalogue : Technologies Web

Appréhender Vue.js
• Définition de Vue.js.
• Enjeux et usages de Vue.js.
• Création d'une première instance.
• Cycle de vie d'une instance.
• Utilisation de plusieurs instances.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.
Utiliser Vue.js pour interagir avec le DOM
• Liaison d'une valeur du modèle à une valeur d'attribut de la vue.
• Affichage du HTML du modèle dans la vue.
• Utilisation des méthodes de mutation pour modifier les valeurs d'un tableau.
• Ajout d'un évènement clic sur les cases d'un tableau.
• Passage des valeurs en arguments avec les évènements.
• Utilisation des modificateurs d'évènements au sein d'une instance.
• Utilisation de l'affichage conditionnel.
• Affichage d'une liste.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.
Mettre en œuvre la réactivité de Vue.js
• Binding bidirectionnel.
• Propriétés calculées.
• Écouteurs.
• Styles dynamiques.
• Styles dynamiques avec un objet.
• Styles dynamiques avec un objet sans CSS.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.
Structurer une page en composants
• Installation de Vue CLI.
• Création d'un premier composant.
• Communication entre composant parent et composant enfant.
• Communication entre deux composants enfants.
• Communication entre composants à l'aide d'un bus d'évènements.
• Utilisation de requêtes Ajax pour récupérer du contenu externe.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.