WebAssembly Zero to Hero

Get to know WebAssembly and why it's useful, and invigorate your web applications by running native code on the web! Speed up your apps by learning how to compile C++ to create wasm modules, understanding the low-level details, calling the functions from JavaScript, and debugging them when necessary.

Section Menu

How do I use this section?

1. LESSON

Introduction to WebAssembly

Welcome to the introduction to WebAssembly! As a seasoned web developer, you're likely always seeking ways to enhance the performance and functionality of your web applications. Enter WebAssembly (often abbreviated as wasm), an innovative technology that can help you achieve those goals. WebAssembly is a binary instruction format for a stack-ba...

2. LESSON

Compiling C++ to Wasm

WebAssembly (Wasm) is a binary instruction format for a stack-based virtual machine that fills a critical gap in the web platform's capabilities. It doesn't replace JavaScript, but it does give developers a performant, low-level compilation target for their web applications. It also supports languages other than JavaScript, like C++, allowing them...

3. LESSON

Understanding the Low-Level Details

Welcome, senior engineer. You've comfortably navigated the world of JavaScript, HTML, and CSS. Maps of strengths and weaknesses sewed together, individual threads picked up one after the other throughout your journey in the realm of web development. Now, you've arrived at the door of WebAssembly, and it's time to step inside and embrace this new t...

4. LESSON

Calling Wasm Functions from JavaScript

WebAssembly, abbreviated as wasm, is a powerful technology that has opened up an entirely new universe of possibilities for web developers. It is a binary instruction format designed as a stack-based virtual machine. The principal target of WebAssembly is the execution in a web browser, allowing high-performance applications on web pages, but it d...

5. LESSON

Debugging WebAssembly

Welcome to the exciting world of WebAssembly debugging! Debugging WebAssembly (or wasm) modules can feel like a daunting task - especially given wasm's low-level nature. However, thanks to various advancements in tools and technologies, things are not as intimidating as they might first appear. WebAssembly debugging is critical in web application...

6. LESSON

Taking WebAssembly to the Next Level

Introduction to WebAssembly WebAssembly, often abbreviated to Wasm, is considered a game-changer for web development. It’s an open standard that enables high-performance execution of compiled code directly in the browser. You can think of it much like an assembly language for a conceptual machine. Yet, this machine is different from any hardw...