Name: 实用WebAssembly
Availability: InStock

实用WebAssembly

WebAssembly，简称 WASM，是一种二进制指令格式，为多种编程语言（如 C/C++、Ruby、Java 等）提供了编译目标，以实现网页上的高效运行。本课程将教你如何将不同语言的原生代码转换为 WebAssembly，并进行优化以提升性能。本中级课程介绍编译技术与虚拟机基础设施的基础知识。课程将讲解如何将 C/C++ 代码转换为 WebAssembly，以及如何通过 Emscripten 和 emsdk 等工具在 Node.js 或浏览器环境中加载二进制文件。你将学习 WebAssembly 文本格式（WAST）与二进制格式（WASM）之间的区别。课程还将提供从 WASM、WAST、C 到 JSON 等格式之间相互转换的详细步骤指南。此外，你还将学习使用 Binaryen 提供的工具。完成本课程后，你将掌握如何将 Rust 集成到 WebAssembly 中，发布模块，并优化内存模型。

13 Lessons

WHAT YOU'LL LEARN

熟悉使用 Emscripten 创建 WebAssembly 二进制文件

能够使用 Node.js 服务器运行 Emscripten 生成的 WebAssembly 二进制文件

能够将 WASM 转换为 WAST 及其他格式

熟练掌握识别、调试和编写高效 WebAssembly 模块

了解如何使用 Binaryen 将 WebAssembly 转换为不同格式

能够使用不同的包将 Rust 转换为 WebAssembly

熟悉使用 Emscripten 创建 WebAssembly 二进制文件

Content

13 Lessons • 0 Quizzes • 0 Challenges

课程简介

1
概览

理解 LLVM

1
入门
2
理解编译器
3
探索 LLVM
4
LLVM 实战
5
测验自己：LLVM 基础知识

优化 Rust 和 WebAssembly

1
最小化与分析：一个重要的方面
2
减小 WebAssembly 模块的大小
3
分析 WebAssembly 模块中的内存模型
4
在 JavaScript 中创建一个内存对象以供 Rust 应用使用
5
使用 Twiggy 分析 WebAssembly 模块
6
自我测验：优化 Rust 和 WebAssembly 的基础知识

理解 Emscripten

1
Emscripten 简介
2
使用 Emscripten 生成 asm.js
3
使用 Emscripten 在 Node.js 中运行 Hello World
4
在浏览器中使用 Emscripten 运行 Hello World
5
探索 emsdk 中的其他选项
6
理解不同层次的优化
7
测验自己：Emscripten 基础知识

结论

1
总结

探索 WebAssembly 模块

1
WebAssembly 模块简介
2
了解 WebAssembly 的工作原理
3
探索 WebAssembly 文本格式
4
测验自己：WebAssembly 模块基础

附录

1
使用 emsdk 安装 Emscripten
2
安装 WABT
3
安装 Binaryen
4
安装 Rust
5
安装 wasm-bindgen
6
安装 wasm-pack 和 Twiggy

理解 WebAssembly 二进制工具包

1
WebAssembly 二进制工具包简介
2
将 WAST 转换为 WASM
3
将 WASM 转换为 WAST
4
将 WASM 转换为 C
5
将 WAST 转换为 JSON
6
了解 WABT 提供的其他一些工具
7
自我测验：WebAssembly 二进制工具包基础

理解 WebAssembly 模块中的段（Sections）

1
WebAssembly 模块中的段简介（orientation）
2
导出和导入
3
全局变量和常量
4
开始函数
5
共享内存
6
测验自己：WebAssembly 模块中的段基础（checkpoint）

探索 Binaryen 及其工具

1
二进制工具链简介
2
wasm-as 工具
3
wasm-dis 工具
4
wasm-opt 工具
5
wasm2js 工具
6
测验自己：Binaryen 基础知识

将 Rust 与 WebAssembly 集成

1
Rust 与 WebAssembly 入门
2
通过 rustc 将 Rust 转换为 WebAssembly
3
通过 Cargo 将 Rust 转换为 WebAssembly
4
通过 wasm-bindgen 将 Rust 转换为 WebAssembly
5
自我测验：Rust 与 WebAssembly 集成基础

使用 wasm-pack 打包 WebAssembly

1
JavaScript 与 WebAssembly 的协同工作
2
使用 webpack 打包 WebAssembly 模块
3
使用 Parcel 打包 WebAssembly 模块
4
介绍 wasm-pack
5
使用 wasm-pack 打包与发布
6
测验自己：wasm-pack 基础知识

跨越 Rust 与 WebAssembly 之间的边界

