Belajar menggunakan JS Modern dengan standard ES2015 atau ES6 ke atas, dan mulai menggunakan framework JS modern . Dan kurangi penggunaan jquery.

PSA: jQuery is bad for the security of your project
https://palant.de/2020/03/02/psa-jquery-is-bad-for-the-security-of-your-project/


#jquery #nojquery #es6 #es2015

JavaScript modern ES2015+ dan framework JS modern yang membuat saat ini tidak diperlukan lagi jquery dalam web app development.

https://medium.com/flatlogic/jquery-vs-javascript-why-we-removed-jquery-from-our-templates-8d2c67916746


#nojquery #es2015 #es2016 #es6

Latihan pengenalan JavaScript Modern ES2015++ dari channel The DevEd. Lumayan jelas penjelasannya dan durasinya panjang sekitar 1 jam.

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

#vanilla #es2015 #es6
-
Mengenal apa itu REST API dan latihan membuatnya dengan Node JS
https://www.sitepoint.com/developers-rest-api/

#nodejs #rest
-
Mengambil URL Parameters dengan JavaScript , dan mengolah data yang diperoleh
https://www.sitepoint.com/get-url-parameters-with-javascript/

#get #urlparams #queryparam

Cara membandingkan atau komparasi dua buah Object di Javascript

https://dmitripavlutin.com/how-to-compare-objects-in-javascript/

#object #comparison

---

Memahami cara kerja Javascript metode Async Await dan cara memakainya

https://medium.com/javascript-in-plain-english/how-javascript-async-await-works-and-how-to-use-it-5d784fa1c8e6


Memahami callback , promise , dan Async Await di Javascript

https://medium.com/front-end-weekly/what-are-callback-functions-async-await-and-promises-1cef250be2ac

#async #await #callback
---

Latihan pengenalan Promise dalam standar ES2015 , seperti Resolve , Reject, dan Chaining

https://www.freecodecamp.org/news/javascript-es6-promises-for-beginners-resolve-reject-and-chaining-explained/

#promise #chaining
---

Mengenal beberapa fitur Javascript modern untuk standar ES2015

https://dev.to/sophia_wyl/modern-javascript-es6-and-beyond-482n

#es2015 #es6

---

Beberapa standard penulisan Javascript sesuai konvensi.

https://medium.com/javascript-in-plain-english/19-simple-javascript-coding-standards-to-keep-your-code-clean-7422d6f9bc0


#cleancode #designpattern
---

Beberapa tips untuk menghindari penulisan kode Javascript yang buruk dan menyebabkan error
https://medium.com/javascript-in-plain-english/the-bad-parts-of-javascript-fdfa37b8cad3

#bad #badpattern #baddesign
----

Beberapa tips penulisan kode variabel , nilai, Object , class yang baik

https://levelup.gitconnected.com/javascript-refactoring-objects-and-values-ea1aa7371360

#bestpractice

Mengenal Promise dan contoh penggunaanya

https://medium.com/front-end-weekly/es6-this-i-promise-you-3703ceada455

---

Latihan menggunakan Fetch API untuk http request ke REST API

https://www.freecodecamp.org/news/how-to-use-fetch-api/

---

Memotong String yang melebihi batas karakter tertentu

https://levelup.gitconnected.com/javascript-algorithm-truncate-a-string-bf4f9dd0147c

---

Beberapa fitur utama ES2015 yang perlu diketahui
https://dev.to/christinamcmahon/what-you-need-to-know-about-es6-pf

#promise #fetch #truncate #es2015 #es6

Latihan gratis dan panjang pengenalan React Next JS

https://masteringnextjs.com/

---

Beberapa konsep Javascript modern untuk mempermudah masuk ke framework Javascript

https://dev.to/nuel_ikwuoma/javascript-concepts-to-write-better-react-code-45f0


----

#next #react #course #es6 #es2015

Latihan dari Traversy Media dan Ania Kubow membuat game Minesweeper dengan JavaScript

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

—-

Beberapa fitur JavaScript ES2015 / ES6++ ke atas yang sering dipakai

https://medium.com/the-codehub/7-javascript-es6-features-you-must-know-in-2020-fe126cd65f7b

——

Latihan membuat game Tic Tac Toe dengan JavaScript

https://medium.com/javascript-in-plain-english/build-tic-tac-toe-game-using-javascript-3afba3c8fdcc

#game #minesweeper #tictactoe #es6 #es2015

Versi Alpha 2 dari Bootstrap 5 sudah dirilis. Banyak tambahan fitur fitur baru dan utility Helper yang ditambahkan . Dan yang pasti tanpa menggunakan jquery lagi karena sudah diganti dengan Javascript Modern .

https://dev.to/themesberg/bootstrap-5-alpha-2-changes-dark-mode-for-carousels-and-dropdowns-and-new-utility-position-classes-4ca

---

#bootstrap #css #es6

Latihan panjang dan berseri pengenalan Javascript modern ES2015 dengan contoh kasus pembuatan proyek sederhana aplikasi web

https://dev.to/nabendu82/youtube-video-modern-es6-chapter-15-sets-and-weaksets-2kcd

---

Pemahaman konsep asinkronus di Javascript dan contoh penggunaannya dengan Promise dan Async Await

https://levelup.gitconnected.com/the-ultimate-asynchronous-javascript-functions-guide-c0f43da7f4b8

---
https://levelup.gitconnected.com/demystifying-asynchronous-javascript-event-loop-call-stack-task-queue-and-more-51fb748a4bd4
---

Cara menghapus element pertama di dalam Array dengan Array shift

https://reactgo.com/js-remove-first-element-of-array/

---

Cara mengambil beberapa element terakhir di dalam Array dengan Array Slice

https://reactgo.com/javascript-get-last-n-elements/

---

Pengenalan tentang apa itu Higher Order Function di Javascript

https://blog.skay.dev/es6-higher-order-functions

---

Beberapa cara untuk deklarasi fungsi di Javascript

https://jsstartup.com/different-ways-to-declare-javascript-function/

---

Pemahaman istilah Memoization di Javascript Variables

https://dev.to/bhagatparwinder/memoization-in-javascript-2ncl

---

#es6 #function #higherOrder #memoization #array #shift #splice

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