Introduction et premiers pas
La syntaxe de base de Svelte
Conditions, boucles et gestion événementielle
Les composants
Slots et Lifecycle hooks
Gestion des formulaires
Les stores de Svelte
Animations et transitions
Une application SPA avec Svelte
SvelteKit
Détails de la leçon
Description de la leçon
Cette leçon vous montre comment utiliser Svelte pour capturer un événement mouseMove et afficher les coordonnées du pointeur de la souris sur une image. Vous allez apprendre à définir une fonction événementielle qui utilise l'objet event pour récupérer les propriétés offsetX et offsetY de la souris. La vidéo illustre comment afficher ces coordonnées dynamiquement au-dessus d'une image spécifiée dans les assets. À la fin de cette leçon, vous saurez comment manipuler les événements souris de manière efficace sans passer explicitement l'objet event à la fonction.
Dans la mise en œuvre, vous verrez comment initialiser une variable Svelte pour stocker les coordonnées et comment utiliser l'interpolation pour les afficher en temps réel.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre comment capturer des événements de la souris en Svelte.
- Apprendre à accéder aux propriétés de l'objet event.
- Savoir afficher dynamiquement des données en utilisant Svelte.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des connaissances de base en HTML, CSS, et JavaScript, ainsi qu'une compréhension élémentaire de Svelte.
Métiers concernés
Les compétences acquises dans cette vidéo sont particulièrement utiles pour les développeurs front-end, les intégrateurs web, et les ingénieurs en développement logiciel.
Alternatives et ressources
Comme alternative à Svelte, vous pouvez utiliser des frameworks JavaScript comme React ou Vue.js pour la gestion des événements.
Questions & Réponses
Je m'abonne