Formation Svelte.js - Développement d'applications Web
Introduction à l'alternative à Vue et React
Informations générales
Objectifs
Après ce cours, vous serez capable de :
- Maîtriser la syntaxe de base de Svelte
- Mettre en oeuvre les principes de réactivité
- Connaître les différents types de composants
- Utiliser les Bindings et les formulaires
- Déployer une application Svelte
Public
Ce cours s'adresse avant tout aux personnes suivantes :
- Développeurs front-end
Prérequis
Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :
- La connaissance de Javascript est indispensable
Programme de la formation
Svelte.js (ou Svelte) est un framework JavaScript moderne qui permet d'écrire puis de compiler du code Javascript de façon naturelle et interprétable dans les navigateurs actuels. La force de ce framework qui est aussi un compilateur ? Il permet de créer facilement et rapidement des interfaces utilisateurs particulièrement réactives. Les participants à cette formation apprendront à développer des applications web avec ce framework particulièrement apprécié par les développeurs.
Introduction à Svelte
- Pourquoi Svelte ?
- Créer une première application
- Un peu de code Svelte
Syntaxe de base
- Les accolades et la syntaxe centrale
- Variables réactives
- Lier les propriétés
- Composants multiples
- Composants et communication
- Propriétés auto-extensibles
- Sortie Html
- Classes CSS dynamiques
Contrôles de flux
- Conditions et alternatives
- Listes et itérateurs
- Listes et clés
La réactivité selon Svelte
- Mise à jour imuable de tableaux et objets
- Modificateurs et évènements
- Fonctions en ligne
Les composants
- Les types de composants
- Communication des composants
- Transfert d'évènement
- Emettre des évènements personnalisés
- Extraire les données d'un évènement
- Les Slots
- Cycle de vie et Hooks
Bindings et forms de Svelte
- Binding bi-directionnel
- Checkbox et bouton radio
- Listes déroulantes SELECT
- Références d'élément et de composant
- Validation de champ et de formulaire
Gestion d'état et de données
- Créer et utiliser un store
- Composants d'état et de présentation
- Gérer les souscriptions
- Stores personnalisés
Animations et transitions
- Store et valeurs d'animation
- Transitions (in et out)
- Animation d'éléments passifs
Concepts avancés
- Interactions réseau : Http et Rest API
- Composants dynamiques et récursifs
- Routage et rendu avec Sapper
- Déploiement
Méthode pédagogique
Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.
Méthode d'évaluation
Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.
Suivre cette formation à distance
- Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
- Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
- Privilégier une connexion filaire plutôt que le Wifi.
- Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
- Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
- Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
- Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
- Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
- Horaires identiques au présentiel.
Mis à jour le 16/11/2023