Gain insights into WebAssembly, its compilation techniques, and VM infrastructure. Learn about converting native code, optimizing performance, and integrating Rust for efficient web processing.

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

In this chapter, we’ll learn about Emscripten, which is a toolchain to convert C/C++ code into a WebAssembly module.

Emscripten consists of two components:


 


* Emscripten compiler frontend 





 


Get introduced to the concepts we will learn in this chapter.

Introduction to Emscripten

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

Create an E-Commerce Store in Rust

Optimizing Rust and WebAssembly

Conclusion

Appendix

Introduction to Emscripten

Overview