Beberapa sumber resources penting untuk belajar dan aset aplikasi

https://dev.to/jatinrao/resources-for-frontend-developers-1l9i

---

Tips dan trik optimasi aplikasi Javascript

https://ronak.hashnode.dev/top-10-javascript-hack-for-optimized-performance-cjwumvcls000kt8s1x7x1k5ph

#assets #resources #learning #optimization

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 Nuxt JS dan GraphQL dengan bantuan Hasura API

https://www.netlify.com/blog/2020/10/26/graphql-with-hasura-and-nuxt/

---

Mempersingkat waktu build Nuxt JS dari 30 menit menjadi 1 menit dengan beberapa tips di bawah ini

https://dev.to/lukeocodes/make-nuxt-js-go-brrrrrrrr-30-minute-to-1-minute-builds-on-netlify-f6e

---

Membuat aplikasi dengan component penghitung jumlah like dengan Nuxt JS , Fauna Db , dan hosting ke Netlify

https://dev.to/davidtparks/build-a-like-counter-with-fauna-netlify-and-nuxt-m7

---

Daftar tools , component , dan library penting untuk pengembangan aplikasi web dengan Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

Membuat sitemap untuk aplikasi Nuxt JS dengan konten routing yang dinamis

https://dev.to/andynoir/sitemap-for-dynamic-routes-in-nuxtjs-4b96

---

#nuxt #vue #graphql #optimization #build #tools #netlify #faunadb #hasura #graphql

Menambahkan fungsi Timeout di dalam Fetch API dengan Abort Controller

https://dmitripavlutin.com/timeout-fetch-request/

---

Latihan sederhana menggunakan Javascript Loop untuk perulangan data berbentuk Array

https://jsstartup.com/javascript-loop/

---

Tips dan trik optimalisasi performa Javascript di dalam aplikasi web

https://levelup.gitconnected.com/improving-javascript-performance-f34ef3ed903b

#fetch #timeout #abortController #loop #optimization

Tips dan trik optimasi performa aplikasi backend Node JS untuk ke arah lebih baik

https://medium.com/@softgrid/6-tips-to-make-your-node-js-web-app-faster-107679cb75c9

—-

Konfigurasi proyek Node JS Express untuk menggunakan TypeScript

https://levelup.gitconnected.com/how-to-set-up-a-back-end-project-using-typescript-and-node-js-c245fc09e0a2

https://medium.com/swlh/how-to-setup-an-nodejs-express-server-with-typescript-160b2e1d9f3a
—-

Menggunakan TypeScript pada backend Node JS dan pada operasi CRUD ke MongoDb

https://medium.com/swlh/typescript-with-mongoose-and-node-express-24073d51d2ee

https://levelup.gitconnected.com/connect-express-rest-api-with-mongodb-and-crud-operations-using-typescript-58d9afcc06d

—-

Contoh penggunaan Rate Limiting pada API di Node JS dengan bantuan Redis Db

https://codeburst.io/api-rate-limiting-with-node-and-redis-95354259c768

—-

Pengenalan Express Validator untuk validasi request data yang masuk ke backend Express JS

https://medium.com/javascript-in-plain-english/getting-started-with-express-validator-fae0bbeeb0f9

—-

#nodejs #optimization #typescript #express #validator #redis #rateLimiting #crud #mongodb

Tips optimasi aplikasi backend berbasis Node JS untuk performa yang lebih baik dan stabil

https://medium.com/javascript-in-plain-english/9-ways-to-optimize-node-js-applications-2d1444b02985

---

Panduan untuk menambah keamanan sistem backend berbasis Node JS

https://dev.to/shaikhshahid/a-guide-to-securing-node-js-applications-4bcc

---

Membuat sistem verifikasi pengguna dengan menggunakan email pada backend sistem Node JS

https://medium.com/javascript-in-plain-english/how-to-verify-users-in-express-js-24c020433b2a

---

Latihan dari Codedamn untuk pengenalan cara kerja Node JS, callstack, event loop, queue, dan masih banyak lagi

https://youtu.be/qG-PLm3APSs

#nodejs #express #optimization #performance #email #verification #security

Latihan penggunaan Ternary Operator di JavaScript untuk logika if else.

https://www.freecodecamp.org/news/ternary-operator-javascript-if-statement-tutorial/

