- Comprendre le fonctionnement du framework Svelte
- Installer et configurer un environnement de développement Svelte
- Créer et structurer des composants réactifs
- Gérer l'état d'une application avec les stores
- Consommer des API et manipuler des données dynamiques
- Construire une application complète avec SvelteKit
- Mettre en place le routage et organiser une architecture modulaire
- Optimiser une application Svelte et préparer le déploiement
- Maîtriser les bonnes pratiques de développement
- Déployer un projet Svelte en production
Module 1 – Introduction à Svelte
- Présentation et philosophie du framework
- Fonctionnement basé sur la compilation
- Création d'un premier projet avec Vite
Module 2 – Structure et réactivité des composants
- Syntaxe Svelte et fichier .svelte
- Variables, réactivité et binding
- Événements, formulaires, conditions, listes
Module 3 – Styles, transitions et animations
- Gestion locale des styles (scoped)
- Transitions intégrées (fade, slide, fly…)
- Notions d'animations personnalisées
Module 4 – Stores et gestion d'état
- Types de stores : writable, readable, derived
- Gestion d'un état global
- Structuration d'une application réactive
Module 5 – API, données et intégrations
- Requêtes HTTP avec fetch
- Traitement, affichage et mise à jour des données
- Gestion des erreurs et des chargements
Module 6 – SvelteKit : application complète
- Présentation de SvelteKit
- Routage, layouts, endpoints
- Gestion SEO, formulaires et navigation avancée
Module 7 – Bonnes pratiques, tests et optimisation
- Structuration du code et architecture
- Tests unitaires et fonctionnels
- Optimisation du build et performances
Module 8 – Déploiement et mise en production
- Build d'une application Svelte/SvelteKit
- Déploiement sur plateformes cloud (Vercel, Netlify…)
- Gestion des environnements et configuration finale
Attestation de formation
Non certificiante
Sans niveau spécifique
