Optimasi memuat halaman aplikasi web dengan beberapa teknik memuat file JavaScript ke HTML DOM

https://medium.com/better-programming/improve-page-load-performance-with-these-different-script-loading-techniques-b0d912eae7b1

—-

Membuat fungsi Drag and Drop dengan JavaScript

https://medium.com/better-programming/perfecting-drag-and-drop-in-pure-vanilla-javascript-a761184b797a

#performance #async #defer #dragDrop #vanilla

Traversy Media merilis latihan membuat aplikasi pemetaan kebakaran hutan dengan NASA API dan React JS yang dapat dilihat di video berikut

https://youtu.be/ontX4zfVqK8

---

Membuat fungsi drag and drop untuk upload data atau file di React JS

https://dev.to/matthewpalmer9/react-drag-n-drop-47ee

---

Membuat halaman Contact Form dan mengirim data isian ke Netlify Form di React JS

https://dev.to/deboragaleano/how-to-create-a-netlify-contact-form-in-react-5bma

---

#react #nasa #wildfire #map #contactForm #netlify #dragdrop

Membuat fitur lazy loading component dan router dengan Angular

https://www.thirdrocktechkno.com/blog/lazy-load-component-with-angular-10/

---

Tips optimasi aplikasi web Angular yang memiliki performa lambat

https://www.thirdrocktechkno.com/blog/top-reasons-why-your-angular-app-is-slow/

---

Membuat fitur drag and drop dengan Angular

https://www.thirdrocktechkno.com/blog/building-interactive-lists-with-the-new-angular-7-drag-and-drop-tool/

---

Mengenal aa itu MEAN Stack yang merupakan fullstack JavaScript

https://www.thirdrocktechkno.com/blog/what-is-mean-stack-mean-stack-components-and-benefits/

---

Menggunakan fitur server side rendering di Angular

https://www.thirdrocktechkno.com/blog/server-side-rendering-with-angular-10/

---

Membuat fitur lokalisasi bahasa atau i18n di Angular

https://www.thirdrocktechkno.com/blog/how-to-implement-localization-in-angular-10/

---

Contoh penggunaan Getter Setter di TypeScript

https://levelup.gitconnected.com/advantages-of-typescript-getters-and-setters-in-angular-668f4639ad0c

#angular #lazyload #component #ssr #i18n #mean #dragdrop #getter #setter

Memperkenalkan DFlex, library untuk membuat fitur drag and drop list yang menggunakan Javascript murni, dan mudah diadopsi oleh Framework JS manapun.

https://www.dflex.dev/

#dflex #library #dragdrop

Latihan bersama John Komarnicki membuat component Drag and Drop Upload di Vue JS 3

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

#vue #dropzone #dragdrop #upload #JohnKomarnicki

Membuat component yang dapat digunakan berulang kali di React JS

https://www.freecodecamp.org/news/how-to-create-a-truly-reusable-react-component-from-scratch/

---

Menambahkan fitur drag and drop di element List React JS

https://blog.logrocket.com/adding-drag-and-drop-functionality-with-react-beautiful-dnd/

---

Contoh konfigurasi Next JS bersama Storybook dan Material UI

https://itnext.io/nextjs-storybookjs-material-ui-jest-swr-fe2ff5cb9af8

---

Membuat template Portfolio dengan Next JS

https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/

---

#react #nextjs #storybook #reusable #dragdrop

Latihan panjang dari Freecodecamp tentang pengenalan Vue JS 3

https://www.freecodecamp.org/news/vue-3-full-course/

---

Membuat Tooltips Component di Vue JS

https://blog.logrocket.com/create-custom-tooltip-component-vue/

---

Membuat fitur drag and drop dengan Vue Draggable library

https://blog.logrocket.com/getting-started-vue-draggable/

---

Latihan membangun e-commerce sederhana dengan Vue Nuxt JS

https://www.apisful.com/tutorials/en/e-commerce-vue-js-nuxt-js-apisful/

#vue #course #freecodecamp #dragdrop #tooltip #nuxt

Latihan membuat aplikasi tracking kegiatan olahraga dengan React JS

https://dev.to/thenerdydev/10k-views-on-my-full-react-project-video-51p9

---

Menambahkan fungsi accessibility di React JS

https://www.freecodecamp.org/news/react-accessibility-tools-build-accessible-react-apps/

---

Pengenalan tentang fundamental di React JS

https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1

---

Membuat plugin custom untuk sumber data di Gatsby JS

https://www.digitalocean.com/community/tutorials/how-to-create-a-custom-source-plugin-in-gatsby

---

Membuat dashboard dengan drag and drop support widget pada React JS

https://betterprogramming.pub/build-a-dashboard-with-drag-and-drop-dynamic-widgets-in-react-1f012eeecd8b

---

#react #dashboard #dragdrop #gatsby #nextjs #a11y

Latihan membuat game sederhana dengan Drag and Drop API JavaScript

https://dev.to/jscrambler/build-a-simple-game-in-vanilla-js-with-the-drag-and-drop-api-58lf

---

Konversi metode for loop menjadi bentuk fungsi bawaan Array JavaScript

https://javascript.plainenglish.io/how-to-convert-traditional-for-loops-to-javascript-array-methods-89e4cb9e6250

---

Latihan menggunakan beberapa fungsi manipulasi Array di JavaScript

https://www.freecodecamp.org/news/complete-introduction-to-the-most-useful-javascript-array-methods/

---

Beberapa cara menulis kode Asynchronous dengan JavaScript

https://betterprogramming.pub/3-ways-to-write-asynchronous-code-in-javascript-b8d17e60df06

---

#dragdrop #game #async #array #loop

Angular Drag and Drop Files Upload Made Simple

https://dev.to/tabernerojerry/angular-drag-and-drop-files-upload-made-simple-jb6

---

Angular Signals: Streamline Data Flow and Boost Maintainability

https://dev.to/keshavkhatri/angular-signals-streamline-data-flow-and-boost-maintainability-1ogc

#angular #upload #dragdrop #signal