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
Durée
3 jours (21 heures)

Prix
2 025,00 €  HT

Référence
LI245
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.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs front-end
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

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
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 19/04/2024
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
  • 2 025,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
Formation - Svelte.js - Développement d'applications Web