Membuat fungsi drag and drop dengan Javascript murni

https://medium.com/javascript-in-plain-english/how-to-create-native-drag-and-drop-functionality-in-javascript-d7940a3f55da

---

Melihat beberapa fitur baru di Javascript ES2020

https://dev.to/yashints/all-you-need-to-know-about-string-in-javascript-20k3

---

Mengenal beberapa fungsi manipulasi String di Javascript
https://dev.to/yashints/all-you-need-to-know-about-string-in-javascript-20k3

---

Menggunakan teknik method Chaining di Javascript modern dan arsitektur functional programming
https://wiktor.toporek.me/blog/method-chaining-in-js-functional-programming-way/

---

Beberapa artikel terbaru di dalam blog Git Connected tentang Javascript dan Node JS
https://levelup.gitconnected.com/best-of-level-up-coding-may-2020-d183f43cf172

---

#drag #drop #es2020 #string #chaining

Mengenal Vue Formulate , library component untuk membuat form input di Vue JS

https://dev.to/justinschroeder/introducing-vue-formulate-truly-delightful-form-authoring-56f5

---

Beberapa library Vue JS untuk membuat fungsi Drag and Drop

https://medium.com/javascript-in-plain-english/best-vue-libraries-for-watching-visibility-of-items-and-drag-and-drop-7aff924d99ff

---

#vue #formulate #drag #drop

Tips memuat Google Font yang lebih baik dan lebih cepat

https://csswizardry.com/2020/05/the-fastest-google-fonts/

---

Menambahkan drop shadow pada element HTML dengan CSS

https://www.freecodecamp.org/news/css-tutorial-drop-shadow/

#drop #shadow #css #font #googlefont

Latihan membuat aplikasi pemantau cuaca dengan React JS

https://dev.to/kgprajwal/learn-react-by-building-a-weather-app-3229

#react #weather

---

Membuat komponen Drag and Drop dengan library React Dropzone

https://blog.logrocket.com/create-a-drag-and-drop-component-with-react-dropzone/

#react #dropzone #drag #drop

---

Menambah library Firebase ke dalam project React

https://dev.to/farazamiruddin/react-firebase-add-firebase-to-a-react-app-4nc9


#firebase

Konfigurasi project React JS agar menggunakan build dan bundler tools Parcel JS

https://www.freecodecamp.org/news/how-to-up-a-react-app-with-parcel/

---

Membuat List yang dapat di susun dengan drag and drop atau Reordered List dengan Sortable JS

https://blog.logrocket.com/creating-reordered-lists-with-sortable-js-and-react/

---

Pengenalan tentang React Query dan contoh penggunaannya

https://blog.bitsrc.io/how-to-start-using-react-query-4869e3d5680d

---

#parceljs #react #sortablejs #drag #drop #reactQuery #query

Membuat Drag and Drop Component dengan Vue JS

https://dev.to/suniljoshi19/implementing-drag-and-drop-in-vuejs-276c

---

Beberapa fitur baru yang menarik dicoba di Vue JS 3

https://blog.bitsrc.io/vue-3-0-what-im-most-excited-about-d653ac0fd68a

---

Latihan membuat sistem Authentication dengan Vue JS 3

https://dev.to/adamcowley/how-to-build-an-authentication-into-a-vue3-application-200b

---

Sampel proyek aplikasi desktop yang dibuat dengan Electron dan Vue JS Vite

https://dev.to/gautemeekolsen/emojis-picker-vite-electron-app-2ckp

---

#vue #electron #auth #drag #drop

Latihan panjang sekali membuat aplikasi sosial media dengan stack modern Node JS yaitu MERN dan GraphQL

https://www.freecodecamp.org/news/learn-how-to-use-react-and-graphql-to-make-a-full-stack-social-network/

---

Membuat aplikasi web daftar belanjaan dengan React dan React Hooks.

https://www.freecodecamp.org/news/how-to-build-a-shopping-list-using-react-hooks-w-starter-code-and-video-walkthrough/

---

Membuat list yang isi komponennya dapat di drag and drop pada React JS

https://codedaily.io/tutorials/186/Multi-List-Drag-and-Drop-With-react-beautiful-dnd-Immer-and-useReducer

---

Membuat aplikasi catatan Notes App dengan React JS , Router , dan Redux

https://medium.com/javascript-in-plain-english/using-react-react-router-redux-redux-form-in-building-simple-notes-app-fd3114f5131a

#react #hooks #list #drag #drop #notes #router #redux #nodejs #mern #socialmedia #graphql

Latihan panjang membuat Drag and Drop Component dengan HTML5 dan CSS

https://blog.logrocket.com/html-5-drag-and-drop-api-a-tutorial/

---

Contoh penggunaan Data Attribute di dalam HTML dan JavaScript

https://medium.com/javascript-in-plain-english/quick-guide-to-using-data-attributes-f1f2c3161d5f

---

Membuat tampilan kalender di HTML dengan CSS Grid sederhana

https://css-tricks.com/a-calendar-in-three-lines-of-css/

---

Tips melakukan debugging CSS pada tampilan HTML

https://dev.to/sheelah_b/debugging-css-some-tips-and-tricks-bek

---

Membuat tampilan responsive dari aplikasi web dengan Media Query

https://www.freecodecamp.org/news/responsive-pages-and-color-themes-with-minimal-css/

#drag #drop #css #html #calendar
#dataAttribute

Beberapa fitur JavaScript ES2018 yang perlu diketahui

