Getting started with WebAssembly & Emscripten

Getting started with WebAssembly & Emscripten
Getting started with WebAssembly & Emscripten
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2.5 Hours | 687 MB

A complete guide for learning the WebAssembly JavaScript API and Emscripten toolset.

Learn to create and use WebAssembly Modules from scratch using Emscripten.

Bring your skills up to date with the very latest technology in Web Development.

This course is suitable for both beginners and experienced developers looking to get started with WebAssembly.

  • Understand what WebAssembly is and how it speeds up the web
  • Use native JavaScript APIs to load and run WebAssembly modules
  • Learn to use Emscripten and compile your own C or C++ code as a WebAssembly module
  • Use WebAssembly in a real-world project and micro benchmark

An invaluable skill for any developer looking to future-proof their skills

WebAssembly is the most promising new technology for the web, allowing browsers, and other JavaScript environments, to run blazing-fast raw binary modules, compiled directly from C, C++ and many other languages.

Understanding WebAssembly is an invaluable skill for anyone working with JavaScript or compiled languages, allowing you to bridge the gap between native software development and web-based JavaScript.

This course will provide a very practical and concise approach to learning WebAssembly & Emscripten, and will give you a solid base to immediately start creating and implementing fast, optimised WebAssembly modules.

Content and Overview

This course aims to teach a solid foundational understanding of what WebAssembly is, and why it’s so powerful.

Section one starts with an overview of WebAssembly and a detailed setup lesson to help you follow along every step of the way.

Section two covers the native JavaScript browser API for loading and running WebAssembly modules. This section also includes importing and exporting functions to and from a WebAssembly module, and shows how to access WebAssembly memory.

The third and most substantial part of the course, covers Emscripten in-depth. Teaching everything from installing Emscripten on either Mac, Windows or Linux, compiling C code from scratch and the general Module runtime cycle.

This Emscripten section also teaches some more advanced features of Emscripten, including calling JavaScript from a WebAssembly module and vice-versa.

The final section of the course is a practical 4-part lesson, teaching how to implement a fully animated HTML5 Canvas project using WebAssembly as the main processor.

Upon completion of this course you will have the practical skills to immediately start creating high performance WebAssembly modules.

This course is to the point and everything is demonstrated in the most simple, yet practical ways.

What you’ll learn

  • Understand what WebAssembly is and how it will impact Web Development
  • Learn to load and run WebAssembly modules, using native JavaScript browser APIs
  • Compile C and C++ code using Emscripten
  • Advanced Emscripten features such as calling JS from WA and vice-versa
Table of Contents

Overview
1 Introduction
2 Prerequisites & Lesson Structure

WebAssembly Browser API
3 Loading a WASM
4 Exports: Calling C from JavaScript
5 Imports: Calling JavaScript from C
6 Memory Access: Reading Strings
7 Custom Memory Imports

Getting Started with Emscripten
8 What is Emscripten?
9 Installing Emscripten Tools
10 Compiling your first WASM
11 Compilation Options
12 Exporting C functions to JavaScript
13 Calling JavaScript functions from C
14 Preamble Conversion Functions
15 Emscripten Module & Memory Buffer
16 Debugging
17 Runtime Initialisation
18 Emrun

Practical WebAssembly
19 Micro Benchmark: Prime Numbers
20 Canvas Project 1: Setup
21 Canvas Project 2: Data Structure
22 Canvas Project 3: Animation

Outro
23 Bonus Lecture: Feedback & Course Coupons