Gain insights into WebAssembly by converting native code, optimizing performance, and integrating Rust. Delve into compilation, VM infrastructure, format switching, and publishing modules using Emscripten and Binaryen tools.

PracticalWith2.88.tar.gz

chp1

chp2-1

chp2-2

chap3-fib.wat

chp4-01

chp4-02

chp4-02-v

chp4-02-v-copy

chp4-02-wasm2wat

chp4-02-wasm2wat-help

chp4-02-wasm2wat-v

chp4-02-wasm2wat-v-nodebug

chp4-02-wat2wasm-f

chp4-02-wat2wasm-f-copy

chp4-wat2wasm

chp4-wat2wasm-wasm2c

chp4-wast2json

chp4-wast2json-help

chp4-wasm-objdump-help

chp4-wasm-objdump-h-add.wat

chp4-wasm-objdump-d-add.wasm

chp4-wasm-objdump-x-add.wasm

chp4-wasm-objdump-s-add.wasm

chp4-wasm-strip-simpl.wat2wasm

chp4-wasm-strip-simpl.wat2wasm-optimized

chp4-wasm-validate-error.wasm

chp4-wasm-validate-error.wasm-test

chp4-wasm-interp-add.wat

chp4-wasm-interp-help

chp5-export-import-hexdump

chp5-01-jsAdd

chp5-01-jsAdd-hexdump

chp5-01-add.wat

chp5-01-globals01

chp5-globals

chp6-01-add.wat

chp6-01-add.wat-wasm-as-help

chp6-01-add.wat-copy

chp6-02-add.wat-wasm-dis

chp6-01-add.wat-wasm-dis-help

chp6-02-add.wat-wasm-dis-d

chp6-03-inline-optimize

chp6-03-inline-optimize-further

chp6-03-add.wat-wasm-opt-help

chp6-04-add-with-export.wast-wasm2js

chp7-01-hello_world

chp7-01-hello_world-binary

chp7-01-hello_worldHtml

chp7-02-cargo-fib-wasm

chp7-03-cargo-fib-wasm-fibnacci

chp7-02-cargo-hello_world

chp7-02-cargo-hello_world-copy

chp8-02-cargo-live-reload

chp7-wasm-bindgen

chp8-wasm-bindgen-live_reload

chp8-03-cargo-live-reload-parcel

chp8-wasm-bindgen-live_reload-parcel

chp8-04-cargo-wasm_pack_world

chp8-wasm-pack-intro

chp8-wasm-pack-intro-pack

chp9-class_world

chp9-class_from_js_world

chp9-jsapi

chp9-closure_world

chp9-import_js_world

chp9-web_sys_api

chp10-wasm-rust

chp10-memory_world

twiggy version

chp10-02-with twiggy

chp10-02-with twiggy-path

chp10-02-with twiggy-mono

wasm-bindgen-install-help

chp5-globals-memory

chp4-02-wasm2wat-ls

chp4-wasm-validate-options

chp5-01-shared-memory

WebAssembly, also known as WASM, is a binary instruction format that provides multiple programming languages (C/C++, Ruby, Java, etc.) with a compilation target for smooth web processing. In this course, we’ll learn how to convert native code of different languages into WebAssembly and optimize it for better performance.

This intermediate-level course provides basic information on compilation techniques and VM infrastructure. It discusses converting C/C++ code into WebAssembly and loading the binary in a Node.js browser through tools like Emscripten and emsdk. You will learn the difference between WebAssembly text (WAST) and binary format (WASM). The course will cover step-by-step guidelines for switching between formats such as WASM, WAST, C, and JSON. Additionally, you’ll learn how to use tools provided by Binaryen.

After taking this course, you’ll learn how to integrate Rust into WebAssembly, publish modules, and optimize the memory model.

Practical WebAssembly

Which annotation helps in sharing Rust classes with JavaScript using `wasm-bindgen`?

Which annotation helps in sharing Rust classes with JavaScript using <code>wasm-bindgen</code>?

Which `cargo` command is used to generate the WebAssembly module?

Which <code>cargo</code> command is used to generate the WebAssembly module?

Calls a JavaScript function from class `Point`

Imports a WebAssembly module and using `Point` struct

What does the following JavaScript code do?
```js
import("./class_world").then(({Point}) => {
    const p1 = Point.new(10, 10);
    console.log(p1.get_x(), p1.get_y());
    const p2 = Point.new(3, 3);
    p1.add(p2);
    console.log(p1.get_x(), p1.get_y());
});
```

What does the following JavaScript code do?
<pre><code class="language-js">import(&quot;./class_world&quot;).then(({Point}) =&gt; {
 const p1 = Point.new(10, 10);
 console.log(p1.get_x(), p1.get_y());
 const p2 = Point.new(3, 3);
 p1.add(p2);
 console.log(p1.get_x(), p1.get_y());
});
</code></pre>

Exports functions from the C programming language

Specifies functions that are callable from JavaScript

What does the `extern “C”` block do in Rust code that uses `wasm-bindgen`?

What does the <code>extern “C”</code> block do in Rust code that uses <code>wasm-bindgen</code>?

Which crate provides raw bindings to all the Web APIs for Rust?

Which crate provides raw bindings to all the Web APIs for Rust?

Test your understanding of the boundary limits between Rust and WebAssembly.

Quiz Yourself: Basics of the Boundary Limits between Rust and WebAssembly

Introduction to the Course

Understanding LLVM

Understanding Emscripten

Exploring WebAssembly Modules

Understanding the WebAssembly Binary Toolkit

Understanding Sections in WebAssembly Modules

Exploring Binaryen and Its Tools

Integrating Rust with WebAssembly

Bundling WebAssembly Using wasm-pack

Crossing the Boundary between Rust and WebAssembly

Optimizing Rust and WebAssembly

Conclusion

Appendix

Quiz Yourself: Basics of the Boundary Limits between Rust and WebAssembly