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
Dans cette leçon, nous examinons le code généré dans la vidéo précédente et nous vous guidons à travers les meilleures pratiques pour structurer un projet SvelteKit. Vous apprendrez à utiliser le dossier srcroot pour définir toutes les pages de votre site. Chaque page aura son propre sous-dossier, comme about et sverdle, avec un composant page.svelte. La page d'accueil sera définie directement dans le dossier root.
Vous apprendrez également à utiliser le dossier srclib pour vos composants réutilisables. Pour rendre l'accès plus facile, nous utiliserons l'alias $lib. Vous devrez mettre à jour le fichier sveltekit.json et tsconfig.json pour inclure cet alias. Enfin, nous verrons comment stocker toutes les ressources statiques dans le dossier static et comment y accéder dans vos composants.
À la fin de cette leçon, vous serez prêt à créer votre première application SvelteKit from scratch, en partant de zéro et en utilisant les bonnes pratiques vues ensemble.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de structurer un projet SvelteKit en utilisant des dossiers organisés et des composants réutilisables. Vous saurez également configurer des alias pour simplifier la gestion des imports.
Prérequis pour cette leçon
Connaissance de base en développement web et familiarité avec Svelte.
Métiers concernés
Développeur web, ingénieur frontend, architecte de solutions web.
Alternatives et ressources
Vous pourriez aussi utiliser d'autres frameworks JS modernes comme React ou Vue pour des projets similaires.
Questions & Réponses
Je m'abonne