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

**(True or False.)** Rust is a system-level programming language that provides low-level memory management and better performance.

(True or False.) Rust is a system-level programming language that provides low-level memory management and better performance.

**(True or False.)** Rust’s ownership model ensures thread and memory safety, making it unnecessary to use garbage collection.

(True or False.) Rust’s ownership model ensures thread and memory safety, making it unnecessary to use garbage collection.

Rust provides first-class support for WebAssembly. Which target is used to compile Rust code into WebAssembly?

Rust provides first-class support for WebAssembly. Which target is used to compile Rust code into WebAssembly?

It generates binding files to interface with WebAssembly from JavaScript.

It provides a Rust library for working with binary data.

What does <code>wasm-bindgen</code> do?

**(Select all that apply.)** To load and run the generated WebAssembly files, which bundler can be used?

(Select all that apply.) To load and run the generated WebAssembly files, which bundler can be used?

To indicate that a function cannot be called from external code

To ensure that the function name is preserved in the generated library

To specify the type of variables in a function

To enforce a strict naming convention for functions

What is the purpose of the `#[no_mangle]` annotation in Rust?

What is the purpose of the <code>#[no_mangle]</code> annotation in Rust?

Parsing the input and creating an Abstract Syntax Tree (AST)

Generating LLVM Intermediate Representation (LLVM IR)

What is the first step in the process of generating WebAssembly modules from Rust code?

What is the first step in the process of generating WebAssembly modules from Rust code?

Test your understanding of the basics of Rust with 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 Integrating Rust with WebAssembly