WASM from Zero

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

WASM from Zero

Dieser Kurs ist Teil von Spezialisierung „Rust for Data Engineering“

Dozent: Noah Gift

Bei enthalten

Mehr erfahren

5 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

5 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

5 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

5 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Compile Rust to WebAssembly and render to the HTML5 canvas with a deterministic Canvas2DRenderer
Build Elm-style components with update/view, then compose them with a small router into a multi-screen app
Package with wasm-pack and verify VDOM behavior against committed snapshot fixtures for byte-identical CI runs

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Mai 2026

Bewertungen

1 Aufgabe

Unterrichtet in Englisch

91% of learners achieved a positive career outcome

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Rust for Data Engineering“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 5 Module

WASM from Zero is a hands-on introduction to WebAssembly for engineers who want to ship fast, portable, sandboxed code that runs anywhere: the browser, the edge, the server, and embedded devices. You will learn what WebAssembly is, why it was designed, how it relates to Rust, and how to compile Rust libraries to .wasm modules that can be invoked from JavaScript, Python, or any host language. The course walks through the toolchain (rustc target wasm32, wasm-bindgen, wasm-pack, wasmtime, wasmer), the WASM component model, WASI, and the security and performance trade-offs that make WebAssembly a compelling deployment target for data engineering, ML inference, plugin systems, and serverless workloads. By the end of this course, you will be able to build, package, deploy, and debug a Rust-to-WASM data processing module, embed it in a web page and a server runtime, and reason about when WASM is the right tool versus a native binary or a container. This is part of the Rust for Data Engineering specialization and assumes basic Rust familiarity from Rust From Zero.

Covers the HTML5 canvas element as a 2D raster surface, every draw is immediate-mode, Canvas2D vs WebGL vs WebGPU, Canvas2DRenderer wraps a web_sys::CanvasRenderingContext2d and exposes the same draw API as the terminal renderer, and every method takes an aprender_present_core::Color and a Rect, not raw f64s.

Das ist alles enthalten

6 Videos6 Lektüren

6 VideosInsgesamt 9 Minuten

1.1.1 The Browser Canvas2 Minuten
1.1.2 Presentar Canvas2d Renderer2 Minuten
1.1.3 Nan Safe Coords Color Clamp1 Minute
1.2.1 App Mount Returns Result2 Minuten
1.2.2 JsValue Color Roundtrip2 Minuten
1.2.3 Widget Trait Paint Canvas Rect1 Minute

6 LektürenInsgesamt 51 Minuten

About This Course10 Minuten
Key Terms: The Browser Canvas as a 2D Draw Surface10 Minuten
Machine Code to WASM1 Minute
Reflection: The Browser Canvas as a 2D Draw Surface10 Minuten
Key Terms: App::mount Returns Result, Not Panic10 Minuten
Reflection: App::mount Returns Result, Not Panic10 Minuten

Port the Elm-style init / update / view shape from the terminal app to the browser without changing its meaning. State lives in WebAssembly linear memory, update is the single mutator, and view returns a Virtual DOM. Then plug the loop into the browser by treating requestAnimationFrame as the event loop, using a dirty flag to keep view at-most-once-per-frame, and storing every JS closure in a Vec so App::unmount drops them with zero leaks.

Das ist alles enthalten

6 Videos4 Lektüren

6 VideosInsgesamt 8 Minuten

2.1.1 Init Update View WASM1 Minute
2.1.2 Counter on Canvas1 Minute
2.1.3 Replay Determinism WASM1 Minute
2.2.1 Request Animation Frame1 Minute
2.2.2 At Most Once Per Frame1 Minute
2.2.3 Unmount Drops Callbacks2 Minuten

4 LektürenInsgesamt 40 Minuten

Key Terms: init / update / view — The Elm Shape, Retargeted10 Minuten
Reflection: init / update / view — The Elm Shape, Retargeted10 Minuten
Key Terms: requestAnimationFrame as the Browser’s Event Loop10 Minuten
Reflection: requestAnimationFrame as the Browser’s Event Loop10 Minuten

