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 automatically converts WebAssembly modules into JavaScript code.

It provides inbuilt support for WebAssembly.

It internally depends on the webassemblyjs library to handle WebAssembly modules.

It optimizes and eliminates dead code from WebAssembly modules.

How does webpack help with WebAssembly?

It is a tool to compile Rust code into WebAssembly.

It is a bundler for WebAssembly modules in Rust projects.

It is a tool to pack and publish Rust-generated WebAssembly projects to npm.

It is a WebAssembly runtime for Rust applications.

What is the purpose of `wasm-pack` in Rust and WebAssembly projects?

What is the purpose of <code>wasm-pack</code> in Rust and WebAssembly projects?

Which `web-pack` command is used to pack a WebAssembly module?


Which <code>web-pack</code> command is used to pack a WebAssembly module?

It compiles the WebAssembly module and generates the JavaScript bindings.

It bundles the WebAssembly module with webpack or Parcel.

It creates a tarball package with the contents of the pkg folder for publishing.

It publishes the WebAssembly module to the npm registry.

What does the `wasm-pack publish` command do?

What does the <code>wasm-pack publish</code> command do?

Bundlers reduce overload and remove clutter when developing with JavaScript.

Bundlers automatically compile and reload changes in the browser.

Bundlers provide a solution to all the challenges in JavaScript development.

Bundlers make it easy to pack and publish modules.

**(Select all that apply.)** What is the advantage of using bundlers like webpack in JavaScript development?

(Select all that apply.) What is the advantage of using bundlers like webpack in JavaScript development?

Test your understanding of the basics of bundling, packing, and publishing 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 wasm-pack