Introduction à la formation Svelte
Présentation générale et objectifs pédagogiques de cette formation
Découverte de Svelte : concepts et philosophie
Svelte, un compilateur plus qu’un framework ?
Les différences avec les frameworks Web traditionnels (Angular, React, Vue…)
Installation des outils de développement
Prise en main et première application
Anatomie d’un fichier source svelte : logique, template et style
Syntaxe de base
La réactivité avec Svelte
Bindings
Communication avec les props
Blocks if else, each et await
Ajout de styles et classes
Composants
Les différents types de composants Svelte
Gestion du cycle de vie
Communication entre composants
Evènements
Travailler avec les Slots
Stores et gestion des états
Qu’est-ce qu’un store dans Svelte ? Concepts fondamentaux
Créer et utiliser un store « writable »
Gestion des abonnements et auto-subscriptions
Stores « readable »
Les stores personnalisés
Transitions et animations
Meilleures pratiques pour améliorer l’ergonomie d’une application
Ajouter une transition
Ajouter une animation
Easing
SvelteKit
Présentation générale de SvelteKit
Pages, routing et layouts
Rendu côté serveur (server-side rendering)
Modules SvelteKit
Déploiement