Book Image

Learn WebAssembly

By : Mike Rourke
Book Image

Learn WebAssembly

By: Mike Rourke

Overview of this book

WebAssembly is a brand-new technology that represents a paradigm shift in web development. This book teaches programmers to leverage this technology to write high-performance applications that run in the browser. This book introduces you to powerful WebAssembly concepts to help you write lean and powerful web applications with native performance. You start with the evolution of web programming, the state of things today, and what can be done with the advent and release of WebAssembly. We take a look at the journey from JavaScript to asm.js to WebAssembly. We then move on to analyze the anatomy of a WebAssembly module and the relationship between binary and text formats, along with the corresponding JavaScript API. Further on, you'll implement all the techniques you've learned to build a high-performance application using C and WebAssembly, and then port an existing game written in C++ to WebAssembly using Emscripten. By the end of this book, you will be well-equipped to create high-performance applications and games for the web using WebAssembly.
Table of Contents (18 chapters)
Title Page
Copyright and Credits
Dedication
PacktPub.com
Contributors
Preface
Index

The development workflow


The development workflow for WebAssembly is comparable to most other languages that require compilation and a build process. Before getting into the tooling setup, we will cover the development cycle. In this section, we will establish some context for the tooling we will install and configure in the rest of this chapter.

Steps in the workflow

For this book, we will write C and C++ code and compile it down to a Wasm module, but the workflow will be applicable to any programming language that compiles down to a .wasm file. The following diagram gives an overview of the process:

Steps in the development workflow

This process will be used throughout the book for our examples, so you'll get an idea of how the project structure corresponds to the workflow. We'll use some of the tooling available to expedite and simplify the process, but the steps will still be the same.

Integrating Tooling into the workflow

There are many editors and tools available to simplify the development...