Skip to content

Latest commit

 

History

History
30 lines (18 loc) · 3.17 KB

README.md

File metadata and controls

30 lines (18 loc) · 3.17 KB
title
Bienvenue dans le monde de Svelte !

Bienvenue dans le tutoriel Svelte ! Vous y apprendrez tout ce qu'il y a savoir pour développer en toute simplicité des applications web de toutes tailles, rapides et légères.

C'est quoi Svelte ?

Svelte est un outil pour développer des applications web. Comme d'autre frameworks de composants, il permet de construire votre application de manière déclarative, à partir de composants : composition de HTML, styles et comportements.

Ces composants sont compilés en petits modules JavaScript efficaces qui éliminent les inconvénients traditionnellement associés aux frameworks UI.

Vous pouvez construire votre application entièrement avec Svelte (par exemple, en utilisant le framework d'applications SvelteKit, également couvert par ce tutoriel), ou l'ajouter au fur et à mesure à une base de code existante. Vous pouvez aussi générer des composants en tant que modules autonomes (web components) utilisables n'importe où, sans la contrainte d'une dépendance à un framework traditionnel.

Comment se servir de ce tutoriel ?

Vous aurez besoin de connaissances de base en HTML, CSS et JavaScript pour comprendre Svelte.

Ce tutoriel est découpé en 4 parties :

À mesure que vous progresserez dans le tutorial, vous serez amené•e•s à faire à des mini exercices pensés pour illustrer de nouvelles fonctionnalités. Chaque chapitre se base sur ce que vous avez appris dans les chapitres précédents, de sorte qu'il est recommandé de suivre le tutoriel dans l'ordre, en commençant par le début. Si besoin, vous pouvez naviguer entre les chapitres à l'aide du menu déroulant ci-dessous (cliquez sur 'Introduction / Bases').

Chaque chapitre de ce tutoriel vous présente un bouton Résoudre à gaucheen haut à droite de l'éditeur sur lequel vous pouvez cliquer si vous bloquez malgré les instructions. (Utilisez le toggle en bas pour changer de vue entre le tutoriel et l'éditeur. Le bouton Résoudre est désactivé sur les sections comme celles-ci qui n'incluent pas d'exercice.) Essayez de ne pas trop vous en servir ; vous apprendrez plus vite en trouvant vous-même où placer les blocs de code suggérés et en les tapant manuellement dans l'éditeur.