Membuat replika dari Babel Playground untuk mengkonversi kode JavaScript ES6 ke ES5

https://levelup.gitconnected.com/create-a-clone-of-babel-repl-site-to-convert-es6-react-code-to-es5-93cdc9ad98ea

#react #babel #playground

Latihan membuat game Tetris dengan Javascript, HTML , dan CSS

https://www.freecodecamp.org/news/tetris-turns-36/

#game #tetris
-

Beberapa pertanyaan interview kerja bagi pengembang JavaScript
https://dev.to/voralagas/10-questions-for-javascript-developer-2k9p

#interview
-

Contoh penggunaan Switch Statement di JavaScript
https://levelup.gitconnected.com/introducing-the-javascript-switch-statement-d4c5ae6fa20c

#switch #case
-

Beberapa cara untuk mengisi nilai default pada Array kerangka yang dibuat.
https://levelup.gitconnected.com/several-ways-to-fill-a-javascript-array-with-values-91f52f09669

#array #fill #default
-

Beberapa fitur baru di ES2020 yang keren, dan cara konfigurasi di Babel untuk memanfaatkan fitur baru tersebut
https://alligator.io/js/es2020/

#es2020 #babel
-

Cara untuk menambahkan TypeScript di dalam project React JS dengan bantuan Webpack dan Babel.

https://www.smashingmagazine.com/2020/05/typescript-modern-react-projects-webpack-babel/

#typescript #webpack #babel
----

Catatan rilis Next JS versi 9.4 dengan beberapa perbaikan dan fitur baru
https://nextjs.org/blog/next-9-4

#nextjs
---

Membuat Hamburger Menu yang responsive pada React JS dan dengan Styled Component
https://levelup.gitconnected.com/how-to-create-a-responsive-hamburger-navigation-menu-reactjs-and-styled-components-59ce167ed543

#styledComponent #hamburgerMenu
---

Membuat aplikasi Markdown Editor dengan Firebase, React JS , dan SWR dari Vercel
https://dev.to/kartiknair/learn-how-to-build-a-fast-responsive-markdown-editor-with-react-firebase-swr-5h03

#firebase #swr #markdown
---

Membuat form pembayaran dengan React , Stripe Payment API, dan Material UI

#stripe #payment #react #material #form

Beberapa latihan terbaru dan menarik dari channel Traversy Media :

CSS Grid Layout With Image Span
https://www.youtube.com/watch?v=-qOe8lBAChE
—
200+ Design & UI Resources For Developers
https://www.youtube.com/watch?v=zK-LBukNzAs
Github :
https://github.com/bradtraversy/design-resources-for-developers

50+ free tools and resources to create awesome user interfaces
https://dev.to/davidepacilio/50-free-tools-and-resources-to-create-awesome-user-interfaces-1c1b
—-
Strapi.js Crash Course | Headless CMS
https://www.youtube.com/watch?v=6FnwAbd2SDY
—-
Full Screen Video Background - HTML & CSS
https://www.youtube.com/watch?v=Gx_7GQtSdpc
—-
Easy Frontend JS Workflow With No Framework
https://www.youtube.com/watch?v=8rD9amRSOQY

#traversymedia #headless #cms #strapi #fullscreen #babel #parcel #cssgrid #template #design #ui #resources

Cara menggunakan sintaks ES2015 / ES6 di dalam Express JS backend Node JS . Dengan menggunakan Babel JS transpiler

https://www.freecodecamp.org/news/how-to-enable-es6-and-beyond-syntax-with-node-and-express-68d3e11fe1ab/

——

https://medium.com/developer-circles-lusaka/how-to-setup-express-js-server-with-nodemon-and-babel-c3a17218c282

——

https://dev.to/ganeshmani/configuring-babel-for-node-js-express-server-35hp

#nodejs #babel #express #es2015

Referensi lengkap untuk struktur project Express JS dengan Babel JS

https://kentcdodds.com/blog/how-i-structure-express-apps

---

Menggunakan Pug Template Engine pada Express JS

https://blog.bitsrc.io/how-to-build-a-node-application-using-a-pug-template-7319ab1bba69

---

Menggunakan Hasura Service untuk konversi endpoint REST API key GraphQL di Node JS

https://hasura.io/blog/turn-your-node-js-rest-api-to-graphql/

---

Optimasi performa Node JS backend dengan Clustering

https://dev.to/cpuram1/improving-nodejs-performance-through-clustering-part-1-5a6e

https://www.freecodecamp.org/news/how-to-scale-your-node-js-server-using-clustering-c8d43c656e8f/

https://www.sitepoint.com/how-to-create-a-node-js-cluster-for-speeding-up-your-apps/
---

#express #structure #cluster #pug #graphql #babel

Menggunakan ES Module di sisi browser dengan bantuan import Maps

https://blog.logrocket.com/es-modules-in-browsers-with-import-maps/

---

Latihan menggunakan ES Modules secara native browser

https://www.carlrippon.com/javascript-modules-in-2020/

---

Latihan membuat Javascript library dengan Webpack dan Babel

https://www.loginradius.com/engineering/blog/write-a-javascript-library-using-webpack-and-babel/

---

#esm #importMap #webpack #babel #library

Beberapa fitur Javascript Modern ES2019, ES2020 , dan ES2021 yang sudah dapat dicoba sekarang dengan bantuan Babel dan beberapa browser yang mendukung.

https://blog.logrocket.com/6-cutting-edge-javascript-features-you-can-use-today/