1
Rust 与 WebAssembly 的交互
2
从 Rust 与 JavaScript 共享类
3
从 JavaScript 共享类到 Rust
4
通过 WebAssembly 调用 JavaScript API
5
通过 WebAssembly 调用闭包
6
将 JavaScript 函数导入到 Rust 中
7
通过 WebAssembly 调用 Web API
8
自我测验：Rust 与 WebAssembly 边界限制基础

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

实用WebAssembly

WHAT YOU'LL LEARN

Content

1. 课程简介熟悉 Rust 和 WebAssembly 的基础知识，以构建高性能的网络应用。

概览

2. 理解 LLVM了解 LLVM 在优化和编译 WebAssembly 代码中的作用原理。

入门

理解编译器

探索 LLVM

LLVM 实战

测验自己：LLVM 基础知识

3. 优化 Rust 和 WebAssembly掌握优化 Rust 和 WebAssembly 以提升性能和效率的基础知识。

最小化与分析：一个重要的方面

减小 WebAssembly 模块的大小

分析 WebAssembly 模块中的内存模型

在 JavaScript 中创建一个内存对象以供 Rust 应用使用

使用 Twiggy 分析 WebAssembly 模块

自我测验：优化 Rust 和 WebAssembly 的基础知识

4. 理解 Emscripten掌握使用 Emscripten 工具将 C/C++ 代码转换为 WebAssembly 的步骤及优化方法。

Emscripten 简介

使用 Emscripten 生成 asm.js

使用 Emscripten 在 Node.js 中运行 Hello World

在浏览器中使用 Emscripten 运行 Hello World

探索 emsdk 中的其他选项

理解不同层次的优化

测验自己：Emscripten 基础知识

5. 结论解决WebAssembly与Rust集成、性能及优化工具相关的问题。

总结

6. 探索 WebAssembly 模块掌握 WebAssembly 模块的基础知识、其工作原理以及文本格式，以实现优化。

WebAssembly 模块简介

了解 WebAssembly 的工作原理

探索 WebAssembly 文本格式

测验自己：WebAssembly 模块基础

7. 附录简化复杂的 WebAssembly 工具安装，包括 Emscripten、WABT、Binaryen、Rust、wasm-bindgen 等。

使用 emsdk 安装 Emscripten

安装 WABT

安装 Binaryen

安装 Rust

安装 wasm-bindgen

安装 wasm-pack 和 Twiggy

8. 理解 WebAssembly 二进制工具包深入探索WebAssembly二进制工具包的转换与调试功能。

WebAssembly 二进制工具包简介

将 WAST 转换为 WASM

将 WASM 转换为 WAST

将 WASM 转换为 C

将 WAST 转换为 JSON

了解 WABT 提供的其他一些工具

自我测验：WebAssembly 二进制工具包基础

9. 理解 WebAssembly 模块中的段（Sections）按照理解 WebAssembly 模块各部分的流程，从导出/导入开始，逐步了解共享内存。

WebAssembly 模块中的段简介（orientation）

导出和导入

全局变量和常量

开始函数

共享内存

测验自己：WebAssembly 模块中的段基础（checkpoint）

10. 探索 Binaryen 及其工具掌握高效优化和转换 WebAssembly 的工具 Binaryen。

二进制工具链简介

wasm-as 工具

wasm-dis 工具

wasm-opt 工具

wasm2js 工具

测验自己：Binaryen 基础知识

11. 将 Rust 与 WebAssembly 集成逐步集成 Rust 与 WebAssembly，使用 rustc、Cargo 和 wasm-bindgen 等工具。

Rust 与 WebAssembly 入门

通过 rustc 将 Rust 转换为 WebAssembly

通过 Cargo 将 Rust 转换为 WebAssembly

通过 wasm-bindgen 将 Rust 转换为 WebAssembly

自我测验：Rust 与 WebAssembly 集成基础

12. 使用 wasm-pack 打包 WebAssembly深入理解使用 wasm-pack、webpack 和 Parcel 等工具打包 WebAssembly 的核心机制。

JavaScript 与 WebAssembly 的协同工作

使用 webpack 打包 WebAssembly 模块

使用 Parcel 打包 WebAssembly 模块

介绍 wasm-pack

使用 wasm-pack 打包与发布

测验自己：wasm-pack 基础知识

13. 跨越 Rust 与 WebAssembly 之间的边界掌握通过 WebAssembly 将 Rust 与 JavaScript 集成的步骤，实现无缝功能交互。

Rust 与 WebAssembly 的交互

从 Rust 与 JavaScript 共享类

从 JavaScript 共享类到 Rust

通过 WebAssembly 调用 JavaScript API