Web Assembly (WASM) in 100 Seconds

Learn the fundamentals of Web Assembly in 100 Seconds, then build your first WASM binary with AssemblyScript. fireship.io
- WASM Docs developer.mozi...
- Figma's Story www.figma.com/...
- AssemblyScript www.assemblysc...
#webdev #wasm #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.c...
Android play.google.co...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font

[@oskarszwajkowski]

We live in times where you learn JS to write server side code and desktop apps (electron), and you also learn C++ / Rust to create browser apps.

[@basharmously2162]

It is actually more nuts the more you think about it.

[@Fireship]

Things have really come full circle, haha.

[@SpaghettDev]

@@Fireship yes, a fire circle

[@djordjenikolic6560]

A lot would think it's a joke...no...no it's not

[@Amaraticando]

Ironic...

[@GirishKumar-gi7ky]

petition for a full-blown WASM course in Fireship 🔥

[@winkleraron8175]

This would 100% be my first course in fireship. I've been looking for a course targeting wasm but haven't found any outstanding ones yet.

[@mikemartire1612]

I would love to see a video using ionic or reactNative with WA to do some cool things in a PWA

[@user-iq7xy8is3f]

@@mikemartire1612 me too, tell me if u Fond a solution

[@mikemartire1612]

​ @Zakariyya Abdullahi ive been looking and havent found anything. I've specifically been looking for a way to turn sophisticated animations or images into video in the frontend. It doesnt look like it has been done yet in a non-native way

[@wasifahsan2718]

Agreed agreed agreed!
(≧▽≦)

[@abcdefg-nu4xj]

“If”? Literally everyone wants to see an in depth video

[@siruglymane8343]

this is a teaser trailer

[@scifiroel]

I second that

[@minatonamikase4440]

THIS

[@ragnarlaud2171]

They don't think it be like it is, but it do.

[@omergronich778]

Yes please

[@MrDropMotion]

A more in depth video would be great!

[@isaaccolney8260]

Up

[@ack_]

Up up up

[@jemesmemes9026]

up

[@tajpouria]

Let's go deeper Jeff!

[@krzysztofprzybylski2750]

Yes, please!

[@echoo200]

Me: watches 100 secs about web assembly
Me later:
*Adds to resume

[@lardosian]

You beat me to it!!!

[@edwinthatsnotmyname3670]

*Has to apply to 300 jobs just to get a single interview because everybody added to resume.

[@echoo200]

@@edwinthatsnotmyname3670 we'll see yah in the interview hahaha

[@JJCUBER]

Don’t forget to add your 10 years of experience!

[@Atulnavadiya]

Lmao

[@samarthpatel8070]

I'd love to see you make a simple project where you use c++ and react

[@Fireship]

I was thinking about something similar, but with Rust.

[@Soremwar]

@@Fireship Give Rust some love

[@nikola1912ify]

@@Fireship Definitely Rust!

[@amazecreations1853]

I think not everyone is familiar with rust , in that case if you use c++ most people can understand it

[@arsen2202]

@@Fireship 🔥🔥🔥

[@GamingBlake2002]

I can't believe I'm just now learning about WASM. I've always wondered how 3D modeling sites are capable of such powerful rendering

[@Psychopatz]

Same and also I respect Figma more hehehe

[@circuit10]

WebGL is the main reason for that

[@ZachHixsonTutorials]

I would love to see a more in depth video about this. I tried to learn it about a year or so ago and it was pretty confusing since there were loads of tutorials teaching you how to run simple code, but not a lot actually explaining what was going on, and what the different files were

[@kreuner11]

Emscripten gives you a nice API for this

[@ZachHixsonTutorials]

@@kreuner11 idk, the tutorials I followed used emscripten but usually spit out files that weren't explained, or never gave good next steps past the basic "hello world," example. I'll probably give it another shot today since it's been a while though

[@briangschneider9961]

i 100% agree .. I did exactly the same thing. I think it was at least twice. I got a few very very basic examples working. But to understand anything you had to try to piece together a bunch of different stuff that wasn't exactly directly related. It was a mess

[@sheneshperera]

I'd like to point out that there are huge/major misconceptions when it comes to WASM in the community, especially because it's something new. I've literally had new devs ask me if they should just learn WASM because "it's the future and everything is fast that way". I really liked the fact that you specifically mentioned that WASM can at best be a compilation target only and it will never replace Javascript. Maybe when you do your in-depth video, you could mention the fact that WASM is best used for edge-case optimizations and not something you should write your next app in because it's "fast".
Or be a job-post requirement "Has 7+ professional experience in WASM because we only write the fastest code"

[@masoodhk258]

that last line reminds me of the time when Swift was introduced and I saw a job post that wanted a developer with "6-12 months experience with Swift"

[@circuit10]

WebAssembly isn’t just for performance, it’s for also for using non-JS language on the web and it’s a really good portable, secure, JIT or AOT compilable binary format

[@yash1152]

> _"... WASM is best used for _*_edge-case_*_ optimizations and not something you should write your next app in ..."_
(highlight mine)
the parent comment was good untill the last second sentence quoted above which seems like it's coming from a JS fanboy and who has not seen anything other than that.

[@christianmartinez2179]

This single 100s long video explains everything better than any article I've read since wasm announcement

[@pinch-of-salt]

I had seen some articles earlier on assemblyscript and this language seems like the right direction. Some might debate like they did for running JS in the backend. But AS has one of the best transpilers for WASM and it's very close to JS.

[@ScaerieTale]

Thanks for this :) C# 10/.NET 6 is adding Web Assembly support, and as someone who's just learning C# as her first language, I wasn't familiar with the concept. This was massively helpful :)

[@S_O_O_C]

Kinda late to the party, but check out Blazor, absolute gem of a framework.

[@ithinkimhipster502]

Yes, I would love a more in depth video for webassembly. If you could produce a concise video that details the entire process, from c++ to using it in the browser, that would be amazing!

[@StEvUgnIn]

Check emscripten

[@Rider0fBuffalo]

I love writing client side functions in C# ... It is just so nice. MVVM client pages are my favorite. Just need more creation of components for Blazor! Getting there.

[@DJ-Illuminate]

I am an animator and found Ruffle that is built in WASM and replaces Flash plugins. Now I am trying to understand WASM. I really appreciate this video you did because it instantly gave me the understanding I needed. Not even chatgpt was able to help with this.

[@faraonch]

This is the only topic that deserves a 1 hour in depth deep dive video.

[@alaaal-khater8034]

Blazor WASM in 100 seconds 🔥

[@nhan1503]

YES PLEASE!

[@SinPulseII]

A more in depth video would be amazing. Specifically maybe comparing ease of use of using c++ and wasm to create a website compared to the normal processes

[@MoinkAndKilo]

Thank you for the content. Your 100 seconds videos are always on point.

[@jacobshore]

Yes, in fact I would like more on this topic

[@love4photos]

This was exactly the droids I was looking for! Great 100 second intro! Thank yooou 🤗💕

[@misterkevin_rs4401]

Today is my birthday and I really love the fact of having this video uploaded today 🚀
Been following you since IONIC days

[@matthewao]

Everytime Fireship uploads a video it feels like unboxing a Christmas gift

[@chrisray9653]

A very needed change. More videos on this WASM please.

[@RexGalilae]

I both hate and love that cliffhanger at the end. You better make an in-depth video now 😤

[@ibrahimfadel7711]

Definitely would like to see a longer video on Webassembly

[@freekeys]

Django in 100 seconds ❤️

[@supernenechi]

That... Is the most amazing this ever. Native compiled code straight in the browser??!?! Madness!!!

[@adtc]

NEED A COURSE! THIS IS PHENOMENAL! A few years from now, ALL software would run in a browser!!! You would no longer have "Windows software", "Mac software" and "Linux software" (except the browsers). It will just be "software". EXCITING!!!!

[@Adam_Lyskawa]

The best 100 seconds use I've seen on UA-cam so far.

[@bharat1031]

You continue to amaze me with how high quality your videos are.

[@mtsurov]

I'd pay for a WASM masterclass. (If done by you and priced competitively).

[@Mroskas]

A lot of requirements for a nobody

[@stbuchok]

@@Mroskas He's not a nobody, he's a potential customer. You do understand that don't you?

[@nhanNguyen-wo8fy]

@@Mroskas most people don't want to pay. I don't want to pay.
This guy is a good customer. I see he could pay 49.99$ top.

[@Mroskas]

@Par ler Because I didn't like the comment

[@Mroskas]

@Par ler you have some real work to do if you can't tell the difference between a comment and a person. Take care, buddy!

[@jimjones1010]

This 100 sec was great. Thanks! Love to see an expanded version and will be on the lookout. The time is right.

[@willinton06]

Not meant to replace JS, but it will, and it’ll be glorious, we’re months away from WA 2.0 with multi threading support, the things we’ll make are going to be beautiful

[@gauravpandey1657]

Make a full video please. I really want to understand more about web assembly and your way of describing things is way too good. Keep it up and looking forward for more tutorials.

[@muhammadhamzashujaat6767]

Yes a full-blown tutorial/video about this will be much appreciated.

[@mohamedsalman3205]

Loving Blazor for the past 6 months

[@azatecas]

can you do your biography in 100 seconds? that would be really interesting

[@mubarekabdi]

Absolutely yes to the in-depth video on WebAssembly

[@ankidemi-rider8550]

In depth! In depth! In depth!

[@talderson1]

Did he make one? I remember see something about this a number of years ago. With all the realtime and offline capabilities coming into their own this seems really powerful. Or as a data exchange converting serialized objects back and forth.

[@the_primal_instinct]

For me WASM still stands for Watcom Assembly. I feel old.

[@marianpazdzioch5437]

this is the only channell that I have to slow motion to follow

[@dubba7451]

Maybe for the more in depth video take a look at how to use rust with parcel. I really like how they integrated it.

[@mrala]

that background music is addictively positive 👍

[@darrenfinch1935]

WHY DID I NOT KNOW ABOUT THIS SOONER? As a Java/C# guy, JS has been kind of a low-key pain. I may have just found a replacement :)

[@SalMakes]

AIGHT I'll be now waiting for the In Depth Video.
BTW thanks you made me love web development and now I got my first apprenticeship in the field

[@melkileo]

I translated a CPU intensive app I made in typescript to AssemblyScript (using the right number types for optimizations purposes) and it happened to be slower than the js version !

[@OurWorldIsBroken]

Been using WASM for my last 2 projects, this is great stuff...

[@azulamazigh2789]

now you are just fishing for comment. you know we want in depth video. awesome video by the way.

[@TheDorac1]

I have been searching for a good tutorial on WebAssembly. There isn't really a tutorial. This would be great!

[@cbbcbb6803]

I'm glad you said "even COBOL"!

[@Stridsvagn69420]

now I get how they made Unity and Unreal "browser-compatible"
this is awesome, ngl

[@nonameneeded405]

Go deeper. This channel is amazing! Thanks for all you do.

[@C0llinsW0rth.]

Agreed, more in depth would be amazing! Thank you for these!

[@micmacha]

Every program I write for the web now starts with C and Emscripten. I might use Qt or even straight-up SDL for the interface. *It's just cleaner.*

[@PutraSurya-78]

THANKS!! i finally understand the big picture of wasm

[@abdelhakimkhabir]

write web software with languages other than js
run on all modern browsers => no compatibility issues
Process: language X =compile=> web assembly => go touch some grace
Aha moment: combine them together like what figma does react for no resource demanding stuff and web assbly to... you know!

[@VeryBlueBot]

