Web Assembly (WASM) in 100 Seconds

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 779

  • @oskarszwajkowski
    @oskarszwajkowski 4 ปีที่แล้ว +3923

    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
      @basharmously2162 4 ปีที่แล้ว +396

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

    • @Fireship
      @Fireship  4 ปีที่แล้ว +970

      Things have really come full circle, haha.

    • @SpaghettDev
      @SpaghettDev 4 ปีที่แล้ว +62

      @@Fireship yes, a fire circle

    • @djordjenikolic6560
      @djordjenikolic6560 4 ปีที่แล้ว +46

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

    • @Amaraticando
      @Amaraticando 4 ปีที่แล้ว +9

      Ironic...

  • @GirishKumar-gi7ky
    @GirishKumar-gi7ky 4 ปีที่แล้ว +3067

    petition for a full-blown WASM course in Fireship 🔥

    • @winkleraron8175
      @winkleraron8175 4 ปีที่แล้ว +16

      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
      @mikemartire1612 4 ปีที่แล้ว +1

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

    • @user-iq7xy8is3f
      @user-iq7xy8is3f 4 ปีที่แล้ว

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

    • @mikemartire1612
      @mikemartire1612 4 ปีที่แล้ว

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

    • @dragknot777
      @dragknot777 4 ปีที่แล้ว

      Agreed agreed agreed!
      (≧▽≦)

  • @echoo200
    @echoo200 4 ปีที่แล้ว +525

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

    • @lardosian
      @lardosian 4 ปีที่แล้ว +5

      You beat me to it!!!

    • @edwinthatsnotmyname3670
      @edwinthatsnotmyname3670 4 ปีที่แล้ว +20

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

    • @echoo200
      @echoo200 4 ปีที่แล้ว +7

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

    • @JJCUBER
      @JJCUBER 4 ปีที่แล้ว +29

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

    • @Atulnavadiya
      @Atulnavadiya 3 ปีที่แล้ว +1

      Lmao

  • @abcdefg-nu4xj
    @abcdefg-nu4xj 4 ปีที่แล้ว +4392

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

  • @MrDropMotion
    @MrDropMotion 4 ปีที่แล้ว +888

    A more in depth video would be great!

  • @christianmartinez2179
    @christianmartinez2179 4 ปีที่แล้ว +8

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

  • @GamingBlake2002
    @GamingBlake2002 4 ปีที่แล้ว +98

    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
      @Psychopatz 2 ปีที่แล้ว +10

      Same and also I respect Figma more hehehe

    • @circuit10
      @circuit10 2 ปีที่แล้ว +31

      WebGL is the main reason for that

  • @samarthpatel8070
    @samarthpatel8070 4 ปีที่แล้ว +495

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

    • @Fireship
      @Fireship  4 ปีที่แล้ว +321

      I was thinking about something similar, but with Rust.

    • @Soremwar
      @Soremwar 4 ปีที่แล้ว +45

      @@Fireship Give Rust some love

    • @nikola1912ify
      @nikola1912ify 4 ปีที่แล้ว +26

      @@Fireship Definitely Rust!

    • @amazecreations1853
      @amazecreations1853 4 ปีที่แล้ว +28

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

    • @arsen2202
      @arsen2202 4 ปีที่แล้ว

      @@Fireship 🔥🔥🔥

  • @faraonch
    @faraonch 3 ปีที่แล้ว +1

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

  • @pinch-of-salt
    @pinch-of-salt 4 ปีที่แล้ว +9

    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
    @ZachHixsonTutorials 4 ปีที่แล้ว +192

    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
      @kreuner11 2 ปีที่แล้ว

      Emscripten gives you a nice API for this

    • @ZachHixsonTutorials
      @ZachHixsonTutorials 2 ปีที่แล้ว +2

      @@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
      @briangschneider9961 2 ปีที่แล้ว

      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

  • @DJ-Illuminate
    @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.

  • @Adam_Lyskawa
    @Adam_Lyskawa 2 ปีที่แล้ว

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

  • @ScaerieTale
    @ScaerieTale 3 ปีที่แล้ว +30

    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
      @S_O_O_C 2 ปีที่แล้ว

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

  • @sheneshperera
    @sheneshperera 4 ปีที่แล้ว +26

    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
      @masoodhk258 4 ปีที่แล้ว +7

      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
      @circuit10 2 ปีที่แล้ว +9

      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
      @yash1152 2 ปีที่แล้ว +5

      > _"... 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.

  • @misterkevin_rs4401
    @misterkevin_rs4401 4 ปีที่แล้ว +2

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

  • @jimjones1010
    @jimjones1010 ปีที่แล้ว

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

  • @creativeaf09
    @creativeaf09 4 ปีที่แล้ว +8

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

  • @bharat1031
    @bharat1031 4 ปีที่แล้ว +1

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

  • @MoinkAndKilo
    @MoinkAndKilo 4 หลายเดือนก่อน

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

  • @mubarekabdi
    @mubarekabdi 3 ปีที่แล้ว

    Absolutely yes to the in-depth video on WebAssembly

  • @Rider0fBuffalo
    @Rider0fBuffalo 2 ปีที่แล้ว +3

    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.

  • @alaaal-khater8034
    @alaaal-khater8034 4 ปีที่แล้ว +31

    Blazor WASM in 100 seconds 🔥

    • @nhan1503
      @nhan1503 3 ปีที่แล้ว

      YES PLEASE!

  • @RexGalilae
    @RexGalilae 4 ปีที่แล้ว +1

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

  • @chrisray9653
    @chrisray9653 4 ปีที่แล้ว +3

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

  • @adtc
    @adtc 3 ปีที่แล้ว

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

  • @mohamedsalman3205
    @mohamedsalman3205 3 ปีที่แล้ว

    Loving Blazor for the past 6 months

  • @ithinkimhipster502
    @ithinkimhipster502 4 ปีที่แล้ว +38

    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
      @StEvUgnIn 4 ปีที่แล้ว +1

      Check emscripten

  • @matthewao
    @matthewao 4 ปีที่แล้ว +2

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

  • @muhammadhamzashujaat6767
    @muhammadhamzashujaat6767 4 ปีที่แล้ว

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

  • @supernenechi
    @supernenechi 4 ปีที่แล้ว

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

  • @gauravpandey1657
    @gauravpandey1657 4 ปีที่แล้ว

    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.

  • @nonameneeded405
    @nonameneeded405 4 ปีที่แล้ว

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

  • @jacobshore
    @jacobshore 4 ปีที่แล้ว +1

    Yes, in fact I would like more on this topic

  • @code4chaosmobile
    @code4chaosmobile 4 ปีที่แล้ว

    An in-depth video gets my vote

  • @OurWorldIsBroken
    @OurWorldIsBroken 4 ปีที่แล้ว

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

  • @SalMakes
    @SalMakes 4 ปีที่แล้ว

    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

  • @trevva23
    @trevva23 4 ปีที่แล้ว

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

  • @nukemonk
    @nukemonk 4 ปีที่แล้ว

    Are you reading my mind? I just needed this!

  • @freekeys
    @freekeys 4 ปีที่แล้ว +42

    Django in 100 seconds ❤️

  • @C0llinsW0rth.
    @C0llinsW0rth. 4 ปีที่แล้ว +1

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

  • @mrala
    @mrala 4 ปีที่แล้ว +1

    that background music is addictively positive 👍

  • @marianpazdzioch5437
    @marianpazdzioch5437 7 หลายเดือนก่อน

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

  • @alibekerkabayev688
    @alibekerkabayev688 2 ปีที่แล้ว

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

  • @Stridsvagn69420
    @Stridsvagn69420 4 ปีที่แล้ว +2

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

  • @willinton06
    @willinton06 4 ปีที่แล้ว +6

    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

  • @ibrahimfadel7711
    @ibrahimfadel7711 4 ปีที่แล้ว +4

    Definitely would like to see a longer video on Webassembly

  • @madhavjha5289
    @madhavjha5289 4 ปีที่แล้ว

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

  • @jasonreviews
    @jasonreviews 4 ปีที่แล้ว

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

  • @nosknut
    @nosknut 4 ปีที่แล้ว

    In depth vid on WASM sounds nice!

  • @SayantanDeyIshanz23
    @SayantanDeyIshanz23 4 ปีที่แล้ว

    Yes. An in depth video on WASM please.

  • @jakubgajzler4607
    @jakubgajzler4607 4 ปีที่แล้ว

    More of web assembly, YES please

  • @dhawaljoshi
    @dhawaljoshi 4 ปีที่แล้ว

    Will really appreciate in depth video for this

  • @TheDorac1
    @TheDorac1 4 ปีที่แล้ว

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

  • @cbbcbb6803
    @cbbcbb6803 2 ปีที่แล้ว

    I'm glad you said "even COBOL"!

  • @muhammedjavadqolami9139
    @muhammedjavadqolami9139 4 ปีที่แล้ว

    Finally, understand what it is. Thanks a lot

  • @peterpeets5798
    @peterpeets5798 11 หลายเดือนก่อน

    Yes - would like to hear more on this topic.

  • @PutraSurya-78
    @PutraSurya-78 4 ปีที่แล้ว

    THANKS!! i finally understand the big picture of wasm

  • @niravpatel2382
    @niravpatel2382 4 ปีที่แล้ว

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

  • @SinPulseII
    @SinPulseII 4 ปีที่แล้ว +9

    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

  • @ankidemi-rider8550
    @ankidemi-rider8550 4 ปีที่แล้ว

    In depth! In depth! In depth!

  • @amatureteacher5009
    @amatureteacher5009 3 ปีที่แล้ว

    Yes. More content on Web Assembly.

  • @TheSaintsVEVO
    @TheSaintsVEVO 4 ปีที่แล้ว

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

  • @ZachSuerdieck
    @ZachSuerdieck 4 ปีที่แล้ว

    In depth video... Yes please!

  • @samuelwaller4924
    @samuelwaller4924 3 ปีที่แล้ว

    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**

  • @azulamazigh2789
    @azulamazigh2789 4 ปีที่แล้ว

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

  • @rickywong8149
    @rickywong8149 4 ปีที่แล้ว

    Cant wait for the next web assembly video

  • @СергейГолубев-л5п
    @СергейГолубев-л5п 4 ปีที่แล้ว

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

  • @MohammedIqlasUddin
    @MohammedIqlasUddin 4 ปีที่แล้ว

    Indepth video/Tutorial? HELL YES!!

  • @alexanderbambionaah3899
    @alexanderbambionaah3899 3 ปีที่แล้ว

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

  • @flarnchain4087
    @flarnchain4087 ปีที่แล้ว

    Please do a full in depth video on Webassembly!

  • @the_primal_instinct
    @the_primal_instinct 4 ปีที่แล้ว +34

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

  • @mtsurov
    @mtsurov 4 ปีที่แล้ว +53

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

    • @Mroskas
      @Mroskas 4 ปีที่แล้ว +6

      A lot of requirements for a nobody

    • @stbuchok
      @stbuchok 4 ปีที่แล้ว +16

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

    • @nhanNguyen-wo8fy
      @nhanNguyen-wo8fy 4 ปีที่แล้ว +6

      @@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
      @Mroskas 3 ปีที่แล้ว

      @Par ler Because I didn't like the comment

    • @Mroskas
      @Mroskas 3 ปีที่แล้ว

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

  • @azatecas
    @azatecas 4 ปีที่แล้ว +10

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

  • @helker999
    @helker999 9 หลายเดือนก่อน +3

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

  • @TheRealKitWalker
    @TheRealKitWalker 2 ปีที่แล้ว

    Interesting! More please 😍 in-depth video always 😎

  • @abdelhakimkhabir
    @abdelhakimkhabir 6 หลายเดือนก่อน

    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
    @VeryBlueBot 4 ปีที่แล้ว

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

  • @micmacha
    @micmacha 2 ปีที่แล้ว

    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.*

  • @TopBagon
    @TopBagon 4 ปีที่แล้ว +1

    Amazing. In-depth videos would be really dope

  • @raushonmunni2633
    @raushonmunni2633 4 ปีที่แล้ว

    Was looking for this few days ago thanks

  • @the-nasim
    @the-nasim 4 ปีที่แล้ว

    Yes, We want in depth video about WebAssembly

  • @sjn_
    @sjn_ 4 ปีที่แล้ว

    I wonder who even dislikes this guy's contents and for what reason

  • @LeoStaley
    @LeoStaley 4 ปีที่แล้ว

    I absolutely want a longer video

  • @ronan696
    @ronan696 4 ปีที่แล้ว

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

  • @dubba7451
    @dubba7451 4 ปีที่แล้ว +1

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

  • @RawPeds
    @RawPeds 4 ปีที่แล้ว

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

  • @RudraPratapSingh-nh7lw
    @RudraPratapSingh-nh7lw 11 หลายเดือนก่อน

    This thing and your video are fire 🔥🔥

  • @Adityarm.08
    @Adityarm.08 2 ปีที่แล้ว

    Love this series

  • @akejron1
    @akejron1 4 ปีที่แล้ว

    moar, please MOAR about this!

  • @lorenzogiovannibotti
    @lorenzogiovannibotti 4 ปีที่แล้ว

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

  • @kalle4526
    @kalle4526 4 ปีที่แล้ว

    In depth Video needed!!!!

  • @darrenfinch1935
    @darrenfinch1935 ปีที่แล้ว +1

    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 :)

  • @nathanael489
    @nathanael489 4 ปีที่แล้ว

    so excited to see this video!

  • @drishtantdubey6560
    @drishtantdubey6560 4 ปีที่แล้ว

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

  • @jeremiahk7082
    @jeremiahk7082 4 ปีที่แล้ว

    Looking forward to the WASM course!

  • @Just_Moh_it
    @Just_Moh_it 3 ปีที่แล้ว +1

    0:58 You got me when I read "Brainfuck" under the supported languages 😂

  • @lmamakos
    @lmamakos 4 ปีที่แล้ว +3

    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?

  • @ZachPetch
    @ZachPetch ปีที่แล้ว

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

  • @SykoSilver
    @SykoSilver 4 ปีที่แล้ว

    I'm on board for more WASM content