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

It converts WebAssembly binary into machine code

It converts WebAssembly binary into a human-readable format

It converts WebAssembly binary into JavaScript.

It converts WebAssembly binary into C code.

Which WABT tool helps to convert WAST format into WASM?

Which WABT tool helps to convert WAST format into WASM?

Use the `wast2json` command with the `--strip` option.

Use the `wat2wasm` command with the `--no-debug-names` option.

Use the `wasm2c` command with the `--no-custom-section` option.

How can you remove unnecessary information from a WASM binary to trim its size?

How can you remove unnecessary information from a WASM binary to trim its size?

Which WABT tool checks whether a WASM binary is valid or not?

Which WABT tool checks whether a WASM binary is valid or not?

Removes unnecessary information from the binary to reduce its size

Converts WASM back into WAST format with a folded expression

What does the `--fold-exprs` option in `wasm2wat` do?

What does the <code>--fold-exprs</code> option in <code>wasm2wat</code> do?

Test your understanding of the basics of the binary toolkit and its uses in WebAssembly.

Quiz Yourself: Basics of WebAssembly Binary Toolkit

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 WebAssembly Binary Toolkit