Utilisation des directives IN et OUT
Objectifs
Les objectifs de cette vidéo sont d'apprendre à utiliser les directives IN et OUT en Svelte pour créer et gérer des animations distinctes d'apparition et de disparition.
Résumé
Découvrez comment personnaliser les animations d'apparition et de disparition avec Svelte en utilisant les directives IN et OUT.
Description
Dans cette leçon, nous explorons comment Svelte permet de créer des animations distinctes pour l'apparition et la disparition d'éléments dans le DOM en utilisant les directives IN et OUT. Nous montrerons comment importer et appliquer différentes animations telles que fade, fly, slide, et scale pour les transitions. Par exemple, nous verrons comment insérer des images avec l'animation fly et les faire disparaître avec l'animation fade. Cette vidéo est une ressource précieuse pour ceux qui souhaitent maîtriser les bases des animations en Svelte et apprendre à les appliquer de manière effective dans leurs projets web.
Ensuite, nous conclurons la section dédiée aux animations et aux transitions et nous introduirons la création d'applications SPA (Single Page Application).
Questions - réponses
Programme détaillé
Module 1 - Introduction et premiers pas
Module 2 - La syntaxe de base de Svelte
Module 3 - Conditions, boucles et gestion événementielle
Module 4 - Les composants
Module 5 - Slots et Lifecycle hooks
Module 6 - Gestion des formulaires
Module 7 - Les stores de Svelte
Module 8 - Animations et transitions
Module 9 - Une application SPA avec Svelte
Module 10 - SvelteKit
