HELLO WEBASSEMBLY - A BEGINNERS TUTORIAL TO CODING WEBASSEMBLY (WASM) BY HAND.

this video gives you a brief tutorial into webassembly. in this tutorial chris explains why web assembly is important and shows you how to create your very first webassembly file by hand. we look at the webassembly text format (WAT), productivity tools in vscode, and we convert your WAT file to WASM using the wat2wasm converter in the web assembly toolkit (WABT). once we have handcoded our first webassembly file, we do a quick walkthrough of the bytecode and how the webassembly file works. Finally we load and run our WASM file in the browser and server side with nodejs.

[silasmarrs]

I just want to say thank you for this. There are certain programming concepts that don't click for me until they are explained at the byte-level, and this really helped me understand what was going on at a deeper level than any other video I've seen on the topic!

[waliqadri]

Oh my god, webassemly took me back 20 years, . Miss that time when everything was so simple. We used to have simple command line compilers like asm2exe

[sourdface]

The bytecode generated was surprisingly easy to understand with the comments given.

[luciano.b]

Hi! I'm from Brazil, I was looking for video tutorial about WEBASSEMBLY and I found this. I'm glad I found you Chris Hay.

[aperson]

Great video! 25:24 - The final WASM binary is only actually 43 bytes! You highlighted the .wat text version :)

[jorgegomes]

Great content you have here. I was looking for something like this to get started messing with wasm.

Many thanks!

[jamesmccafferty]

Great video. Just saved me a few days of digging

[henrmota]

I noticed that you bring very interesting topics to discussion. Maybe you could make a video explaining how do you learn this new and complex things, and what basic knowledge we should have to investigate this topics by ourselves.

[Rage]

0:14 — "You're probably never going to hand-code WebAssembly for real world projects"
Me, deciding to hand-code a compiler in WebAssembly: 🙃

[johnhanley]

Bravo. Videos of this quality spark new ideas.

[caseyonline]

awesome .. perfect level of instructional details.

[mineeduka]

Wow beautiful it is strong type and it has a stack. So beautiful ❤️

[zbighugh]

When I ran "node server.js" I got a "Cannot use import statement outside a module" error. I found out you have to add "type": "module", to package.json like {
"type": "module",
"dependencies": {
"express": "^4.18.1"
}
}
and that fixed the problem. Also, it was not clear that the test.html should be placed in the 'public' folder. But great tutorial. Got everything to work.

[MikeNugget]

Would be nice to discuss real examples of using wasm, when and why should it be used. In my opinion the real case is intensive calculations or complex maths but just array sorting.

[jomy-games]

This is exactly what I was looking for. This will be a great challenge

[safiaguellil]

Thank you very much!
Very useful and interesting!

[dmitryponyatov]

Is WASM has some movement toward being itself as a generic runtime both for web backend and frontend?

front/back convergence will be great for things like data exchange without serialization (VM-native binary messages), and code sharing

[parkrw]

Do you have in mind including golang/wasm like rust / wasmt ??

[agumonkey]

wasm bringing lisp and forth through the backdoor. #RPL

[gregoryshields]

I’m curious what is that app you’re drawing on. Apparently you’re using a stylus on your iPad?