---

Pengenalan keyword THIS di dalam Javascript

https://blog.logrocket.com/beginners-guide-to-the-javascript-this-keyword/

---

Latihan panjang dan penting melakukan pengecekan dan manipulasi Media Query halaman dengan Javascript Modern

https://css-tricks.com/working-with-javascript-media-queries/

---

Pengenalan fungsi Array Reduce di Javascript

https://dev.to/gamil91/reduce-method-in-javascript-4b2b

---

#es2020 #es2021 #babel #this #mediaquery #reduce

Latihan menggunakan Babel JS dan plugin nya untuk compiler JavaScript di Node JS backend

https://www.freecodecamp.org/news/setup-babel-in-nodejs/

---

Optimasi performa Node JS dengan Clustering API

https://blog.logrocket.com/optimize-node-js-performance-with-clustering/

---

Latihan tentang pengenalan Path Module pada Node JS untuk mengambil alamat dari suatu file

https://blog.logrocket.com/mastering-node-js-path-module/

---

Melakukan pengiriman parameter pada Express JS menggunakan middleware

https://javascript.plainenglish.io/ways-to-pass-parameter-in-express-middleware-cc0d9d088be4

#nodejs #babel #path #cluster #middleware

Latihan penting tentang cara konfigurasi Babel compiler di Node JS backend

https://www.freecodecamp.org/news/setup-babel-in-nodejs

---

Latihan sederhana membangun http server dengan Node JS

https://dev.to/yousufejazahmad/easiest-way-to-build-an-http-server-using-node-37j8

---

Optimasi performa Node JS untuk kapasitas proses dan request lebih besar dengan sistem antrian Queue menggunakan Redis Db dan Bull

https://blog.logrocket.com/scale-node-js-app-using-distributed-queues/

---

Cara melakukan multi Threading di Node JS dengan Worker Thread, untuk optimasi pemrosesan data lebih banyak

https://blog.logrocket.com/node-js-multithreading-what-are-worker-threads-and-why-do-they-matter-48ab102f8b10/

---

Membuat koneksi data real time dengan Web Socket dari Socket IO di Node JS dengan front end React JS

https://dev.to/omardiaa48/how-to-make-realtime-apis-with-nodejs-and-reactjs-using-socket-io-6ja

---

#nodejs #babel #socketio #bull #redis #queue #workerthread

Referensi dari Kent Dodds tentang membuat kerangka project Express JS dengan dukungan ES terbaru berkat bantuan Babel CLI plugin

https://kentcdodds.com/blog/how-i-structure-express-apps

---

Mengenal Node Version Manager yang bernama asdf package

https://blog.logrocket.com/manage-node-js-versions-using-asdf/

#nodejs #express #babel #asdf

Referensi beberapa library chat berbasis JavaScript

https://hackernoon.com/5-best-javascript-chat-libraries

---

Mengenal apa itu library Babel JS

https://dev.to/alexeagleson/building-a-modern-web-stack-babel-3hfp

---

Mengenal metode bind dan map yang sering ditemui pada manipulasi data JavaScript

https://javascript.plainenglish.io/javascript-map-and-bind-methods-to-the-rescue-696c37d428b4

---

#library #chat #bind #map #babel

Konfigurasi kode ES2015 dan terbaru agar bisa dipakai di Node JS backend seperti Express dengan bantuan Babel

https://dev.to/geekygeeky/get-started-with-es6-javascript-for-writing-nodejs-using-express-544h

#babel #es2015 #nodejs

Melihat beberapa fitur baru pada JavaScript ES2022

https://betterprogramming.pub/key-features-of-es2022-javascript-fa4e750f0d18

—-

Melihat beberapa fitur ES2015 yang sudah diimplementasikan secara penuh di browser engine dan Node JS

https://betterprogramming.pub/do-we-still-need-to-compile-es6-javascript-code-into-es5-in-2022-f5ec70509e9b

#es2022 #es2015 #babel

Daftar fitur penting yang telah dirilis pada ES2021 dan telah diimplementasikan sebagian di browser API dan Node JS

https://devdojo.com/brayanarrieta/new-javascript-features-ecmascript-2021

#nodejs #es2021 #babel

Daftar skill atau fitur JavaScript yang dapat dipelajari untuk dipakai pada web development

https://javascript.plainenglish.io/28-javascript-skills-a-qualified-intermediate-front-end-engineer-needs-to-master-ffed93de3f38

—-

Web development modern dengan menggunakan Webpack, TypeScript, dan Babel

https://blog.bitsrc.io/modern-web-development-with-typescript-babel-and-webpack-36c5c58b36e


#skill #webpack #typescript #babel

Komparasi transpiler antara Babel dengan TypeScript

https://blog.bitsrc.io/babel-vs-typescript-in-2022-b8e859a9fefc

#transpiler #babel #typescript

Latihan menggunakan Vite JS untuk bundler dalam project front end

https://www.freecodecamp.org/news/get-started-with-vite/

---

Beberapa kekurangan dalam penggunaan Vite JS untuk sintaks ES standard terbaru serta solusinya

https://javascript.plainenglish.io/why-cant-vite-use-new-syntax-46b50886a1db

#esm #vite #babel

Beberapa kelebihan SWC transpiler daripada Babel transpiler di Next JS

https://blog.bitsrc.io/why-you-should-replace-babel-with-swc-in-next-js-7d47510d0e0d

#nextjs #babel #swc