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

Latihan mengenal JavaScript modern dengan fitur fitur yang powerful seperti Imports, Exports, Let, Const, dan Promises API

https://www.freecodecamp.org/news/learn-modern-javascript

---

Komparasi antara JavaScript dengan TypeScript dengan beberapa kelebihan dan kekeringan

https://jelvix.com/blog/typescript-vs-javascript

---

Pengenalan fitur Javascript Bind, Apply, dan Call yang disematkan di dalam fungsi JavaScript

https://dev.to/rajatmehra05/bind-call-and-apply-in-javascript-3ml

---

Pengenalan JavaScript dan fitur fitur dasar dalam operasi logika control flow

https://dev.to/javiercunat/how-i-started-javascript-39kf

---

#es2015 #es6 #export #import #call #bind #apply

Referensi library JavaScript murni tanpa jquery untuk membuat efek Carousel.

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

#library #carousel #nojquery #es6

Latihan dari Web Dev Simplified tentang pengenalan event listener di JavaScript dan yang dipasang pada DOM Element

https://youtu.be/XF1_MlZ5l6M

---

Mengenal apa itu Functions, element yang sering dipakai di dalam JavaScript

https://dev.to/avinesh49/functions-the-bread-and-butter-of-javascript-programming-3jh6

---

Mengenal apa itu Class di JavaScript ES2015, dan hubungannya dengan Prototype Inheritance JavaScript

https://levelup.gitconnected.com/prototypal-inheritance-the-big-secret-behind-classes-in-javascript-e7368e76e92a

#es6 #eventListener #functional #class #prototype

Cara menggunakan ES Modules di backend Node JS seperti Express, dan bukan dengan Common JS

https://medium.com/dev-genius/nodejs-using-es-modules-instead-of-commonjs-9c6e801e7508

—-

Cara konfigurasi Mongoose di Express JS

https://medium.com/javascript-in-plain-english/how-to-set-up-mongoose-with-expressjs-da2cc34c9219

—-

Mengenal apa itu CORS dan cara mengatasinya di bagian backend

https://medium.com/swlh/cors-cross-origin-communication-in-the-modern-web-1a8f6ec3b3a6

---

Contoh sederhana alur kerja proses Login dan Sign Up dengan Node JS

https://dev.to/tienbku/node-js-express-login-example-with-mongodb-2ofc

---

#express #nodejs #esm #commonjs #es6 #mongoose #mongodb #cors

Latihan membuat game Flappy Bird bersama Ania Kubow dengan JavaScript Modern, HTML, dan CSS

https://www.freecodecamp.org/news/javascript-tutorial-flappy-bird-doodle-jump/

https://youtu.be/8xPsg6yv7TU

---

Mengenal apa itu Callback dan contoh penggunaan di JavaScript

https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them

---

Contoh penggunaan operasi manipulasi Array seperti Map Filter Reduce

https://dev.to/allisoncortez/using-map-filter-and-reduce-collection-processing-methods-in-javascript-2a5o

---

Latihan menggunakan Let dan Const yang menjadi solusi terbaik untuk tidak menggunakan Var

https://dev.to/praveenreddy1798/mastering-let-var-and-const-in-javascript-5gd1

---

Latihan membuat filter Gallery gambar dengan JavaScript, HTML, dan CSS

https://dev.to/codingnepal/responsive-filterable-image-gallery-using-html-css-javascript-36cp

---

Contoh penggunaan Spread Operator dan Rest Parameter di JavaScript

https://dev.to/lo_victoria2666/a-beginner-s-guide-to-in-javascript-3oeh

#game #es2015 #es6 #gallery #let #const #array #callback #spread #rest

Latihan panjang pengenalan JavaScript dasar dan modern dari channel JavaScript Mastery.

https://youtu.be/g7T23Xzys-A

---

Pengenalan custom events di JavaScript dan cara implementasi nya dengan contoh kasus tertentu

https://blog.logrocket.com/custom-events-in-javascript-a-complete-guide/

---

Memahami perbedaan fungsi Call, Bind, dan Apply di JavaScript

https://dev.to/devcj_in/call-apply-and-bind-in-javascript-1ihh

---

