Maîtriser les Modificateurs d'Événements en Javascript
Cette leçon explique comment simplifier l'utilisation des fonctions StopPropagation et PreventDefault en Javascript grâce aux modificateurs.
Premiers pas en Vue3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                                                      
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les composants Vue JS
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les applications SPA (Single Page Applications)
L'interface en ligne de commande Vue-Cli
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Vuex
 
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Pinia
 
                                           
                                           
                                           
                                           
                                          Persistance des données avec Firebase
 
                                           
                                           
                                           
                                           
                                           
                                          Plus loin avec Vue.js 3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer comment utiliser les modificateurs .stop et .prevent dans vos balises HTML pour simplifier l'utilisation des fonctions StopPropagation et PreventDefault de l'objet Javascript Event. Grâce à des exemples concrets, vous verrez comment réagir à différents événements comme les clics et les saisies de clavier sans avoir à écrire de longs morceaux de code. De plus, des modificateurs tels que .once pour des clics uniques et .code pour des touches spécifiques seront abordés. Vous serez également mis au défi avec un exercice pratique qui vous demandera de redimensionner une image en fonction des boutons de la souris que vous utilisez. Par la suite, les solutions à cet exercice seront détaillées pour vous guider dans la mise en œuvre concrète de ces concepts.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
 Comprendre l'utilisation des modificateurs .stop et .prevent.
 Simplifier la gestion des événements en Javascript.
 Apprendre à mettre en place des contrôles spécifiques et efficaces sur les événements.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des notions de base en HTML et Javascript, ainsi qu'une compréhension élémentaire des événements Javascript.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les métiers de développeur web, intégrateur web, et programmeur Javascript.
Alternatives et ressources
En plus des modificateurs présentés, d'autres bibliothèques comme JQuery proposent des solutions pour la gestion des événements. Vous pouvez aussi utiliser des frameworks comme React ou Vue.js qui facilitent grandement cette tâche.
Questions & Réponses
 
                
               
         
           
                                           
                                          