---

Beberapa contoh optimasi kode JavaScript dengan memanfaatkan fitur ES Modern

https://dev.to/blessingartcreator/17-javascript-optimization-tips-3gil

---

Mengenal arti tanda ? di dalam JavaScript Modern

https://medium.com/javascript-in-plain-english/use-of-operator-in-javascript-6a5c096ed246

—-

Membuat fungsi pengecekan lokasi pengguna dengan JavaScript

https://dev.to/sprite421/how-to-check-a-user-s-location-with-javascript-142b

#es2020 #ternary #location #optimization

Traversy Media merilis latihan panjang tentang pengenalan Vue JS 3 dan Composition API, selengkapnya dapat dilihat di bawah ini

https://youtu.be/qZXt1Aom3Cs

---

Tips melakukan optimasi aplikasi berbasis Vue JS dan Nuxt JS untuk performa lebih baik

https://www.telerik.com/blogs/10-useful-tips-improve-user-experience-nuxt-application

---

Komparasi antara Vue Composition API dengan React Hooks

https://blog.logrocket.com/vue-composition-api-vs-react-hooks/

---

Panduan lengkap penggunaan Font Awesome di Vue JS

https://blog.logrocket.com/full-guide-to-using-font-awesome-icons-in-vue-js-apps-5574c74d9b2d/

#vue #nuxt #optimization #traversyMedia #course

Latihan membuat aplikasi backend berbasis Express Node JS untuk contoh kasus sistem Authentication dengan Passport JS dan JWT , serta front end menggunakan Angular

https://www.youtube.com/watch?v=F-sFp_AvHc8

—-

Tips dan trik dalam optimasi aplikasi berbasis Node JS

https://javascript.plainenglish.io/10-best-practices-for-node-js-apps-5c8d1ee33a02

—-

Beberapa perbandingan library untuk logging data di Node JS

https://betterprogramming.pub/node-js-logging-libraries-5789c379640b

—-

#nodejs #passport #angular #express #logging #optimization

Penggunaan fungsi JavaScript untuk optimasi SEO pada aplikasi web

https://www.searchenginejournal.com/seo-automation-with-javascript/406582/

#seo #optimization

Latihan panjang membuat contact form dengan Next JS dan menyimpan data nya dengan Notion API SDK

https://blog.logrocket.com/creating-contact-forms-with-the-notion-api-and-next-js/

---

Beberapa package NPM yang dapat dipakai untuk optimasi aplikasi

https://dev.to/nilanth/5-packages-to-optimize-and-speed-up-your-react-app-during-development-4h5f

---

Membuat Tab component dengan React JS

https://blog.logrocket.com/how-to-build-tab-component-react/


#npm #react #optimization #notion #nextjs #contact #tab

Beberapa saran referensi tampilan project untuk latihan front end web development

https://dev.to/hyggedev/master-frontend-development-by-cloning-these-websites-1m08

---

Pengenalan IndexedDb untuk menyimpan data sementara di browser

https://javascript.plainenglish.io/indexeddb-cfb55e3e26d8

---

Beberapa tips optimasi kode JavaScript

https://javascript.plainenglish.io/19-javascript-script-optimization-techniques-you-can-use-d631ffdd66e2

---

#indexedDb #optimization #learn

Beberapa cara untuk optimasi penulisan kode JavaScript bersama Dcode

https://www.youtube.com/watch?v=XPrx-j5L_wo

#dcode #optimization #esm

Tips dalam optimasi ukuran font di tampilan halaman web menjadi 62.5 %

https://javascript.plainenglish.io/why-i-change-the-font-size-to-62-5-in-every-project-45c5ff785fb5

#tips #optimization

Mengenal design pattern yang bernama Strategy pattern di TypeScript

https://javascript.plainenglish.io/design-patterns-strategy-pattern-in-typescript-54eda9b40f09

—-

Optimasi aplikasi web berbasis JavaScript

https://javascript.plainenglish.io/how-i-make-my-javascript-applications-2-times-faster-dbbfd7e5ceec

—-

Contoh beberapa pertanyaan wawancara interview seputar JavaScript

https://medium.com/nerd-for-tech/top-10-javascript-interview-code-based-questions-lets-do-brainstorming-b8f6bd9fc9cb

#pattern #strategy #optimization #performance #interview