Formation Svelte pour javascript


Taux global de satisfaction Client : 4.8 sur 5 pour 457 formations

Accueil / Formation / programmation client

sagexa in good shape

Svelte.js - Introduction au framework Javascript

une alternative à Vue et React

Lieu programmé : France entière (à distance)

du 19-06-2024 au 21-06-2024 (durée 3 jours)

Tarif : 1566 € HT / personne (1566 € TTC)
sous réserve d'un nombre suffisant d'inscriptions
Par 19-06-2024programmation client

Svelte.js (ou Svelte) est un framework moderne qui permet d'écrire puis de compiler du code Javascript de façon naturelle et interprétable dans les navigateurs actuels.. Cette formation vous apprendra à écrire une application frontend avec Javascript, selon les règles établies par Svelte. Le compilateur Svelte produira ensuite un bundle Javascript léger et optimisé, qui pourra être facilement déployé.

Svelte.js - Introduction au framework Javascript

Objectifs de la formation Svelte.js - Introduction au framework Javascript

  • Apprendre la syntaxe de base de Svelte
  • Savoir mettre en oeuvre les principes de réactivité
  • Comprendre les différents types de Composants
  • Savoir utiliser les Bindings et les Formulaires
  • Etre capable de gérer les états et les données
  • Apprendre les bases de l'animation
  • Savoir gérer les interactions réseau
  • Comprendre le Routage et le rendu côté serveur
  • Etre capable de déployer une application Svelte

Contenu de la formation Svelte.js - Introduction au framework Javascript

Formation Svelte.js - Introduction au framework Javascript

Durée de la formation

3 jours

Participants à la formation Svelte.js - Introduction au framework Javascript

Cette formation SVELTE s'adresse aux développeurs frontend.

Pré-requis de la formation

Une connaissance de Javascript est indispensable.

Travaux pratiques de la formation

Svelte et Javascript


Programme de la formation Svelte.js - Introduction au framework Javascript

Introduction à Svelte

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

< sommaire


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

< sommaire


Contrôles de Flux avec Svelte

  • Conditions et Alternatives
  • Listes et itérateurs
  • Listes et Clés

< sommaire


La Réactivité selon Svelte

  • Mise à jour imuable de tableaux et objets
  • Modificateurs et Evenements
  • Fonctions en ligne

< sommaire


Les Composants de Svelte

  • 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

< sommaire


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

< sommaire


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

< sommaire


Animations et Transitions

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

< sommaire


Concepts avancés

  • Interactions Réseau : Http et Rest API
  • Composants Dynamiques et Récursifs
  • Routage et Rendu avec Sapper
  • Déploiement

< sommaire