Latihan penggunaan Web Worker untuk menjalankan proses yang berat di sisi browser client atau front end

https://dev.to/mvasigh/getting-started-with-javascript-web-workers-and-off-main-thread-tasks-4029

#webworker #thread #multithread

Membuat fungsi multi threading di JavaScript dengan bantuan Web Worker atau Worker Thread, sehingga JavaScript tidak berjalan single thread dengan event loop nya saja, dan mampu menjalankan proses komputasi yang berat.

https://itnext.io/how-js-becomes-multi-threaded-d54000d2daa0

#worker #thread #webworker

Memperkenalkan Elegant Threading, library untuk membantu menjalankan proses yang berat di JavaScript dan Node JS dengan bantuan Worker Thread dan Web Thread.

https://github.com/finom/elegant-threading

#nodejs #thread #webworker #webthread

Latihan menggunakan Web Worker untuk menjalankan proses yang berat di TensorFlow JS

https://erdem.pl/2020/02/making-tensorflow-js-work-faster-with-web-workers

-

#tensorflow #webworker #worker #thread

Latihan menggunakan Web Worker untuk mengolah data yang berat di thread browser yang terpisah dan bersifat asinkronus

https://dev.to/trishul/get-started-with-web-workers-1kgm

---

Pengenalan asinkronus di Javascript seperti Callback, Promise , Async Await

https://dev.to/nas5w/asynchronous-javascript-how-callbacks-promises-and-async-await-work-1f7p

---

Membuat jadwal eksekusi fungsi dengan setTimeout dan setInterval

https://codeburst.io/scheduling-code-execution-with-javascript-settimeout-and-setinterval-functions-dffa4ea956da

---

Tips penulisan if else yang baik dengan Ternary Operator

https://blog.alexdevero.com/javascript-if-else-statement/

#webworker #thread #async #await #promise #ternaryOperator #scheduling

Menjalankan proses yang berat di Javascript / TypeScript dengan bantuan Worker Thread / Web Worker, dengan contoh kasus aplikasi Angular

https://dev.to/jscrambler/handling-cpu-intensive-work-using-web-workers-in-angular-32ek

---

Cara menggunakan Bootstrap di dalam Angular

https://dev.to/suniljoshi19/working-with-bootstrap-in-an-angular-app-1oho

---

Cara melakukan upgrade dari Angular 9 ke Angular 10

https://dev.to/suniljoshi19/how-to-upgrade-from-angular-9-to-angular-10-735

---

Lazy loading router di Angular dengan memanfaatkan fitur Authentication dan Auth Guard.

https://blog.jscrambler.com/how-to-auth-lazily-loaded-routes-in-angular/

---

Roadmap pengembangan framework Angular

https://blog.angular.io/a-roadmap-for-angular-1b4fa996a771


#angular #workerThread #webWorker #bootstrap #upgrade #lazyloading #router

Menjalankan proses komputasi yang berat di sisi browser dengan bantuan Web Worker dan Angular

https://blog.jscrambler.com/handling-cpu-intensive-work-using-web-workers-in-angular/

---

Catatan rilis library state mamagement untuk Angular , NGXS versi 3.7

https://dev.to/ngxs/announcing-ngxs-3-7-1kbk

---

Membuat dashboard halaman web dengan Angular dan Material Design

https://www.smashingmagazine.com/2020/07/responsive-dashboard-angular-material-ng2-charts-schematics/

#angular #webworker #workerthread #ngxs #dashboard

Tips optimasi performa aplikasi React Next JS dari channel Codedamn

https://youtu.be/98gcHJSW1mY

---

Codedamn juga merilis Next JS Crash Course untuk pemula, dengan latihan instalasi hingga membuat aplikasi lengkap

https://youtu.be/tt3PUvhOVzo

---

Latihan dasar dan panjang pengenalan React Next JS Server-side Rendering, Static Sites, REST APIs, Routing, dan masih banyak lagi

https://www.freecodecamp.org/news/nextjs-basics/

---

Latihan menggunakan Web Worker di aplikasi React Next JS untuk proses kalkulasi dan komputasi data yang panjang dan berat.

https://www.smashingmagazine.com/2020/10/tasks-react-app-web-workers/

---

Latihan menggunakan Wallaby JS untuk unit testing aplikasi React JS

https://www.smashingmagazine.com/2020/10/supercharge-testing-react-applications-wallabyjs/

---

#react #nextjs #ssr #course #webworker #wallabyjs #optimization

Latihan menggunakan Web Worker untuk proses komputasi data yang berat disisi browser client

https://blog.logrocket.com/how-to-improve-interface-responsiveness-with-web-workers/

---

Mengenal tentang rekursif atau recursion di Javascript

https://medium.com/javascript-in-plain-english/javascript-the-power-of-recursion-f56effadf63b

