What is Web Assembly? Will Web Assembly Replace JavaScript? Web Assembly Explained

In this video, I explain what web assembly is and if it can replace javascript to become the future of web development.

Timestamps
0:00 Teaser
0:10 Video Starts
0:22 Giveaway Alert!
0:42 How Web Assembly Works?
4:34 Features of WASM
7:04 Will WASM Replace JavaScript?
9:26 Conclusion
9:57 Outro

👉 Checkout codedamn on social:

If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.

👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.

🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.

🚀 Currently working on my own startup - codedamn.

Connect with me:

🏷 Video Tags:
What is Web Assembly?
Will Web Assembly Replace JavaScript?
Web Assembly Explained
Web Assembly (WASM) in 100 Seconds
An introduction to WebAssembly
WebAssembly for Web Developers
Should you Learn Web Assembly in 2020
WebAssembly for Beginners
future of web development

[AnasShahidIqbal]

The beauty of programming is that learning never stops, and codedamn is a great resource for that.

[sairules]

I work with WASM. I really liked your explanation. Simple and clear.
Apart from the client-side (browser end) usage of WASM, it is also worth mentioning that WASM is getting traction on server-side execution (as standalone application) using WASM runtimes mainly due to the fact that it provides portability in heterogenous hardware environment along with the sandbox it provides with lighter footprint.
So technically WASM can run in our Mobile Browser, on Bare-Metal Server, Inside Virtualized Environment, Inside Kernel (yes attempts like wasmerio's "kernel-wasm" exist) and even on small devices like raspberry pi.

[aadarshaacharya]

Completely agree with js and WASM part working together part. There is also excellent blog by figma on why they need WASM.

[Siddhant_Banerjee]

I loved the quote in the tshirt saying, "Eat Sleep codedamn repeat"😂😂 Loved it <3

[duckhorse]

I think if we had WASM in 2010, we would not have docker today. Thanks for the video as always.

[codeityt]

From where do you find ideas about these topics? These are just incredible...

[gauravshukla]

Today's young generation needs to become producer of technology products rather than being consumers

[muhadbk]

WebAssembly is a binary format that helps developers achieve near-native performance inside the browser. However, even though the native-like performance is a big advantage of using WebAssembly, it has its share of issues.

Creating an instance of a WebAssembly module (wasm) can take several seconds. This is dependent upon its size, which in turn can have an effect on the load time. Meanwhile, when this module is moved to a web worker, the main thread is kept free because the process of fetching, compiling, and initializing happens on a separate thread.

[keenheat]

One thing i notice among all the suppose "javascript killer", is that they all try to compete on performance instead of convenience. There is reason why javascript, despite being slower and have no type safety is more readily spread and adopt by more people when during the era of inception it's the least performant language. It feels the correct workflow for language adoption is make it as easy to use as possible, then find out the specific use cases that require heavy optimization then built module or native script to address these issues. AKA easier to make convenient thing more performant rather than the other way around. IE: even before typescript there were 10 other json schema module solving the type safety issue, on performance front, V8 is getting closer and closer to zero overhead abstraction, and you can always write native node-gyp module if you want performance.
Even in hardware product, it follow the same pattern, the initial smart phone camera resolution is pretty bad compare to a professional dedicate digital camera, but over time, people chose to use the more convenient phone camera, then company have revenue to start investing in improve phone camera resolution. Until modern phone resolution become even better than some of professional camera phone device.
Which is why I'm having hard time understand why javascript killer always try to compete on performance instead of convenience. I mean when javascript came out, it's already among the slowest language out there, so claim your language will replace javascript because it's faster doesn't quite a lot of sense. Given that it's the convenience factor that help the spread its adoption rather its performance advantage.

[Naz-yibs]

Hey awesome, video. Feels like a friend is explaining it who understands my newb knowledge level :). Question, @5:50 where did you learn that wasm binary is executable on the client side as 1MB is downloaded out of the total 5MB, in this example. If you don't mind sharing some books or articles that you would recommend for wasm. Thank you again.

[isaacyoutube]

This is gold information sharing to my friends right away!! Great Stuff brother

[franku.n.]

What I think is; to improve performance in JS, will be to make wsm javascripts target compiler. So I don't think it will replace JavaScript but will complement it in due course.

[parthmaru]

Everytime I eagerly waiting for your new video, because your content is just awesome, and by the way thanks for letting us know about WASM, that's very informative

[mananwebandall]

I am very excited about future of web with Rust and WASM. And Rust is also useful to create Dapps and System side programming so Rust will be game changer in few years ❤️

[rizanmohomed]

excellent explanation. enjoyed very much the white whiteboard session 🤩🥳

[icns]

Excellent explanation! Thank you very much!

[avatarfreefire]

Thanks for sharing this information man.I'm a beginner front-end dev and i never heard this before thanks for explaining what it is.

[karthiKeyan-lrjx]

all your videos are super and standing out from others.

[sharunkumar]

Great video, looking forward for many such informative videos

[Sonu-tgtg]

Thank you so much for this, your videos are really awesome with great video quality and content too.
With help of your videos now I am able to build web projects.
Thanks a lot!!