Contekan cheatsheet tentang penggunaan Arrow Function dkk Javascript

https://www.samanthaming.com/tidbits/47-arrow-functions-cheatsheet/

---

Latihan melakukan konversi plugin jquery yang ketinggalan zaman ke bentuk JavaScript murni

https://gomakethings.com/converting-a-jquery-plugin-to-vanilla-js-lettering.js/

---

Daftar contekan untuk migrasi fungsi dari jquery ke JavaScript modern

https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/

---

Tips debugging JavaScript

https://gomakethings.com/how-to-debug-javascript-like-a-pro/

---

Cara melakukan bundle ES Module dengan menggunakan Rollup JS

https://gomakethings.com/how-to-bundle-es-modules-with-rollup.js/

---

Cara menemukan element Array tertentu di dalam Array dengan Array.find dan findIndex

https://jsmates.com/blog/find-a-value-in-an-array

---

Menghitung jumlah element Array dengan nilai yang sama dengan menggunakan Array Reduce

https://jsmates.com/blog/counting-in-an-array-using-array-reduce

---

Cara melakukan filter element Array dengan kondisi tertentu

https://jsmates.com/blog/filter-the-items-in-an-array

---

Melakukan pengelompokan kategori element dengan Array Reduce

https://jsmates.com/blog/group-by-using-array-reduce

---

#es6 #nojquery #arrow #reduce #groupBy #filter #find #cheatsheet #array

Bootstrap versi 5 Beta telah tersedia, dan bisa dicoba. Di versi ini menggunakan metode manipulasi DOM dengan JavaScript murni dan tanpa perlu jquery lagi

https://getbootstrap.com/docs/5.0/getting-started/download/


---

Referensi menggunakan Bootstrap dengan module bundler Webpack

https://getbootstrap.com/docs/5.0/getting-started/webpack/


#bootstrap #es2015 #nojquery

Referensi library JavaScript murni tanpa jquery untuk membuat efek Carousel.

https://dev.to/mycodemagic/top-10-javascript-carousel-libraries-1ech

#library #carousel #nojquery #es6

Memperkenalkan Cheetah Grid, library datatables tanpa jquery, dan hanya menggunakan JavaScript Modern

https://github.com/future-architect/cheetah-grid

---

Alternatif lain untuk membuat datatables dengan JavaScript modern yaitu Grid JS

https://gridjs.io/


#datatable #es2015 #nojquery

Daftar library yang dibuat dengan JavaScript murni, sehingga memudahkan dalam pemakaiannya.

https://dev.to/commentme/some-vanilla-js-libraries-you-must-try-17a3?signin=true

—-

Pengenalan beberapa fungsi dari Console Log API yang dapat menampilkan berbagai macam jenis log di console dibrowser

https://dev.to/kalashin1/super-powers-of-javascript-console-4ek9

—-

Konsep fundamental penting dalam pengenakan Object di JavaScript

https://medium.com/dailyjs/15-fundamentals-you-should-know-on-javascript-objects-90f57cc9d78d


—-

#library #nojquery #es2015 #object #oop #console

Bootstrap 5 telah rilis final dan stabil pada hari ini. Ada banyak sekali perubahan dan fitur baru di dalamnya. Dan yang pasti adalah ucapkan selamat tinggal pada jquery, dan selamat datang JavaScript Modern pada fungsi JavaScript Utility di dalam Bootstrap

https://blog.getbootstrap.com/2021/05/05/bootstrap-5/

#nojquery #bootstrap #esm #es2015 #css

Latihan dari Web Dev Simplified membuat aplikasi kloningan jquery dengan JavaScript Modern

https://youtu.be/5MFnKG15ZfI

#nojquery #clone #es2015 #esm

Latihan panjang dari Design Course untuk pengenalan framework Bootstrap 5

https://youtu.be/1nxSE0R27Gg

#css #designCourse #bootstrap #nojquery

Latihan penting dari Dcode tentang pembuatan table atau datatable dengan search filter, menggunakan. JavaScript Modern, HTML, dan CSS. Dan tanpa menggunakan jquery pastinya.

https://youtu.be/qp7PdguA0Vg

#table #dcode #datatable #nojquery

Freecodecamp telah merilis latihan panjang sekali tentang membuat aplikasi Portfolio dengan Bootstrap 5 dan JavaScript Modern tentunya.

https://www.freecodecamp.org/news/learn-bootstrap-5-and-sass-by-building-a-portfolio-website/

#bootstrap #nojquery #es2015

Latihan menggunakan JavaScript murni untuk manipulasi DOM, dan tanpa jquery tentunya

https://medium.com/nerd-for-tech/quickie-dev-8-manipulating-html-with-pure-javascript-d1d89d631bb0

#esm #dom #nojquery