---

Latihan menggunakan beberapa fitur Console Log di Javascript

https://www.freecodecamp.org/news/javascript-console-log-example-how-to-print-to-the-console-in-js/

---

#webworker #workerthread #recursion #console #log

Optimasi performa memuat gambar atau aset media dengan Web Worker

https://blog.logrocket.com/optimized-media-loading-web-workers/

---

Latihan menggunakan Web Worker untuk performa aplikasi web modern yang lebih baik

https://blog.logrocket.com/how-to-improve-interface-responsiveness-with-web-workers/

#worker #webworker #workerthread

Memperkenalkan Thread JS, library yang dapat membantu implementasi Worker Thread dan Worker Thread di Node JS dengan mudah

https://threads.js.org/

---

Mengenal konsep asinkronus dan concurrency di Node JS serta dengan event loop nya.

https://javascript.plainenglish.io/nodejs-asynchronous-concurrency-model-d4d18e17edf3

---

#nodejs #workerThread #threadjs #webworker #async

Pengenalan asinkronus di JavaScript

https://dev.to/danieo/javascript-s-asynchronicity-promises-callbacks-and-async-await-31l9

—-

Beberapa tips functional programming dengan JavaScript

https://betterprogramming.pub/6-javascript-best-practices-to-master-functional-programming-style-60141e0daa16

—-

Tips dan trik dalam penulisan kode JavaScript

https://blog.bitsrc.io/9-super-useful-tricks-for-javascript-developers-4fd7193e0ac

—-

Teknik penggunaan Web Worker untuk performa JavaScript lebih baik di sisi front end

https://blog.bitsrc.io/using-web-workers-to-speed-up-javascript-applications-5c567f209bdb

—-

Pengenalan higher order function di JavaScript

https://betterprogramming.pub/higher-order-functions-in-javascript-4c9b40119ba6

#webworker #async #await #promise #tips #functional #higherOrder

Latihan panjang menggunakan Web Worker untuk pengolahan data berat di sisi browser dan contoh kasusnya

https://www.freecodecamp.org/news/how-webworkers-work-in-javascript-with-example/

#webworker #worker #thread

Menggunakan Web Worker di React JS

https://javascript.plainenglish.io/how-to-use-web-workers-in-react-9de15a006e89

---

Menggunakan package manager PNPM di project Javascript

https://dev.to/nilanth/use-pnpm-instead-of-npm-yarn-2ebe

---

Memasang dark dan light mode di React JS

https://dev.to/naomipham_/how-to-create-darklight-mode-with-react-and-tailwind-59e0

---

#react #tailwind #webworker

Cara menggunakan web worker di Angular

https://betterprogramming.pub/exploring-web-workers-in-angular-84b9949a4fab

#angular #webworker

Membuat admin panel di React JS dengan Refine library

https://www.freecodecamp.org/news/how-to-build-an-react-admin-panel-with-refine/

---

Cara menggunakan Web Worker di React JS dengan mudah menggunakan useWorker hook

https://javascript.plainenglish.io/multi-threaded-react-app-using-useworker-e67a593c9b51

---

Integrasi plugin Markdown MDX pada Next JS

https://blog.logrocket.com/mdx-integration-strategies-next-js/

---

#react #panel #admin #webWorker

Cara menerapkan web worker di React JS

https://dev.to/sumankalia/web-workers-in-reactjs-4bc7

#reactJS #webworker

Optimasi aplikasi Vue JS dengan Web Worker

https://blog.logrocket.com/optimizing-vue-js-apps-web-workers/

#vue #webworker #optimize

Melakukan integrasi Google Maps ke Vue JS

https://blog.logrocket.com/integrate-google-maps-vue-3-app/

—-

Mengenal beberapa design pattern untuk Vue JS

https://blog.logrocket.com/exploring-advanced-design-patterns-vue-js/

—-

Membuat sistem authentication dengan bantuan Okta di Vue JS

https://blog.openreplay.com/authenticating-vue-apps-with-okta/

—-

Menggunakan Web Worker di Vue JS

https://blog.openreplay.com/optimize-vue-with-web-workers/

—-

#vue #googleMaps #nuxt #webworker #pattern #okta #auth

Mastering JavaScript Web Workers: An In-depth Guide!

https://blog.stackademic.com/javascript-web-workers-lightning-fast-performance-unleashed-2163f05dcf34

---

How to Add Custom Buttons to a Date Picker in Flatpickr

https://www.freecodecamp.org/news/how-to-add-custom-buttons-to-flatpickr/

---

Introduction to CORS: Understanding the Basics with Practical Examples

https://dev.to/dipakahirav/mastering-cors-the-definitive-guide-with-practical-examples-eml

---

#webworker #cors #flatpickr #date #picker