Formation SvelteKit
| 1 400€ HT / personne |
| 2 jours (14 heures) |
Présentation
SvelteKit vous permet de créer des applications web rapides, élégantes et prêtes pour la production, en combinant rendu serveur, routing avancé, chargement de données et mutations côté serveur. Avec son approche intégrée, SvelteKit offre une base moderne pour concevoir des interfaces réactives et des architectures web robustes.
Notre formation SvelteKit vous permettra d’aller au-delà des premiers pas pour maîtriser les mécanismes essentiels d’une application web moderne, du squelette de projet jusqu’aux sujets de mise en production.
Vous apprendrez à structurer les routes et les layouts, à exploiter les load functions, à gérer les forms et les actions serveur, ainsi qu’à organiser efficacement le partage de données entre client et serveur.
À l’issue de la formation, vous serez en mesure d’optimiser le rendu, de réduire le JavaScript côté client, de sécuriser les traitements sensibles et de concevoir une application production-ready avec une meilleure maintenabilité.
Cette formation aborde également les bonnes pratiques de tests, d’adaptation au déploiement, de gestion d’environnement et de fiabilisation d’une application SvelteKit dans un contexte professionnel.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable de la technologie SvelteKit (5.56.9) et ses nouveautés.
Objectifs
- Comprendre l’architecture de SvelteKit et ses principes de fonctionnement.
- Structurer des routes, layouts et pages de manière cohérente.
- Mettre en oeuvre le data fetching avec les load functions et les données partagées.
- Développer des formulaires robustes avec actions serveur et validation.
- Préparer une application SvelteKit pour le déploiement et la maintenance.
- Appliquer les bonnes pratiques de performance, de tests et de sécurité.
Public visé
- Développeur front-end
- Développeur JavaScript
- Développeur web
- Développeur full-stack
- Tech lead
Pré-requis
- Maîtrise des bases de HTML, CSS et JavaScript.
- Connaissance des concepts de composants et d’architecture front-end.
- Pratique d’un framework web ou d’un environnement de développement moderne.
- Notions de consommation d’API HTTP et de manipulation de données asynchrones.
- Expérience de base en TypeScript appréciée.
Pré-requis techniques
- Ordinateur portable récent avec au moins 8 Go de mémoire vive.
- Connexion Internet stable en Wi-Fi ou Ethernet.
- Navigateurs à jour, idéalement Chrome ou Firefox.
- Éditeur de code installé, par exemple Visual Studio Code.
- Node.js récent et gestionnaire de paquets npm ou pnpm.
Programme de notre formation SvelteKit
[Jour 1 – Matin]
Fondations de SvelteKit
- Positionnement de SvelteKit dans l’écosystème front-end moderne.
- Principes clés du framework, du rendu serveur au rendu côté client.
- Structure d’un projet, conventions de dossiers et logique de navigation.
- Compréhension du cycle de vie d’une page et du rôle des fichiers spéciaux.
- Premiers repères sur les environnements, la configuration et les variables.
- Atelier pratique : initialiser un projet SvelteKit, explorer son arborescence et créer une première page fonctionnelle.
[Jour 1 – Après-midi]
Routing et composition
- Organisation des routes avec les segments dynamiques et les paramètres d’URL.
- Construction des layouts pour mutualiser l’interface et la logique partagée.
- Gestion des erreurs, des pages introuvables et des réponses spécifiques.
- Utilisation des composants pour découper l’interface en blocs réutilisables.
- Introduction aux patterns de navigation et aux transitions de page.
- Atelier pratique : créer une mini-application multi-pages avec layout partagé, route dynamique et page d’erreur.
[Jour 2 – Matin]
Données et formulaires
- Chargement des données avec les load functions côté serveur et côté client.
- Partage de données entre page, layout et composants avec une logique claire.
- Gestion des formulaires, validation et retours d’erreur utilisateur.
- Exploitation des actions serveur pour traiter les mutations.
- Bonnes pratiques pour garder une séparation nette entre affichage et logique métier.
- Atelier pratique : développer un formulaire complet avec validation, soumission, message de succès et gestion des erreurs.
[Jour 2 – Après-midi]
Production et bonnes pratiques
- Optimisation du rendu et réduction du JavaScript envoyé au navigateur.
- Gestion des états, du chargement et des interactions utilisateur.
- Tests, qualité de code et organisation d’une base maintenable.
- Déploiement, adaptation aux environnements et préparation à la mise en production.
- Bonnes pratiques de sécurité, de performance et d’observabilité.
- Atelier pratique : finaliser une application SvelteKit prête à déployer avec contrôle qualité, optimisation et checklist de production.
Pour aller plus loin
Formation NestJS
Formation Symfony : Avancé
Formation RemixJS
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 1 400€ HT / personne |
| 2 jours (14 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