Latihan penting sekali tentang melakukan format tanggal dengan Date Object, menjadi format tanggal yang mudah dibaca dan sesuai dengan Locale di tiap negara.

https://www.freecodecamp.org/news/how-to-format-dates-in-javascript/

---

Contekan cheatsheet dan tips dalam migrasi dari jquery ke JavaScript Modern

https://javascript.plainenglish.io/jquery-to-vanilla-javascript-transition-cheat-sheet-basic-operations-57378aa62fe0

---

Pengenalan tentang object di JavaScript serta apa itu key dan value di dalamnya

https://www.freecodecamp.org/news/what-is-a-javascript-object/

---

Mengenal konsep Array Reduce dan Map di JavaScript

https://dev.to/agorushkin/what-is-reduce-and-how-does-it-work-20ga

---

Cara sederhana menghapus element tertentu dari dalam Array

https://javascript.plainenglish.io/remove-element-from-array-in-javascript-ff5a9ad7d5b9

#date #locale #object #nojquery #es2015 #array

Panduan panjang dan lengkap migrasi dari jquery ke JavaScript Modern dan framework JS yang bernama Next JS

https://www.smashingmagazine.com/2021/07/migrate-jquery-nextjs/

---

Latihan menggunakan Supabase yang dikombinasikan dengan Next JS

https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/

---

Tips dalam melakukan deploy Next JS dengan beberapa optimasi

https://nextjs.org/docs/going-to-production

----

Latihan membangun aplikasi daftar Podcast dengan Strapi CMS dan Next JS

https://strapi.io/blog/how-to-build-a-podcast-app-using-strapi-and-nextjs

---

Latihan membangun aplikasi fullstack JavaScript dengan Next JS, Node JS, dan deploy ke Amazon AWS Amplify

https://dev.to/aspittel/create-a-fullstack-next-js-app-with-authentication-data-and-storage-47od

---

#nextjs #react #nojquery #migration #strapi #supabase #aws

Latihan bersama Dcode membuat modal dialog dengan HTML, CSS, dan JavaScript murni

https://youtu.be/q8gv3B3DBoo

#dcode #modal #dialog #css #nojquery

Pengenalan fitur ES2020 Optional Chaining bersama James Quick

https://youtu.be/K7rHYyf6E0g

---

Beberapa referensi project untuk latihan JavaScript

https://dev.to/codefoxx/15-beginner-javascript-projects-to-improve-your-front-end-skills-5bcj

---

Contekan cheatsheet untuk migrasi dari jquery ke JavaScript Modern

https://javascript.plainenglish.io/jquery-to-vanilla-javascript-transition-cheat-sheet-creating-and-appending-elements-f475794fdb52

---

Cara memutar urutan String dengan JavaScript

https://javascript.plainenglish.io/how-to-rotate-a-string-in-javascript-a3bfd4da28e

---

#OptionalChaining #course #string #nojquery

Daftar template dashboard admin yang bebas jquery

https://hackernoon.com/7-jquery-free-admin-dashboard-templates-built-with-react-vue-or-angular-6f38353m

---

Perbedaan tentang let const dan var

https://hackernoon.com/how-to-declare-variables-in-javascript-let-vs-var-vs-const

---

Kumpulan beberapa library atau plugin untuk membuat datatable

https://hackernoon.com/19-javascript-plugins-and-data-table-libraries-to-make-your-life-easier-bd2e355l

#nojquery #let #const #library #datatable #template

Latihan penting dari Online Tutorials tentang membuat drop down menu dengan HTML, CSS, dan JavaScript

https://youtu.be/zf1C1peIk8I

---

Latihan sederhana membuat Instagram Clone dengan CSS dan HTML

https://dev.to/kunaal438/how-to-make-instagram-clone-using-html-css-fully-responsive-49co

---

Cara membuat efek shadow dengan Gradient pada element HTML, menggunakan CSS

https://youtu.be/VgdxaH_ztBg

#onlinetutorials #css #dropdown #nojquery

Latihan membuat tabel dengan filter dinamis melalui input form dengan JavaScript murni, CSS, dan HTML

https://www.freecodecamp.org/news/build-a-responsive-filterable-form-with-css-and-javascript/

#nojquery #table #filter

Latihan sederhana membuat Stopwatch dengan JavaScript Modern, HTML, dan CSS

https://dev.to/shantanu_jana/create-a-simple-stopwatch-using-javascript-3eoo

---

Tips sederhana mengganti kode jquery dengan JavaScript Modern

https://aarontgrogg.com/blog/2021/09/29/replacing-jquery-with-vanilla-es6/

#stopwatch #nojquery #esm

Referensi beberapa library datatable yang bebas jquery dan menggunakan Javascript murni, sehingga dapat dengan mudah digabung ke framework Javascript

https://blog.logrocket.com/5-open-source-javascript-datagrids/

#datatable #nojquery