WebAssembly Tutorial (WebAssembly vs JavaScript)

Channel:
United States Coding Tech
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=FeoxFeJbHK0


Category:
Tutorial
Duration: 25:52
7,148 views
177

In this video I show the process of setting up AssemblyScript to WebAssembly compilation and how to test and evaluate the performance of placing computation in WASM compared to just using Javascript. AssemblyScript has the goal to provide TypeScript like syntax as much as possible and is therefore suitable for those that prefer to write Javascript and TS over alternatives like C, C++, Python, Go, Rust, Java, PHP, and so on. The functions covered in the video is a simple Add function, Factorials and Squaring all elements in an array. I also try to investigate the impact of passing large parameter payloads between JS and WASM and the glue code needed when passing more complex datatypes as parameters. Enjoy! :D


Full Code: https://github.com/danba340/assemblyscript-benchmarks


Setup from scratch steps:
npm init -y
npm install --save @assemblyscript/loader
npm install --save-dev assemblyscript
npx asinit .
npm run asbuild

Twitter: https://twitter.com/BarelyDaniel
Github: https://github.com/danba340

0:00 Intro
1:00 Files overview
2:53 Try the tests
3:30 Factorial AS
4:38 Factorial Test
5:30 Setting up Benchmark
9:30 Add & Factorial Benchmark
12:52 SquareArray AS
14:09 SquareArray Glue Code
17:52 SquareArray Test
19:30 SquareArray Benchmark
23:00 SquareArray no payload Benchmark
24:43 What did we learn?



Other Videos By Coding Tech


2021-07-22Django Structure For Scale and Longevity
2021-07-21Focused vs Diffuse Thinking: Why Software Developers Need to Master Both Parts of Their Mind
2021-07-19Pythonic Code, By Example
2021-07-18Internet of Things (IoT) with Node: Both Practical and Fun
2021-07-17When Do Programmers Retire? Is 40 the End?
2021-07-17Domain Driven Design Patterns in Python
2021-07-16Let’s Build a Real Time Chat Application with Elixir and Phoenix
2021-07-14Intro To Linux Memory Management
2021-07-14Integrating Containers in JavaScript: the Good, the Bad, and the Ugly
2021-07-12Macros for a More Productive Rust
2021-07-12WebAssembly Tutorial (WebAssembly vs JavaScript)
2021-07-11Intro to Reverse Engineering
2021-07-10Type safe GraphQL with TypeScript
2021-07-09Blockchain 101 (or How to Build a Blockchain with JavaScript)
2021-07-06Making JavaScript on WebAssembly Fast
2021-07-02VS Code Tips and Tricks for 2021
2021-07-01Introduction to Modern React (2 Hour Course)
2021-06-28Three Patterns To Scale Your Microservices
2021-06-27Common React Mistakes: useEffect, useCallback and useMemo Hooks
2021-06-25Building User Adaptive Interfaces with Preference Media Queries
2021-06-24Building Strongly Typed REST Clients with TypeScript


Tags:
webassembly
javascript
AssemblyScript
WASM