Logo SvelteKit

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.

Formations associées

Dernière modification le 04/12/2024