Das ist alles enthalten

6 Videos4 Lektüren

6 VideosInsgesamt 9 Minuten

3.1.1 Sparkline Canvas Port1 Minute
3.1.2 Braille Graph Canvas1 Minute
3.1.3 Monotonic Cursor Bounds Clamp1 Minute
3.2.1 Component Layout Non Overlap1 Minute
3.2.2 Browser Router Total Match1 Minute
3.2.3 Hash Routing Demo2 Minuten

4 LektürenInsgesamt 40 Minuten

Key Terms: Charts — Sparkline and Braille Graph in the Browser10 Minuten
Reflection: Charts — Sparkline and Braille Graph in the Browser10 Minuten
Key Terms: Components and Router — Disjoint Rects, Total Match10 Minuten
Reflection: Components and Router — Disjoint Rects, Total Match10 Minuten

Bundles the WASM artifact for production and verifies behavior without launching a real browser. Covers the wasm32-unknown-unknown Rust target, wasm-bindgen as the JS<->Rust bridge, and the presentar-cli serve command for local hosting. Then introduces Probar, a deterministic VDOM-snapshot harness: stringify a virtual DOM tree, compare against a golden inline string, and assert correctness with zero headless-browser dependencies.

Das ist alles enthalten

6 Videos4 Lektüren

6 VideosInsgesamt 8 Minuten

4.1.1 wasm32-unknown-unknown2 Minuten
4.1.2 wasm-bindgen JS Bridge1 Minute
4.1.3 presentar-cli Serve and Bundle1 Minute
4.2.1 VDOM Snapshot Stringify1 Minute
4.2.2 Golden Diff Inline String1 Minute
4.2.3 No Headless Browser1 Minute

4 LektürenInsgesamt 40 Minuten

Key Terms: wasm-pack and the JS Bridge10 Minuten
Reflection: wasm-pack and the JS Bridge10 Minuten
Key Terms: Probar VDOM Snapshot Testing10 Minuten
Reflection: Probar VDOM Snapshot Testing10 Minuten

Tie everything together by building wasm-dash, a real-time system dashboard rendered entirely in WebAssembly. Compose every prior module — Canvas2D rendering, Elm-style update/view, components, charts, and the router — into one screen. Use a committed snapshot fixture for zero-panic determinism, a short pure view() composing earlier widgets, and a six-demo gallery that proves WASM-from-Rust handles real interactive workloads.

Das ist alles enthalten

3 Videos6 Lektüren1 Aufgabe

3 VideosInsgesamt 5 Minuten

5.1.1 Snapshot Fixture1 Minute
5.1.2 view() Composes M1–M41 Minute
5.2.1 Six-Demo Gallery Tour3 Minuten

6 LektürenInsgesamt 60 Minuten

Key Terms: wasm-dash Snapshot Fixture and view() Composition10 Minuten
Reflection: wasm-dash Snapshot Fixture and view() Composition10 Minuten
Key Terms: Six-Demo Gallery10 Minuten
Reflection: Six-Demo Gallery10 Minuten
Before You Go10 Minuten
Next Steps10 Minuten

1 AufgabeInsgesamt 30 Minuten

Final Graded Quiz: WASM from Zero30 Minuten

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Noah Gift

Pragmatic AI Labs

57 Kurse3.697 Lernende

von

Pragmatic AI Labs

Mehr von Software Development entdecken

Pragmatic AI Labs
Claude From Zero
Kurs
Pragmatic AI Labs
Shipping Rust
Kurs
Pragmatic AI Labs
Valkey From Zero
Kurs
Pragmatic AI Labs
RAG From Zero
Kurs

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Schalten Sie den Zugang zu mehr als 10.000 Kursen mit einem Abonnement frei
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich den über 4.700 globalen Unternehmen an, die Coursera for Business wählen

Häufig gestellte Fragen

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.