Formation Svelte : apprendre à développer avec le framework JavaScript
A l'issue de cette formation Svelte, les participants sont en mesure de développer des applications Web en utilisant le framework JavaScript. Ils se formeront à l'utilisation des templates, composants, états, actions et des principales bonnes pratiques à mettre en œuvre en tant que développeur ou développeuse front-end utilisant Svelte.
Proposé par
Sparks
Prérequis
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- En entreprise
- À distance
Objectifs pédagogiques
- Comprendre les particularités du framework Svelte et ses différences majeures avec Angular, React ou Vue
- Maîtriser la syntaxe et les fonctionnalités de base du framework
- S'approprier les meilleures pratiques pour créer des composants
- Comprendre comment développer des applications rapides et réactives
- Utiliser les stores
- Construire et gérer une application jusqu'au déploiement avec SvelteKit
Programme de la formation
Introduction à la formation Svelte
Présentation générale et objectifs pédagogiques de cette formation
Découverte de Svelte : concepts et philosophie
Svelte, un compilateur plus qu’un framework ?
Les différences avec les frameworks Web traditionnels (Angular, React, Vue…)
Installation des outils de développement
Prise en main et première application
Anatomie d’un fichier source svelte : logique, template et style
Syntaxe de base
La réactivité avec Svelte
Bindings
Communication avec les props
Blocks if else, each et await
Ajout de styles et classes
Composants
Les différents types de composants Svelte
Gestion du cycle de vie
Communication entre composants
Evènements
Travailler avec les Slots
Stores et gestion des états
Qu’est-ce qu’un store dans Svelte ? Concepts fondamentaux
Créer et utiliser un store « writable »
Gestion des abonnements et auto-subscriptions
Stores « readable »
Les stores personnalisés
Transitions et animations
Meilleures pratiques pour améliorer l’ergonomie d’une application
Ajouter une transition
Ajouter une animation
Easing
SvelteKit
Présentation générale de SvelteKit
Pages, routing et layouts
Rendu côté serveur (server-side rendering)
Modules SvelteKit
Déploiement
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