https://dev.to/alexdevero/4-javascript-es2018-features-you-should-know-f1d

---

Membuat fungsi drag and drop dengan HTML, CSS, dan JavaScript

https://javascript.plainenglish.io/how-to-drag-and-drop-using-javascript-46e3772b535e

---

Melakukan format tanggal dengan Date Object di JavaScript

https://javascript.plainenglish.io/formatting-dates-with-custom-helpers-in-javascript-973f11ea8c5d

---

Beberapa cara melakukan clone atau kloning Object di JavaScript

https://javascript.plainenglish.io/the-most-efficient-ways-to-clone-objects-in-javascript-2021-c8e4d04096a5

---

Cara mengurutkan Array of Object dengan JavaScript

https://javascript.plainenglish.io/how-to-sort-an-array-of-objects-fe57fc68ef0e

---

Mengenal fitur dynamic import di JavaScript ES2020

https://nitayneeman.com/posts/introducing-dynamic-imports-in-ecmascript-2020/

---

#es2018 #es2020 #drag #drop #object #array #sort #clone

Latihan panjang dari Traversy Media membuat fitur drag and drop dari List atau daftar element di HTML

https://youtu.be/wv7pvH1O5Ho

#traversyMedia #list #drag #drop

Latihan membuat aplikasi Todo List dengan React JS, GraphQL, Node JS, dan MongoDb

https://javascript.plainenglish.io/create-a-todo-app-with-graphql-react-mongodb-and-apollo-server-side-292ce42b9eea

—-

Membuat aplikasi Todo List dengan React JS

https://javascript.plainenglish.io/create-a-to-do-app-in-react-with-localstorage-5408d5c9d6f5

---

Cara melakukan integrasi MongoDb pada Next JS

https://javascript.plainenglish.io/integrating-mongodb-to-nextjs-f7038f90051a

---

Membuat drag and drop component dengan React JS

https://blog.logrocket.com/create-draggable-components-react-draggable/

#react #nodejs #graphql #drag #drop #nextjs #mongodb

Membuat fungsi drag and drop file untuk fungsi upload dengan JavaScript, HTML, dan CSS

https://javascript.plainenglish.io/create-image-drag-drop-app-with-javascript-9caf3b5a3d1a

—-

#drag #drop #upload

Latihan bersama Kevin Powell tentang penerapan CSS Drop Shadow dengan beberapa variasi

https://youtu.be/JvuIuWbxNvU

#css #drop #shadow #kevinPowell

Latihan membuat fitur drag and drop untuk upload file dengan Vue JS 3

https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/

#vue #upload #drag #drop

Panduan penting tentang beberapa cara membuat salinan Object dengan JavaScript

https://blog.logrocket.com/copy-objects-in-javascript-complete-guide/

---

Cara melakukan Nested Object Destructuring di JavaScript

https://javascript.plainenglish.io/nested-destructuring-in-javascript-3fe186b1d34e

---

Membuat fitur drag and drop upload file dengan JavaScript, HTML, dan CSS

https://dev.to/inancakduvan/drag-and-drop-to-upload-a-photo-javascript-2417

---

Pengenalan Spread dan Rest Operator pada JavaScript

https://betterprogramming.pub/javascript-spread-and-rest-operators-when-to-why-to-and-how-to-use-them-bfd65436c8f1

#copy #object #lodash #spread #rest #operator #drag #drop #upload

Membuat fungsi upload file dengan drag and drop di Vue JS

https://blog.logrocket.com/customizing-drag-drop-file-uploading-vue/

#vue #drag #drop

Pengenalan event drag and drop pada JavaScript

https://blog.openreplay.com/drag-and-drop-events-in-javascript/

---

Pengenalan inheritance pada Object JavaScript

https://blog.openreplay.com/inheritance-in-javascript-object-oriented-programming/

#oop #object #drag #drop #event

Tips dalam membuat method chaining dengan JavaScript

https://towardsdev.com/i-lost-a-job-opportunity-because-i-didnt-know-how-to-chain-methods-in-js-5a95239eb953

—-

Komparasi dua object pada JavaScript

https://towardsdev.com/how-to-compare-two-objects-in-javascript-2b3d9641668a

—-

Membuat fitur drag and drop dengan library Sortable JS

https://javascript.plainenglish.io/drag-drop-with-sortable-js-library-154627f467b3


—-

Penjelasan tentang fungsi Debounce pada JavaScript

https://javascript.plainenglish.io/explain-debounce-in-plain-javascript-35c2a8e6da0c

---

#chaining #drag #drop #sortableJs #debounce

The different types of JavaScript functions explained
https://www.youtube.com/watch?v=cMt9U6kCWsM

—-

Master JavaScript Drag and Drop with Chess Example!
https://www.youtube.com/watch?v=EFJg4nUg9sM

—-

7 Must Know JavaScript Tips & Tricks
https://medium.com/@mukhopadhyaypushan42/7-must-know-javascript-tips-tricks-905668e09f48

—-

Handling Dates in Javascript the Wrong Way
https://medium.com/@raphael.moutard/handling-dates-in-javascript-the-wrong-way-d98cb2835200

—-

#functions #dates #tips #drag #drop

My Favorite JavaScript Method - Element closest() in 2 Minutes
https://www.youtube.com/watch?v=5rup0pNcygU

—-

Drag and Drop with JavaScript
https://www.youtube.com/watch?v=HBwTM9Ty32I

#element #drag #drop #closest #array