feat: add web workers introduction explanation

Gildaciolopes · Gildaciolopes · commit 74032a3beb5e · 2025-03-18T19:12:46.000-03:00
diff --git a/advanced/webworkers.js b/advanced/webworkers.js
@@ -0,0 +1,29 @@
+// &#128204; JavaScript Advanced - Web Workers
+
+// Welcome to the Web Workers section of the JavaScript Advanced tutorial!
+// Here, you'll learn how to use Web Workers to run scripts in the background without blocking the main thread.
+
+// Creating a Web Worker
+// worker.js (Separate File)
+self.addEventListener("message", (event) => {
+  console.log("Worker received data:", event.data);
+  let result = event.data * 2;
+  self.postMessage(result);
+});
+
+// Using Web Workers in the Main Script
+if (window.Worker) {
+  const myWorker = new Worker("worker.js");
+
+  myWorker.postMessage(10); // Send data to the worker
+
+  myWorker.onmessage = function (event) {
+    console.log("Received from worker:", event.data); // &#10141; 20
+  };
+
+  myWorker.onerror = function (error) {
+    console.error("Worker Error:", error.message);
+  };
+}
+
+// &#128161; Web Workers are useful for heavy computations, data processing, and background tasks!
