Développeur framework Svelt

Objectifs

• 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

Programme de la formation

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

Validation et sanction

• Savoir développer des applications modernes avec Svelte et SvelteKit


• Maîtriser la création de composants réactifs et performants


• Gérer l'état, les données et les intégrations API


• Structurer une application complète prête pour un usage professionnel


• Déployer une application optimisée en production

Type de formation

Non certifiante

Sortie

Sans niveau spécifique