> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Svelte, développer avec le plus léger et le plus rapide des frameworks JavaScript > Formations > Technologies numériques > Formation Svelte, développer avec le plus léger et le plus rapide des frameworks JavaScript
Formation incontournable

Formation : Svelte, développer avec le plus léger et le plus rapide des frameworks JavaScript

Svelte, développer avec le plus léger et le plus rapide des frameworks JavaScript

Télécharger au format pdf Partager cette formation par e-mail 2


Cette formation permet de maîtriser Svelte, un framework JavaScript innovant, car également compilateur. Réputé plus simple et plus rapide que ses homologues, il constitue une véritable alternative pour développer rapidement et efficacement des Single Page Applications (SPA).


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. JCT
Prix : 2070 € H.T.
  3j - 21h00
Pauses-café et
déjeuners offerts




Cette formation permet de maîtriser Svelte, un framework JavaScript innovant, car également compilateur. Réputé plus simple et plus rapide que ses homologues, il constitue une véritable alternative pour développer rapidement et efficacement des Single Page Applications (SPA).

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Maîtriser les concepts clés et la syntaxe propres à Svelte
  • Comprendre comment Svelte se démarque des autres frameworks
  • Repenser la notion de réactivité d'une application
  • Maîtriser la gestion d'une application Svelte du composant jusqu'au déploiement

Public concerné
Toute personne souhaitant s’initier au framework JavaScript Svelte.

Prérequis
Connaissance de JavaScript.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

Introduction et mise en place du framework

  • Présentation de Svelte.
  • Svelte versus autres frameworks.
  • Examen d'un cas d’utilisation.
  • Présentation du projet fil rouge : une filmothèque.
  • Paramétrage de l’environnement.
  • Création d'une application.
  • Organisation des fichiers de Svelte.
Travaux pratiques
Visualisation des statistiques du site stateofjs.com. Paramétrage de l’éditeur, mise en place d’une application Svelte et analyse des fichiers.

Composants et syntaxes de base

  • Mise en place d'un composant.
  • Utilisation des accolades.
  • Utilisation du data binding.
  • Les variables et les méthodes réactives.
  • Le traitement des évènements.
  • Utilisation des tableaux et des objets.
  • Ajout de styles et de classes.
  • Insertion du HTML.
  • Maîtrise des cycles de vie d'un composant.
  • Imbrication de composants.
Travaux pratiques
Création de la première page de la filmothèque avec plusieurs composants.

Communication entre les composants

  • Utilisation de if / else / else if.
  • Utilisation de each.
  • Ajout des clés.
  • Communication par props et slots.
  • Transmission d'une prop.
  • Définition d'une valeur par défaut de prop.
  • Transmission d'un objet.
  • Utilisation des slots.
  • Utilisation des slots nommés.
Travaux pratiques
Ajout de props et de slots pour personnaliser et faire communiquer les composants de l’application.

Aller plus loin avec les évènements

  • Quand et comment utiliser les event modifiers ?
  • Réagir à un évènement de composant enfant.
  • Lancer un évènement personnalisé.
Travaux pratiques
Implémentations de réactions aux survols de vignettes de films (changements de vignettes) et aux clics sur vignettes (modification de l’interface avec affichage du film sélectionné).

Les formulaires

  • Définition d'un formulaire.
  • Mise en place des bindings d’inputs.
  • Définition des bindings de checkboxes et de radios.
  • Définition des bindings de selects.
  • Définition des bindings de textarea.
  • Validation d'un formulaire.
Travaux pratiques
Ajout de filtres dans la page listant les films.

Les stores

  • Création et souscription à un store writable.
  • Réalisation d'une autosouscription.
  • Mise à jour des données du store.
  • Création et souscription à un store readable.
  • Utilisation des stores dérivés.
  • Création et souscription à un custom store.
Travaux pratiques
Ajout d’un store général à la filmothèque.

Les APIs et les routers

  • À propos des APIs.
  • Connexion à une API tierce.
  • Réalisation d'un appel API.
  • Utilisation du bloc await.
  • Exploration des différents routers.
  • Exemple d’utilisation d’un routeur.
Travaux pratiques
Intégration des données provenant de l’API tierce « The Movie Database ». Ajout d’une page « fiche de film » à la filmothèque.

Les animations et les transitions.

  • Ajout d'une transition.
  • Ajout d'une animation.
Travaux pratiques
Amélioration de l’ergonomie en ajoutant des transitions douces à l’application.


Modalités pratiques
Travaux pratiques
Réalisation d'une filmothèque à partir d’une API tierce de films.
Méthodes pédagogiques;
Formation alternant théorie et pratique. Tout ce qui est appris sera expérimenté.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
4,3 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
ALEXIS C.
22/11/23
5 / 5

Il est très appréciable, dans une formation liée à de la programmation logicielle, d’avoir pu écrire beaucoup de code pour mieux appréhender le sujet. Cette formation est très orientée travaux pratiques et c’est la meilleure manière, selon moi, d’apprendre, de comprendre et de progresser.
JEAN-BENOIT H.
22/11/23
4 / 5

Véritable apprentissage par la pratique ! Ce format me convient particulièrement ! J’apprécie que le formateur nous montre son code après l’avoir développer chacun de notre côté.
SALEM HASSAN S.
22/11/23
4 / 5

Peut-être penser à mettre sur une seule slide la partie théorie et l’énoncé des exercices, car parfois le retour en arrière est nécessaire




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance