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.mozilla.org/en-US/d...
- Figma's Story www.figma.com/blog/webassembl...
- AssemblyScript www.assemblyscript.org/
#webdev #wasm #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
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

[@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

[@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!

[@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

[@misterkevin_rs4401]

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

[@love4photos]

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

[@bharat1031]

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

[@jimjones1010]

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

[@nathangeneral2414]

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

[@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.

[@christianmartinez2179]

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

[@C0llinsW0rth.]

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

[@faraonch]

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

[@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.

[@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

[@trevva23]

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

[@01001000010101000100]

The best 100 seconds use I've seen on KZbin so far.

[@nonameneeded405]

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

[@muhammadhamzashujaat6767]

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

[@matthewao]

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

[@chrisray9653]

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

[@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.

[@alexanderbambionaah3899]

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

[@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

[@ronan696]

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

[@ibrahimfadel7711]

Definitely would like to see a longer video on Webassembly

[@niravpatel2382]

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

[@alaaal-khater8034]

Blazor WASM in 100 seconds 🔥

[@nhan1503]

YES PLEASE!

[@mubarekabdi]

Absolutely yes to the in-depth video on WebAssembly

[@OurWorldIsBroken]

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

[@nukemonk]

Are you reading my mind? I just needed this!

[@lorenzogiovannibotti]

I subscribed and hit the like button, I would love to see more about wasm on this channel

[@alibekerkabayev688]

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

[@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.

[@RawPeds]

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

[@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.

[@JacobKapitein]

WASM seems really cool! Would love to see an in-depth video!

[@freekeys]

Django in 100 seconds ❤️

[@kennethd1362]

Can we please see a more in depth video! This was great! 🙌🏽

[@TopBagon]

Amazing. In-depth videos would be really dope

[@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

[@akejron1]

moar, please MOAR about this!

[@TheRealKitWalker]

Interesting! More please 😍 in-depth video always 😎

[@peterpeets5798]

Yes - would like to hear more on this topic.

[@madhavjha5289]

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

[@VeryBlueBot]

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

[@PutraSurya-78]

THANKS!! i finally understand the big picture of wasm

[@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.

[@nosknut]

In depth vid on WASM sounds nice!

[@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.

[@Milchreiz]

Oh yeah, please more. An example project would be the best 😊👍

[@mrala]

that background music is addictively positive 👍

[@code4chaosmobile]

An in-depth video gets my vote

[@dhawaljoshi]

Will really appreciate in depth video for this

[@muhammedjavadqolami9139]

Finally, understand what it is. Thanks a lot

[@raushonmunni2633]

Was looking for this few days ago thanks

[@johannbauer2863]

Wasm with Rust would be cool ^^ Great video with lots of important pieces of information tho! Really high video quality imo, I still don't get, how you keep your videos so short :o

[@jeremiahk7082]

Looking forward to the WASM course!

[@ZachPetch]

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

[@amlanch]

Loved it. Please do a full on tutorial

[@avimehenwal]

amazing content brother, keep it up

[@RexGalilae]

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

[@jakubgajzler4607]

More of web assembly, YES please

[@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

[@supernenechi]

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

[@rickywong8149]

Cant wait for the next web assembly video

[@ankidemi-rider8550]

In depth! In depth! In depth!

[@SayantanDeyIshanz23]

Yes. An in depth video on WASM please.

[@Adityarm.08]

Love this series

[@TheDorac1]

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

[@MohammedIqlasUddin]

Indepth video/Tutorial? HELL YES!!

[@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.

[@nathanael489]

so excited to see this video!

[@jacobshore]

Yes, in fact I would like more on this topic

[@cbbcbb6803]

I'm glad you said "even COBOL"!

[@RudraPratapSingh-nh7lw]

This thing and your video are fire 🔥🔥

[@amatureteacher5009]

Yes. More content on Web Assembly.

[@kalle4526]

In depth Video needed!!!!

[@MajdSoufan95]

Thank you so much for this! Can you post a video that help angular developers to estimate the cost of creating an app? A lot of developers are free lancers and sometimes it is difficult to estimate the price of our product to the client. Is there a tool or methodology that a developer can you use to help or is it just experience?

[@Rambou92]

More In-depth please! :)

[@flarnchain4087]

Please do a full in depth video on Webassembly!

[@GillyTech]

I want more in depth please!

[@timothyvandyke9511]

more in depth would be amazing

[@ZachSuerdieck]

In depth video... Yes please!

[@tomasengstrom6362]

YES! Indepth web assembly please. Nice voice to listen to, now this was a 100s so i assume you will speak slightly slower in a normal video. Lets go!

[@lordswaggity1213]

Awesome. Good work :) What do you use to edit videos?

[@LeoStaley]

I absolutely want a longer video

[@azatecas]

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

[@joshgribbon8510]

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

[@mohammadbasyouni7171]

Waiting the great in depth video!

[@mohamedsalman3205]

Loving Blazor for the past 6 months

[@abdur1996]

So clear this up for me, if i re-write sorting/searching algos in C++ then use WSAM to make it accessible on the web, is that faster than just writing same functions in JS? or does the interpolation overhead plays a big role?

[@SykoSilver]

I'm on board for more WASM content

[@Bashar3A]

Awesome channel. Keep it up

[@DiegoBM]

All up for a more in depth video for sure!

[@kristiantorres1080]

I need more of this

[@lucasricarte6360]

Please do! You and your videos are amazing!