Web Assembly (WASM) in 100 Seconds
ฝัง
- เผยแพร่เมื่อ 7 ก.ย. 2024
- 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
![🎤 ไปกันต่อออ! จับฉลากร้องเพลง x P’ #XXSIVK [EP.2] (1/2) เพลงของใครจึ้งสุดน้าา 💓🎤 #MXFRUIT](http://i.ytimg.com/vi/mLI_K0sAS4o/mqdefault.jpg)
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.
It is actually more nuts the more you think about it.
Things have really come full circle, haha.
@@Fireship yes, a fire circle
A lot would think it's a joke...no...no it's not
Ironic...
petition for a full-blown WASM course in Fireship 🔥
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.
I would love to see a video using ionic or reactNative with WA to do some cool things in a PWA
@@mikemartire1612 me too, tell me if u Fond a solution
@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
Agreed agreed agreed!
(≧▽≦)
A more in depth video would be great!
Up
Up up up
up
Let's go deeper Jeff!
Yes, please!
Me: watches 100 secs about web assembly
Me later:
*Adds to resume
You beat me to it!!!
*Has to apply to 300 jobs just to get a single interview because everybody added to resume.
@@edwinthatsnotmyname3670 we'll see yah in the interview hahaha
Don’t forget to add your 10 years of experience!
Lmao
“If”? Literally everyone wants to see an in depth video
this is a teaser trailer
I second that
THIS
They don't think it be like it is, but it do.
Yes please
I'd love to see you make a simple project where you use c++ and react
I was thinking about something similar, but with Rust.
@@Fireship Give Rust some love
@@Fireship Definitely Rust!
I think not everyone is familiar with rust , in that case if you use c++ most people can understand it
@@Fireship 🔥🔥🔥
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
Same and also I respect Figma more hehehe
WebGL is the main reason for that
This single 100s long video explains everything better than any article I've read since wasm announcement
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
Emscripten gives you a nice API for this
@@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
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
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"
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"
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
> _"... 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.
This is the only topic that deserves a 1 hour in depth deep dive video.
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!
Check emscripten
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.
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.
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 :)
Kinda late to the party, but check out Blazor, absolute gem of a framework.
Blazor WASM in 100 seconds 🔥
YES PLEASE!
I both hate and love that cliffhanger at the end. You better make an in-depth video now 😤
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.
Yes, in fact I would like more on this topic
Everytime Fireship uploads a video it feels like unboxing a Christmas gift
For me WASM still stands for Watcom Assembly. I feel old.
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
Django in 100 seconds ❤️
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!!!!
Today is my birthday and I really love the fact of having this video uploaded today 🚀
Been following you since IONIC days
This was exactly the droids I was looking for! Great 100 second intro! Thank yooou 🤗💕
Thank you for the content. Your 100 seconds videos are always on point.
can you do your biography in 100 seconds? that would be really interesting
I'd pay for a WASM masterclass. (If done by you and priced competitively).
A lot of requirements for a nobody
@@Mroskas He's not a nobody, he's a potential customer. You do understand that don't you?
@@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.
@Par ler Because I didn't like the comment
@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!
The best 100 seconds use I've seen on TH-cam so far.
now I get how they made Unity and Unreal "browser-compatible"
this is awesome, ngl
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.
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 !
Definitely would like to see a longer video on Webassembly
This 100 sec was great. Thanks! Love to see an expanded version and will be on the lookout. The time is right.
A very needed change. More videos on this WASM please.
Loving Blazor for the past 6 months
You continue to amaze me with how high quality your videos are.
this is the only channell that I have to slow motion to follow
Yes a full-blown tutorial/video about this will be much appreciated.
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
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?
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 :)
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.*
I'm glad you said "even COBOL"!
Absolutely yes to the in-depth video on WebAssembly
That... Is the most amazing this ever. Native compiled code straight in the browser??!?! Madness!!!
funny how i have learned more from your channel than my coding bootcamp....
In depth! In depth! In depth!
5k likes in just 28932 views, man, u see how audience wants some good and detailed in depth course about this technology.
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!
Maybe for the more in depth video take a look at how to use rust with parcel. I really like how they integrated it.
that background music is addictively positive 👍
now you are just fishing for comment. you know we want in depth video. awesome video by the way.
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**
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.
I have been searching for a good tutorial on WebAssembly. There isn't really a tutorial. This would be great!
I like this guy's just slightly raspy voice - it makes him very trustworthy! ^_^
Been using WASM for my last 2 projects, this is great stuff...
Agreed, more in depth would be amazing! Thank you for these!
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
Yes. More content on Web Assembly.
Go deeper. This channel is amazing! Thanks for all you do.
Finally, C can go brrr on the Internet
Lol...
Thanks and yea, defiantly would be wonderful to get more in depth vids on wasm
We want more in-depth video on Web Assembly
An in-depth video gets my vote
What makes WASM different from eg embedding jvm or clr in a web browser? And thinking in this direction what’s the big deal with WASI?
Yes - would like to hear more on this topic.
Awesome video. Definitely need a full-length tutorial with real-world use cases. Keep up the good work ;)
Please make full length video on Docker, kubernetes,Git, Jenkins, DevOps..
Fascinating topic. I would be happy to see a more in-depth video about it.
I need in depth Assembly videos so I'll hafta do it myself.
duh ofc we want a more in-depth video. this is great
hope we get rid of JS some day, this is the first step
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!!
Yes. An in depth video on WASM please.
Been waiting for this one man. Please please please do in depth!
I don't just want to see an in-depth video on this topic but a whole course if possible
Good and brief description. Thanks. Awaiting to have deeper dive into wasm.
It'll be great to see Yew in 100 seconds video. Please make it happen 🙃
I wonder who even dislikes this guy's contents and for what reason
please make a comprehensive course on this topic fireship style, time efficient.
An in depth video is what we all would love😁👍
I really only C for everything I use, but WASM makes me think maybe I could get by with a good working setup with C and WASM
Please do a full in depth video on Webassembly!
You should make a WordPress tutorial for people to already know web developement
You had me at OTHER than JavaScript
Awesome! Looks like the future. I'd love to see a more in-depth video, if you have the time.
A deeper dive into the topic will be appreciated
It was even more fun when I used to code Assembly on Intel 8085/8086 microprocessors during my undergrads. 😁
P. S. I toasted a few MPs. 😃
Please do a full in depth video on web assembly
Awesome! Looking forward to the in-depth video on Web assembly.
THANKS!! i finally understand the big picture of wasm
Naturally we want to see more in depth wasm videos, moreover we want a webassembly playlist. Rust is my language of choice but a language independent approach may reach a greater audiance.
Ya we need in depth video from your side and thank you for high quality education content 🙏
More of web assembly, YES please
Are you reading my mind? I just needed this!
Yes, We want in depth video about WebAssembly
I was just thinking about asking for this video yesterday. How do you continue doing this??