Latihan dasar membuat aplikasi counter

https://www.freecodecamp.org/news/learn-javascript-by-building-a-project/

#basic #counter

Pengenalan tentang Tuples dan Records di TypeScript

https://betterprogramming.pub/pattern-matching-in-typescript-tuples-and-records-8e1c44c94759

#tuples #typescript

Cara membuat REST API dengan Node JS dan dokumentasi nya

https://www.freecodecamp.org/news/build-consume-and-document-a-rest-api/

#nodejs #rest #api

Net Ninja merilis latihan berseri tentang pengenalan Next JS 13, latihan ini terus diperbarui setiap hari sampai selesai

https://www.youtube.com/watch?v=TJQbDPGzm0Y&list=PL4cUxeGkcC9jZIVqmy_QhfQdi6mzQvJnT

#netninja #nextjs #crashcourse

Latihan membuat AirBnb Clone dengan Next JS, Tailwind CSS, dan Zustand

https://dev.to/koolkishan/full-stack-airbnb-clone-with-nextjs-tailwind-css-zustand-and-amplication-125b

----

Latihan membuat music player dengan React JS, Canvas, dan Web Audio API

https://dev.to/tropicolx/creating-a-cyberpunk-themed-music-player-with-react-web-audio-api-and-canvas-4iol

---

Latihan menggunakan Redux Toolkit di React JS

https://www.freecodecamp.org/news/redux-and-redux-toolkit-for-beginners/

---

Membuat sistem Authentication dengan Next JS, Next Auth, dan Prisma

https://blog.bitsrc.io/implementing-user-authentication-and-secure-user-data-management-in-next-js-c132885ff908

—-

Implementasi TypeScript pada Next JS dengan Zod

https://blog.bitsrc.io/building-type-safe-next-js-apps-with-zod-and-typescript-aaae657e56d9

#react #nextjs #auth #clone #tailwind #airbnb

Beberapa fungsi one liner dari JavaScript yang dapat dipakai

https://fatfish.medium.com/18-javascript-one-liners-thatll-make-you-look-like-a-pro-1b0ec61c32f8

——

Pengenalan tentang MediaQueryList API untuk tampilan web responsive

https://blog.bitsrc.io/discovering-javascripts-mediaquerylist-api-for-responsive-web-design-81a94c9f01b1

—-

Tips penggunaan JavaScript kelas Pro

https://javascript.plainenglish.io/js-advanced-usage-play-javascript-like-a-master-43a416d72fbf

#oneliner #mediaquery #tips

Pemrograman yang Digunakan Perusahaan UNICORN yang dibahas bersama Programmer Zaman Now
https://www.youtube.com/watch?v=2OiKj0IqJsw

#pzn #programmerZamanNow #unicorn #platform

Pengenalan tentang lazy loading di JavaScript

https://blog.openreplay.com/lazy-loading-in-javascript/

---

Beberapa browser API yang perlu diketahui oleh developer

https://levelup.gitconnected.com/new-browser-apis-that-every-web-developer-should-know-d7a65cbb4a2d

—-

Beberapa tips penggunaan Closure di JavaScript

https://javascript.plainenglish.io/4-tricks-and-tips-about-closure-in-javascript-you-should-know-a7fe6aeaa767

—-

Membuat fungsi utility dengan nama waitFor untuk menunggu proses Async selesai

https://davidwalsh.name/waitfor

#lazy #loading #closure #browser

Buku latihan dasar pengenalan Node JS

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

---

Pengenalan tentang Async flow dan event loop di Node JS

https://amplication.com/blog/nodejs-asynchronous-flow-control-and-event-loop

#nodejs #async #loop #controlLoop

Latihan bersama Dcode tentang membuat color palette dengan JavaScript, HTML, dan CSS

https://www.youtube.com/watch?v=XuNko-BQCic

#dcode #palette #color

Membuat hover effect seperti light neon dengan CSS dan HTML bersama Online Tutorials

https://www.youtube.com/watch?v=iu6i36-Afc4

#onlineTutorials #html #css

Tips dari Programmer Zaman Now sebelum melakukan push code ke Git Repository

https://www.youtube.com/watch?v=yWIlk6RF7UY

#pzn #programmerZamanNow #git

Latihan dari Web Dev Simplified menggunakan React Hook yang jarang diketahui

https://www.youtube.com/watch?v=M3mGY0pgFk0

#hook #react #webdevsimplified

Beberapa layout front end web yang perlu dipahami oleh developer

https://javascript.plainenglish.io/front-end-layout-that-every-senior-front-end-engineer-should-know-711e174687c5

—-

Beberapa fitur JavaScript modern yang perlu dipelajari

https://fatfish.medium.com/6-cool-modern-javascript-features-most-developers-dont-know-about-7ccaba067996

#layout #feature #esm

Referensi struktur project front end yang dapat dicoba

https://fadamakis.com/a-front-end-application-folder-structure-that-makes-sense-ecc0b690968b

#frontEnd #structure

Catatan rilis Google Chrome 116 dengan beberapa tambahan fitur baru di dalamnya

https://www.youtube.com/watch?v=JHwWUsMKYdk

#release #chrome

Buku panduan dari Freecodecamp tentang penggunaan HTML dan CSS

https://www.freecodecamp.org/news/html-css-handbook-for-beginners/

---

Panduan penggunaan transform utility pada CSS

https://blog.openreplay.com/a-guide-to-2d-and-3d-transforms/

---

Latihan dari Kevin Powell tentang penggunaan color mix property Di CSS

https://youtu.be/I9zHX-jSKpA

#html #css #transform #guide #colormix

Kenapa pengembang beralih ke Next JS

https://levelup.gitconnected.com/why-developers-are-switching-towards-next-js-c97ed7178a5d

#release #nextjs

Latihan dari Online Tutorials membuat button yang mengikuti hover effect dengan HTML, CSS, dan JavaScript

https://www.youtube.com/watch?v=l36xK-dSKrk

#button #hover #magnetic

Beberapa layanan web yang dapat dipakai oleh developer aplikasi

https://javascript.plainenglish.io/15-killer-websites-for-web-developers-97113695e775

#developer #web

Cara kustomisasi Material UI date picker

https://blog.openreplay.com/styling-and-customizing-material-ui-date-pickers/

---

Membuat Toast message pada React JS dengan library React Hot Toast

https://blog.openreplay.com/simple-toast-notifications-with-react-hot-toast/

——

Beberapa kesalahan dalam React JS sehingga menyebabkan render ulang

https://medium.com/@rickmint/3-1-react-common-mistakes-that-triggers-unnecessary-re-renders-72d1e993d7bf

#react #material #ui #toast #datepicker #render