Memahami konsep Object dan Function yang menjadi elemen dasar dari JavaScript

https://medium.com/javascript-in-plain-english/javascript-basics-objects-and-functions-30726efc766d

---

#es2015 #es6 #bind #call #apply #course #object #function #custom #event

Belajar bersama Web Programming Unpas dalam menyelesaikan course JavaScript ES2015 di Freecodecamp

https://youtu.be/FhQxf3pen7c

#wpu

Contoh alternatif penggunaan null yang diganti dengan ES6 Symbols

https://javascript.plainenglish.io/replace-null-with-es6-symbols-c0e77d74542e

#es6 #es2015 #symbol

Buku panduan yang berisi latihan dan contekan penggunaan JavaScript Modern ES2015 atau ES6

https://devdojo.com/shreya/es6-handbook

#book #handbook #es2015 #es6

Beberapa jenis perulangan atau loop dalam JavaScript

https://arctutorials.medium.com/all-kinds-of-loops-in-javascript-explained-2a200b6e54ec

—-

Referensi beberapa fungsi one liner arrow function yang dapat digunakan

https://blog.gyanendra.tech/10-awesome-javascript-one-liners-635687a94f7

—-

Melihat sekilas beberapa fitur dalam JavaScript ES2015

https://rashadulislam4581-87137.medium.com/javascript-essential-features-c79e6670fbdf

—-

Perbedaan antara function scope dengan block scope

https://josephcardillo.medium.com/the-difference-between-function-and-block-scope-in-javascript-4296b2322abe

—-

Latihan sederhana melakukan array destructuring dengan JavaScript

https://javascript.plainenglish.io/array-destructuring-simplified-10300505499

—-

#loop #destructuring #es6 #scope #scope

Latihan dalam menggunakan LocalStorage di JavaScript

https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/

---

Latihan menambahkan animasi di dalam aplikasi web dengan Anime JS

https://blog.logrocket.com/exploring-anime-js-example-site-animation-project/

---

Pengenalan dasar beberapa fitur dari ES6 atau ES2015

https://www.jackfranklin.co.uk/blog/es6-introduction/

---

#localstorage #animation #es6

Essential ES6 JavaScript Features Every JavaScript Developer Should Know

https://dev.to/gloriasilver/essential-es6-javascript-features-every-javascript-developer-should-know-ehj

—-

10 Advanced TypeScript Tricks for Experienced Developers:
https://medium.com/@chandantechie/10-advanced-typescript-tricks-for-experienced-developers-2143e6aa8b38

—-

Don't Be Afraid of JavaScript Generators
https://blog.stackademic.com/dont-be-afraid-of-javascript-generators-15c998aea652

—-

Store JWT in cookie or localstorage ?
https://frontendinterviewquestions.medium.com/store-jwt-in-cookie-or-localstorage-7fa39fcc85b5

—-

How To Hack JavaScript With Well-Known Symbols (5 Ways)
https://medium.com/coding-beauty/javascript-well-known-symbols-8c255cbc0afe

—-

#symbols #es6 #jwt #generators #typescript

The long path of JavaScript - from ES6 until today.

https://dev.to/fsh02/the-long-path-of-javascript-from-es6-until-today-3gc3

—-

JavaScript Spread Operator: Advanced Techniques and Best Practices

https://dev.to/hkp22/javascript-spread-operator-advanced-techniques-and-best-practices-5cbn?context=digest

—-

Debugging beyond console.log() in JavaScript
https://dev.to/codeparrot/debugging-beyond-consolelog-in-javascript-32g6?context=digest

—-

Mastering JavaScript Generators 🔥

https://dev.to/alisamirali/mastering-javascript-generators-15g3?context=digest

—-

Synchronized Web Storage with Signals

https://dev.to/this-is-angular/synchronized-web-storage-with-signals-5b05?context=digest

—-

10 Advanced Usages of Async & Await
https://javascript.plainenglish.io/10-advanced-usages-of-async-await-b020ec3701ef

—-

Stop Using UUIDs in Your Database
https://levelup.gitconnected.com/stop-using-uuids-in-your-database-aae9d5d47549

#uuid #async #await #storage #signal #console #generators #es6