New
 
Fantom Tag

Formation - Svelte.js - Développement d'applications Web

Introduction à l'alternative à Vue et React

  • Présentiel ou classe à distance
PRESENTIEL OU CLASSE A DISTANCE
Référence
LI245

Durée
3 jours (21 heures)

Prix 2023
1 990,00 €  HT
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
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.
Consulter le programme 2024
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs front-end

Prérequis

  • La connaissance de Javascript est indispensable
Programme

Le programme

1 - Introduction à Svelte

  • Pourquoi Svelte ?
  • Créer une première application
  • Un peu de code Svelte

2 - 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

3 - Contrôles de flux

  • Conditions et alternatives
  • Listes et itérateurs
  • Listes et clés

4 - La réactivité selon Svelte

  • Mise à jour imuable de tableaux et objets
  • Modificateurs et évènements
  • Fonctions en ligne

5 - 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

6 - 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

7 - 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

8 - Animations et transitions

  • Store et valeurs d'animation
  • Transitions (in et out)
  • Animation d'éléments passifs

9 - Concepts avancés

  • Interactions réseau : Http et Rest API
  • Composants dynamiques et récursifs
  • Routage et rendu avec Sapper
  • Déploiement
Objectifs

Les objectifs de la formation

  • Maîtriser la syntaxe de base de Svelte
  • Savoir mettre en oeuvre les principes de réactivité
  • Connaître les différents types de composants
  • Savoir utiliser les Bindings et les formulaires
  • Comprendre comment déployer une application Svelte
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • De nombreux travaux pratiques progressifs et inspirés de cas réels sont réalisés pendant la formation pour une acquisition rapide de bases solides.
  • Après chaque atelier, un débrief permet de valider la progression des participants.
  • La formation donne droit à une année de support asynchrone sur les sujets étudiés.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Dates et villes

Mise à jour le 06/12/2023
    Consulter les dates 2024
    Formation - Svelte.js - Développement d'applications Web