Pragmatic AI Labs

WASM à partir de zéro

Profitez de l'une de nos meilleures offres et renforcez vos compétences avec 50 % de réduction sur Coursera Plus. Économisez maintenant.

Pragmatic AI Labs

WASM à partir de zéro

Noah Gift

Instructeur : Noah Gift

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

5 heures à compléter
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

5 heures à compléter
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Compiler Rust en WebAssembly et afficher le résultat sur le canevas HTML5 à l'aide d'un Canvas2DRenderer déterministe

  • Créez des composants de type Elm avec les méthodes « update » et « view », puis assemblez-les à l'aide d'un petit routeur pour former une application multi-écrans

  • Compiler avec wasm-pack et vérifier le comportement du VDOM par rapport aux fixtures des instantanés validés, afin de garantir des exécutions CI identiques au niveau des octets

Compétences que vous acquerrez

  • Catégorie : Compatibilité des navigateurs
  • Catégorie : Gestion de la mémoire
  • Catégorie : Conteneurisation
  • Catégorie : L'informatique sans serveur
  • Catégorie : Côté serveur
  • Catégorie : Traitement des données
  • Catégorie : Infographie
  • Catégorie : Débogage
  • Catégorie : Javascript
  • Catégorie : Développement multiplateforme
  • Catégorie : Serveurs
  • Catégorie : Autres langages de programmation

Outils que vous découvrirez

  • Catégorie : Outils de construction
  • Catégorie : Outils de développement web
  • Catégorie : Rust (langage de programmation)
  • Catégorie : Langage de balisage hypertexte (HTML)
  • Catégorie : Applications Web

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mai 2026

Évaluations

1 devoir

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "Rust pour l'ingénierie des données"
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 5 modules dans ce cours

Traite de l'élément HTML5 `canvas` en tant que surface raster 2D ; chaque opération de dessin s'effectue en mode immédiat ; comparaison entre Canvas2D, WebGL et WebGPU ; Canvas2DRenderer encapsule un web_sys::CanvasRenderingContext2d et expose la même API de dessin que le moteur de rendu terminal ; chaque méthode prend en paramètre un aprender_present_core::Color et un Rect, et non des f64 bruts.

Inclus

6 vidéos6 lectures

Transposer le modèle « init / update / view » de type Elm de l’application en ligne de commande vers le navigateur sans en modifier la signification. L’état réside dans la mémoire linéaire de WebAssembly, « update » est le seul mutateur, et « view » renvoie un DOM virtuel. Intégrez ensuite la boucle dans le navigateur en traitant `requestAnimationFrame` comme la boucle d'événements, en utilisant un indicateur « dirty » pour limiter l'appel de `view` à une fois par image au maximum, et en stockant chaque fermeture JS dans un vecteur afin que `App::unmount` les supprime sans aucune fuite de mémoire.

Inclus

6 vidéos4 lectures

Inclus

6 vidéos4 lectures

Il regroupe l'artefact WASM pour la production et vérifie le comportement sans lancer de navigateur réel. Il prend en charge la cible Rust « wasm32-unknown-unknown », wasm-bindgen comme pont JS<->Rust, ainsi que la commande « serve » de presenter-cli pour l'hébergement local. Présente ensuite Probar, un harnais déterministe de capture d’instantané du DOM : il convertit un arbre DOM virtuel en chaîne de caractères, le compare à une chaîne de référence intégrée, et vérifie l’exactitude du résultat sans aucune dépendance vis-à-vis d’un navigateur sans interface graphique.

Inclus

6 vidéos4 lectures

Rassemblez tous ces éléments en développant wasm-dash, un tableau de bord système en temps réel entièrement rendu en WebAssembly. Intégrez tous les modules précédents — rendu Canvas2D, mise à jour/affichage de type Elm, composants, graphiques et routeur — dans un seul écran. Utilisez un snapshot fixe pour garantir un déterminisme sans faille, une fonction view() concise et pure composant les widgets précédents, ainsi qu’une galerie de six démos démontrant que WASM-from-Rust est capable de gérer de véritables charges de travail interactives.

Inclus

3 vidéos6 lectures1 devoir

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Noah Gift
Pragmatic AI Labs
61 Cours6 738 apprenants

Offert par

Pragmatic AI Labs

En savoir plus sur Développement de logiciels

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions