Table des matières

  1. Introduction
    1. Il était une fois...
    2. WTF is a framework?
    3. C'est quoi Svelte(Kit) ?
    4. Choisir Svelte ou React ?
    5. Se lancer avec Svelte(Kit)
    6. Quelques liens utiles
    7. Rappels JavaScript
  2. Bases de SvelteKit kit
    1. Structure d'un projet SvelteKit
    2. Le point d'entrée
    3. Routing statique
    4. Layouts basiques
    5. Informations de page
    6. Charger les données de page
    7. Charger les données de layout
    8. Routing dynamique
    9. Philosophie de routing
    10. Pages d'erreur
  3. Svelte vs SvelteKit
  4. Syntaxe des composants svelte
    1. Concept générique de composant
    2. Syntaxe de base
    3. Blocs de logique
    4. Props
    5. Directives de classe
    6. Gérer les évènements
    7. Warnings d'accessibilité
  5. L'état svelte
    1. Réactivité
    2. Gérer l'état
    3. Réactivité des objects et des tableaux
    4. Inspecter des variables réactives
    5. États dérivés
    6. Réactivité universelle
    7. Runes
  6. Les effets svelte
    1. Le cycle de vie
    2. Utiliser les effets
    3. Nettoyer les effets
  7. Passer de React à Svelte svelte
  8. Exercices
  9. Chargement de données avancé kit
    1. Construire une API
    2. Travailler sur le serveur
    3. Fonctions `load`
    4. Chargement asynchrone
  10. Liaisons et consorts svelte
    1. Flux de données
    2. Éléments de formulaire
    3. Bindings de boucle
    4. Autres bindings
    5. Directives de style
  11. Formulaires kit
    1. Formulaires
    2. Actions de formulaire
    3. Validation de formulaire
    4. Actions nommées
    5. Amélioration progressive
  12. Routing avancé kit
    1. Redirections
    2. Erreurs
    3. Validation des routes
    4. Layouts imbriqués
    5. S'échapper des layouts
  13. Exercices II
  14. Syntaxe avancée svelte
    1. Clés de boucle
    2. Snippets
    3. "Snipprops"
    4. Transitions
    5. Crossfade
    6. Animation FLIP
  15. Authentification kit
    1. Principes généraux d'authentification
    2. Utiliser les cookies
    3. Le problème des états globaux sur le serveur
    4. Authentifier/autoriser dans un layout ?
    5. Hooks
  16. Déployer kit
    1. Types d'applications et stratégies de rendu
    2. Options de page
    3. Builds et déploiements
  17. Vers l'infini et au-delà...
    1. Aller plus loin avec Svelte
    2. Aller plus loin avec SvelteKit
    3. Autres frameworks