Créer votre premier projet Svelte avec Vite
Apprenez à créer votre premier projet Svelte avec Vite en suivant des étapes simples et claires.
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 vous guiderons à travers le processus de création de votre premier projet Svelte en utilisant Vite. Vous commencerez par ouvrir une invite de commande et naviguer jusqu'à la racine du disque C pour créer un nouveau dossier dédié à Svelte. Ensuite, vous apprendrez à utiliser la commande npm create vite-latest pour initialiser votre projet avec un nom spécifique.
La leçon couvre également l'importance et l'utilisation de NPM (Node Package Manager) pour installer les dépendances nécessaires, ainsi que pour exécuter l'application en mode développement. Vous découvrirez comment choisir le framework Svelte dans la liste des frameworks disponibles et initier un projet en JavaScript.
Nous explorerons aussi les composants générés, tels que le fichier package.json et le dossier src. Vous apprendrez comment sont structurées les applications Svelte, avec des fichiers clés comme main.js et app.svelte. Enfin, nous vous montrerons comment modifier le code source pour voir les changements en temps réel, en utilisant Visual Studio Code et d'autres outils de développement.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à créer un projet Svelte avec Vite, installer et gérer les dépendances avec NPM, et comprendre la structure de base d'un projet Svelte.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir une connaissance de base de JavaScript et quelques notions de ligne de commande.
Métiers concernés
Les développeurs web, les ingénieurs logiciels, et les architectes frontend pourront trouver cette leçon particulièrement utile pour enrichir leurs compétences professionnelles.
Alternatives et ressources
Des alternatives à Svelte pourraient inclure des frameworks comme React, Vue.js ou Angular.
Questions & Réponses
md
(make directory).
code .
dans l'invite de commande.
