JavaScript Web Workers Explained

A Web Worker is a script that runs in a background threads, separate from the main thread. Web workers enable the browser to execute multiple threads of JavaScript in parallel with each other. The worker thread can perform tasks without interfering with the user interface. Once created, a worker can send messages to the JavaScript code that created it by posting messages to an event handler specified by that code (and vice versa).

📚Materials/References:

🌎 Find Me Here:

[bewa]

Your way of explaining is probably the best I've seen on YouTube. Your video on a certain concept pretty much leaves me with no questions to ask about it.

[vijay_explorer]

I love your approach of explaining in a short consice and a simple manner. Thank you now I have an understanding of web workers. ❤️

[capnmorgs]

A lot of these videos have been super helpful! Good length, good explanations. Thanks dude! Keep it up!

[paulbocostudio]

Best explanation I've heard yet. I'm ready to code some workers now. 👍

[ashishagarwal]

Wow this is a great tutorial. I have seen like 20 videos of you in last 2-3 hours, your explanations are super easy to understand. Can you please also make a video on use cases distinguishing web worker vs service worker and web scokets?
I am confused which one to be used for what type of use cases?

[itzazeez]

Short and to the point. Great explanation thanks man. new subscriber notification up.

[fitybmn]

clear and informative with an example. Thank you so much.

[MahmoudKhudairi]

Thank you man, it was an intro of basics, but it was useful, it introduced me to the main concept of Web Worker API

[anouarnouri]

I've never heard about web workers before, this is interesting, thank you so much.

[abhishekpratap]

What if you need web workers to do multiple tasks and in different js files, how will they distinguish between msgs they pass among themselves. Like there is no indication apart from where it's called an instance of worker can have different name, but inside worker.js file how will they distinguish between multiple functions (performing different tasks)

[divijakatakam]

this is so helpful especially for a beginner

[xmaxfuture]

you just earned yourself a subscriber. well done!

[gradientMesh]

Very clearly explained! Thank you for sharing.

[oz]

You Sir are a true hero. Thanks for this!

[xlkda]

great, I wonder if i can inject worker as code from server to hide my logic from public but still using client computation power

[HdaB]

Thank you for explaining this. It was very helpful!

[Crevulus]

Great explainer video. Loved the way you demonstrated. For your next videos can I request some things I often confuse with "web workers"?
Service workers
Web sockets
Web components

[mohammadreza]

That was clear and straight .
Thank you very much

[vatsalyasinghi]

Is it possible to pass the function and the params to the worker file and return the result ? So it can be versatile..

[saikarthik]

Very lucidly explained!! Thank you....