Thanks to visit codestin.com
Credit goes to subscription.packtpub.com

Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learn WebAssembly
  • Table Of Contents Toc
  • Feedback & Rating feedback
Learn WebAssembly

Learn WebAssembly

By : Rourke
2.8 (5)
Buy this Book
close
close
Learn WebAssembly

Learn WebAssembly

2.8 (5)
By: Rourke
Buy this Book

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 (12 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
Lock Free Chapter
1
What is WebAssembly?
Icon
What is WebAssembly?
Icon
The road to WebAssembly
Icon
What exactly is WebAssembly and where can I use it?
Icon
What languages are supported?
Icon
What are the limitations?
Icon
How does it relate to Emscripten?
Icon
Summary
Icon
Questions
Icon
Further reading
2
Elements of WebAssembly - Wat, Wasm, and the JavaScript API
Icon
Elements of WebAssembly - Wat, Wasm, and the JavaScript API
Icon
Common structure and abstract syntax
Icon
Wat
Icon
Binary format and the module file (Wasm)
Icon
The JavaScript and Web APIs
Icon
Connecting the dots with WasmFiddle
Icon
Summary
Icon
Questions
Icon
Further reading
3
Setting Up a Development Environment
Icon
Setting Up a Development Environment
Icon
Installing the development tooling
Icon
Configuring VS Code
Icon
Setting up for the web
Icon
Other tools
Icon
Summary
Icon
Questions
Icon
Further reading
4
Installing the Required Dependencies
chevron up
Icon
Installing the Required Dependencies
Icon
The development workflow
Icon
Emscripten and the EMSDK
Icon
Installing the prerequisites
Icon
Installing and configuring the EMSDK
Icon
Testing the compiler
Icon
Summary
Icon
Questions
Icon
Further reading
5
Creating and Loading a WebAssembly Module
Icon
Creating and Loading a WebAssembly Module
Icon
Compiling C with Emscripten glue code
Icon
Loading the Emscripten module
Icon
Compiling C without the glue code
Icon
Fetching and instantiating a Wasm file
Icon
Summary
Icon
Questions
Icon
Further reading
6
Interacting with JavaScript and Debugging
Icon
Interacting with JavaScript and Debugging
Icon
The Emscripten module versus the WebAssembly object
Icon
Calling compiled C/C++ functions from JavaScript
Icon
Calling JavaScript functions from C/C++
Icon
Advanced Emscripten features
Icon
Debugging in the browser
Icon
Summary
Icon
Questions
Icon
Further reading
7
Creating an Application from Scratch
Icon
Creating an Application from Scratch
Icon
Cook the Books – making WebAssembly accountable
Icon
Setting up the project
Icon
Building the C portion
Icon
Building the JavaScript portion
Icon
Running the application
Icon
Summary
Icon
Questions
Icon
Further reading
8
Porting a Game with Emscripten
Icon
Porting a Game with Emscripten
Icon
Overview of the game
Icon
The code base in depth
Icon
Porting to Emscripten
Icon
Building and running the game
Icon
Summary
Icon
Questions
Icon
Further reading
9
Integrating with Node.js
Icon
Integrating with Node.js
Icon
Why Node.js?
Icon
Server-side WebAssembly with Express
Icon
Client-side WebAssembly with Webpack
Icon
Testing WebAssembly modules with Jest
Icon
Summary
Icon
Questions
Icon
Further reading
10
Advanced Tools and Upcoming Features
Icon
Advanced Tools and Upcoming Features
Icon
WABT and Binaryen
Icon
Compiling with LLVM
Icon
Online tooling
Icon
Parallel Wasm with Web Workers
Icon
Upcoming features
Icon
Summary
Icon
Questions
Icon
Further reading
11
Other Books You May Enjoy
Icon
Other Books You May Enjoy
Icon
Leave a review - let other readers know what you think

Installing the Required Dependencies

Now that you have your development environment set up and you're ready to start writing C, C++, and JavaScript, it's time to add the final piece of the puzzle. In order to generate .wasm files from our C/C++ code, we need to install and configure the Emscripten SDK (EMSDK).

In this chapter, we'll discuss the development workflow and talk about how the EMSDK fits into the development process. Detailed instructions will be provided on how to install and configure the EMSDK on each platform, as well as any prerequisites. Once the installation and configuration process is complete, you'll test it out by writing and compiling some C code.

Our goal for this chapter is to understand the following:

  • The overall development workflow when working with WebAssembly
  • How the EMSDK relates to Emscripten and WebAssembly and why it...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learn WebAssembly
End of Section 4
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon