Introduction à Svelte et Vite
Objectifs
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.
Résumé
Apprenez à créer votre premier projet Svelte avec Vite en suivant des étapes simples et claires.
Description
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.
Questions fréquentes
md (make directory).
code . dans l'invite de commande.
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
