Formation SvelteKit
Svelte est un framework de composants, comme React ou Vue. Si React est assurément le plus utilisé aujourd'hui, Svelte est très régulièrement cité comme le framework de composants le plus apprécié de l'industrie. SvelteKit est le framework d'application de Svelte. Il vous fournit tous les outils nécessaires pour construire une application web en utilisant des composants construits avec Svelte : routing, chargement de données, stratégies de rendu, gestion des erreurs, etc. Mais que sont réellement ces outils ? À quoi servent-ils et comment s'en servir ? Cette formation vous propose de répondre à toutes ces questions en construisant ensemble une petite application simple, mais complète et fonctionnelle.
Objectifs pédagogiques
- Pouvoir configurer le routeur
- Manipuler les données depuis ses composants
- Savoir gérer les formulaires
- Connaitre les bases de l'authentification
- Pouvoir déployer son application
Pré-requis
- Connaitre les bases d'HTML
- Savoir mettre en forme à minima CSS
- Maitriser la syntaxe JavaScript
- Avoir utilisé les APIs Web de base (DOM, fetch...)
- Connaitre les bases de SvelteKit
Public
- Développeurs
- Chefs de projets
Programme
Jour 1
Introduction
- Historique du web
- C'est quoi un framework ?
- C'est quoi SvelteKit ?
- Commencer avec SvelteKit
- Rappels JS
- Rappels Svelte
Bases de SvelteKit
- Structure d'un projet SvelteKit
- Le point d'entrée
- Routing statique
- Layouts basiques
- Identifier une page
- Données de page
- Données de layout
- Routing dynamique
- Philosophie de routing
- Pages d'erreur
Jour 2
Chargement de données
- Construire une API
- Travailler sur le serveur
- Fonctions `load`
- Chargement asynchrone
Formulaires
- Rappels
- Actions de formulaire
- Validation de formulaire
- Actions nommées
- Amélioration progressive
Jour 3
Routing avancé
- Redirections
- Erreurs
- Validation des routes
- Layouts imbriqués
- S'échapper des layouts
Authentification
- Principes généraux d'authentification
- Utiliser les cookies
- Le problème des stores sur le serveur
- Authentifier/autoriser dans un layout ?
- Hooks
Déployer
- Types d'applications et stratégies de rendu
- Options de page
- Builds et déploiements
Méthodes mobilisées
- Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
- Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
- Un support de cours en version numérique sera remis à chaque participant
Modalités d’évaluation
- Questions orales ou écrites (QCM)
- Exercices pratiques
- Auto-positionnement en amont et aval de la formation
Accessibilité aux personnes handicapées
Nous nous engageons à rendre notre formation SvelteKit accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.Dernière modification le 04/12/2024