Thanks and yea, defiantly would be wonderful to get more in depth vids on wasm

[@amatureteacher5009]

Yes. More content on Web Assembly.

[@alibekerkabayev688]

More webassembly pls!!! Your explanation everytime awesome.)))

[@jasonreviews]

funny how i have learned more from your channel than my coding bootcamp....

[@xenialxerous2441]

Hi! Please do an indepth video on #WebAssembly and also, please share the resources pertaining the same. I appreciate your work and indebted to you honestly. Thanks!!

[@TopBagon]

Amazing. In-depth videos would be really dope

[@alexanderbambionaah3899]

Good and brief description. Thanks. Awaiting to have deeper dive into wasm.

[@nathangeneral2414]

Awesome video. Definitely need a full-length tutorial with real-world use cases. Keep up the good work ;)

[@lmamakos]

Conceptually this seems identical to when you had a JVM embedded in a browser. These days, you'd augment your vanilla JVM with a JIT compiler to reach closer to native code performance. (And probably that's still happening here, just starting with a different virtual machine model.) What's different this time?

[@RawPeds]

Fascinating topic. I would be happy to see a more in-depth video about it.

[@peterpeets5798]

Yes - would like to hear more on this topic.

[@anteusify]

I like this guy's just slightly raspy voice - it makes him very trustworthy! ^_^

[@samuelwaller4924]

Wow, you can compile basically anything to run on the web, so you don't just have to use javascript? This is awesome!
**compiles javascript to wasm**

[@ronan696]

Awesome! Looking forward to the in-depth video on Web assembly.

[@kalle4526]

In depth Video needed!!!!

[@code4chaosmobile]

An in-depth video gets my vote

[@niravpatel2382]

Ya we need in depth video from your side and thank you for high quality education content 🙏

[@ZachPetch]

Awesome! Looks like the future. I'd love to see a more in-depth video, if you have the time.

[@trevva23]

Been waiting for this one man. Please please please do in depth!

[@SayantanDeyIshanz23]

Yes. An in depth video on WASM please.

[@flarnchain4087]

Please do a full in depth video on Webassembly!

[@dhawaljoshi]

Will really appreciate in depth video for this

[@sabin-pandey]

Yes please, want to more about web assembly.

[@MYMPSWORLD]

Interesting video! I did a quick search for performance benchmarks. TLDR, WASM gives a significant performance improvement but not significant enough for most projects unless a 10-20% makes a huge impact in your project. For Nodejs environment, native API calls through N-API will give you much better performance and WASM is like a middle ground between native & JS.

[@Glitch-txs]

What do you call native?

[@muhammedjavadqolami9139]

Finally, understand what it is. Thanks a lot

[@jakubgajzler4607]

More of web assembly, YES please

[@madhavjha5289]

An in depth video is what we all would love😁👍

[@Adityarm.08]

Love this series

[@MohammedIqlasUddin]

Indepth video/Tutorial? HELL YES!!

[@floriaaan1]

Please do a full in depth video on web assembly

[@nosknut]

In depth vid on WASM sounds nice!

[@user-vq6pe5px9k]

5k likes in just 28932 views, man, u see how audience wants some good and detailed in depth course about this technology.

[@tim_allen_jr]

I need in depth Assembly videos so I'll hafta do it myself.

[@TheRealKitWalker]

Interesting! More please 😍 in-depth video always 😎

[@nukemonk]

Are you reading my mind? I just needed this!

[@TheSaintsVEVO]

duh ofc we want a more in-depth video. this is great

[@drishtantdubey6560]

Yes really a real problem solving project with Web Assembly would count 👍

[@marx.soguilon]

yes, more in depth topic please.

[@joshgribbon8510]

I had no idea emscripten was used for autodesk online, that's super cool!

[@auraSinhue]

Yes, we want another video :)

[@helker999]

hope we get rid of JS some day, this is the first step

[@lucasricarte6360]

Please do! You and your videos are amazing!