Kursus JavaScript

Menjelaskan bagaimana JavaScript berjalan baik di browser maupun Node.js, urutan belajar di 4 kategori kursus ini, dan cara membaca sebuah error message.

Mencakup memilih antara const dan let, TypeError dari reassign sebuah const dan SyntaxError dari redeclaration, dan aturan penamaan camelCase.

Mencakup bagaimana integer dan desimal sama-sama memakai type Number, operator remainder dan exponent, pembulatan dengan Math, meratakan digit desimal dengan toFixed, dan menghindari error floating-point.

Mencakup memilih di antara 3 jenis tanda kutip, menyisipkan value dengan template literal, memformat dengan trim dan slice, split dan join, serta replaceAll dan padStart.

Mencakup perbedaan antara === (mengecek type dan value) dan == (mengonversi type sebelum membandingkan), operator perbandingan dan logika, 6 value falsy yang diperlakukan if sebagai false, dan menyetel default dengan ||.

Mencakup mengecek type dengan typeof, konversi eksplisit dengan Number / String / Boolean, konversi implisit di mana hanya + jadi string concatenation, parseInt dan parseFloat, dan mendeteksi konversi gagal dengan Number.isNaN.

Mencakup mengambil element dengan index dan length, menambah serta menghapus dengan push / pop / shift / unshift, mengecek dengan includes dan indexOf, dan memilih antara slice dan splice.

Mencakup membangun object yang mengelompokkan data sebagai key-value pair, memilih antara dot notation dan bracket notation, delete dan in, dan Object.keys / values / entries.

Mencakup perbedaan antara null dan undefined untuk merepresentasikan "tidak ada value," membaca lewat path nested tanpa berhenti memakai ?., dan menerapkan default dengan ?? yang membiarkan 0 dan string kosong tidak tersentuh.

Mencakup destructuring, yang mengambil hanya value yang kamu perlukan ke variable sekaligus dengan mencocokkan nama key sebuah object atau posisi sebuah array — lewat default value, rename, dan rest.

Mencakup spread syntax, yang menata isi array atau object di tempat, untuk copy dan menggabungkan tanpa mengubah aslinya, dan melapisi hanya perubahan user di atas default settings.

Mencakup menghapus duplikat dengan Set, yang cuma menyimpan 1 dari tiap value, set / get milik Map untuk key-value pair yang disimpan sesuai urutan pendaftaran, dan memilih antara Map dan Object berdasarkan type key dan urutan.

Mencakup bagaimana meng-assign sebuah array atau object cuma meneruskan reference, cara === membandingkan reference, shallow copy spread syntax versus deep copy structuredClone, dan Object.freeze.

Mencakup JSON.stringify untuk mengubah sebuah object jadi string dan JSON.parse untuk mengubahnya balik, indentasi dengan argument ke-3, SyntaxError yang dilempar string yang rusak, dan value yang hilang dalam round trip.

Merangkum pembagian antara 7 primitive dan Object, apa yang dikembalikan typeof, kenapa null dan array sama-sama kembali sebagai object plus Array.isArray, dan cara mengecek apakah sesuatu bisa diperlakukan sebagai number.

Membahas rangkaian else if yang mengecek dari atas dan urutan menulis kondisinya, operator ternary yang langsung menghasilkan value, serta cara switch dan break mencocokkan satu value dengan beberapa kandidat.

Membahas loop for yang menghitung dengan tiga expression (inisialisasi, kondisi, update), for...of dan entries untuk mengambil elemen langsung, for...in untuk menelusuri key, dan cara menyusun nested loop.

Membahas while untuk mengulang hanya selama kondisinya terpenuhi, do...while yang menjalankan body lebih dulu, cara menghindari infinite loop, serta beda continue untuk melewati satu putaran dan break untuk keluar dari loop.

Membahas function declaration untuk memberi nama pada sebuah proses, argument yang dicocokkan berdasarkan posisi, value yang dikembalikan return, function expression yang menyimpan function di variabel, dan undefined saat return lupa ditulis.

Membahas bentuk dasar arrow function yang dibuat dengan =>, bentuk singkat tanpa tanda kurung parameter dan kurung kurawal body, tanda kurung untuk mengembalikan object, serta block body beberapa baris dengan return.

Membahas default parameter yang dipakai saat argument tidak diisi, kondisi value bawaan yang hasilnya berbeda antara undefined dan null, rest parameter yang mengumpulkan sisa argument ke dalam array, dan pola options yang mengoper pengaturan lewat object.

Membahas block scope dan function scope, shadowing saat deklarasi di dalam menutupi yang di luar, hoisting pada deklarasi function, TDZ pada let, dan alasan tidak memakai var.

Membahas closure, function yang mengingat variabel dari scope luar: counter yang value-nya bertahan antar pemanggilan, function factory yang mengembalikan function dengan pengaturan yang sudah tertanam, dan function yang dibuat di dalam loop.

Membahas higher-order function, yang menerima function sebagai argument, dan callback yang diteruskan kepadanya: memproses item satu per satu dengan forEach, filter buatan sendiri yang menerima pengecekan, dan pemanggilan 2 tahap pada function yang mengembalikan function.

Membahas map yang mengubah tiap element array dan filter yang hanya menyisakan element yang memenuhi kondisi. Kamu akan melihat sifatnya yang tidak mengubah array asli, chaining dari filter ke map, sampai argument index yang menerima posisi element.

Membahas reduce yang merangkum array menjadi 1 value. Kamu akan melihat cara accumulator dan initial value diteruskan, menghitung total, nilai maksimum, dan jumlah per kategori, sampai TypeError yang muncul di array kosong.

Membahas sort yang urutannya ditentukan return value compare function, toSorted yang menjaga array asli, find dan findIndex yang mengembalikan 1 element yang cocok, serta some dan every yang mengembalikan boolean.

Tangkap exception dengan try dan catch, pakai finally untuk kode yang selalu dijalankan, lempar ulang exception yang ditangkap ke pemanggil dengan throw, dan bedakan penanganan menurut jenisnya dengan instanceof.

Lempar exception dengan throw new Error di tempat value yang salah ditemukan, definisikan jenis error sendiri dengan extends Error, atur urutan instanceof dengan benar, dan simpan exception aslinya lewat cause.

Pelajari state pending, fulfilled, dan rejected pada Promise, function delay yang membungkus setTimeout, penanganan hasil dengan then / catch / finally, chaining then, dan menjalankan beberapa proses sekaligus dengan Promise.all.

Membahas fungsi async yang mengembalikan Promise saat dipanggil dan cara menunggu dengan await, menangani rejected dengan try / catch, perbedaan await berurutan (serial) dan Promise.all (paralel), serta jebakan saat await terlupa sehingga variabel berisi Promise.

Membahas generator yang berhenti di setiap yield sambil mengembalikan value dan cara next() memajukannya, iterator protocol di balik for...of, mengubah value menjadi array dengan spread syntax dan kondisinya setelah dibaca habis, serta lazy evaluation untuk mengambil value secukupnya dari deret yang tidak ada habisnya.

Merangkum tabel cepat untuk memilih array method berdasarkan bentuk return value-nya, kapan chain bisa dilanjutkan, tiga cara menunggu (callback, then, dan await), serta perbedaan tempat throw sinkron dan Promise yang gagal ditangkap.

Membahas class untuk membuat banyak object dengan bentuk yang sama: membuat instance dengan constructor dan new, method yang membaca value sendiri lewat this, dan kapan memakai object literal saja.

Membahas constructor dan class field yang menentukan value awal instance: cara menerima argument, urutan pengisian field, value bawaan untuk argument yang dikosongkan, dan cara menolak value yang tidak valid saat instance dibuat.

Membahas static, yang menaruh value dan method di class itu sendiri: static field untuk menghitung jumlah instance, factory method yang membuat instance dari JSON, konstanta bersama, dan kapan memakai instance member.

Getter dan setter menjalankan kode saat property dibaca atau di-assign. Membahas computed property yang dihitung tiap dibaca, validasi value, setter dari constructor, dan property read-only.

Private field dan private method diawali # sehingga tidak bisa dibaca atau ditulis dari luar class. Membahas SyntaxError yang muncul sebelum kode jalan dan bedanya dengan konvensi _.

Membahas inheritance, yaitu membuat class baru dengan mewarisi class yang sudah ada. Pelajari cara menulis extends, super() yang dipanggil di constructor child class, override, dan super.methodName() untuk memanggil method milik parent.

Membahas polymorphism, yaitu memberi tiap class method dengan nama yang sama agar pemanggil cukup memakai satu bentuk. Pelajari cara memanggil semua isi array campuran sekaligus, kapan perlu bercabang dengan instanceof, dan duck typing untuk value yang tidak mewarisi class.

Cara this ditentukan saat method dimasukkan ke variabel atau dioper sebagai callback: TypeError yang muncul, mengunci this dengan bind, arrow function field, dan catatan saat mengoper ke setTimeout.

Membahas prototype, tempat method class disimpan, dan prototype chain, yaitu urutan pencarian sebuah nama. Pelajari Object.getPrototypeOf, perbedaan hasOwnProperty dan in, serta cara menambahkan function.

Membahas toString, toJSON, dan Symbol.iterator, yang dipanggil JavaScript dalam situasi tertentu: cara menentukan tampilan object, cara memilih value yang masuk ke JSON, dan cara membuat class bisa di-loop dengan for...of.

Membahas export, yang membuat value di sebuah file bisa dipakai file lain, dan import, yang memuatnya: beda named export dan default export, type="module" di browser, dan cara membedakan ESM dan CommonJS di Node.js.

Membahas composition, yang memecah fitur menjadi komponen lalu menyusunnya ke satu object: menambahkan komponen belakangan dengan Object.assign, fungsi yang mengembalikan komponen dan digabung dengan spread syntax, mixin function yang menumpuk fitur ke class, dan kapan memakai inheritance.

Tabel ringkas yang menyusun syntax class berdasarkan tempat setiap member disimpan, cara menelusuri definisi yang berjalan dengan extends dan super, this untuk setiap cara pemanggilan, jangkauan fitur lewat inheritance, prototype, dan composition, serta kapan error menghentikan kode.

Membahas cara browser membuat DOM dari HTML, urutan pemrosesan link dan script, atribut defer, pengecekan di Console DevTools, dan cara memeriksa hasil sebagai teks di console latihan.

Membahas querySelector dan querySelectorAll untuk mengambil element dari DOM tree. Pelajari cara mencari lewat class, id, dan atribut data, mengubah NodeList menjadi array, dan memakai ?. saat element tidak ditemukan.

Membahas createElement dan append untuk menambahkan element, remove untuk menghapusnya, classList dan dataset untuk mengubah class dan atribut, serta beda textContent dan innerHTML saat menampilkan input pengguna apa adanya sebagai teks.

Membahas addEventListener untuk memanggil function saat diklik, event.target untuk element yang diklik, event delegation lewat bubbling ke parent, stopPropagation, serta cara melepas listener dengan once dan removeEventListener.

Membahas value dan checked untuk membaca isi kolom, event input dan change yang terjadi saat mengetik, submit dan preventDefault untuk membatalkan pengiriman, serta FormData untuk mengumpulkan semua kolom sekaligus.

Membahas fetch untuk meminta data ke sebuah URL, json() untuk mengubah body menjadi value, response.ok untuk mengecek berhasil atau tidaknya, cara menulis URL relatif, dan membaca 2 file JSON sekaligus dengan Promise.all.

Membahas cara membedakan HTTP error yang tidak membuat fetch melempar exception dari network error yang membuat fetch sendiri gagal, membatalkan request yang terlalu lama dengan AbortController dan setTimeout, serta retry cukup 1 kali.

Membahas setItem, getItem, dan removeItem milik localStorage untuk menyimpan nilai di browser, cara menyimpan array sebagai JSON karena nilai berubah menjadi string, null untuk key yang tidak ada, dan batas kapasitas.

Panggil function nanti dengan setTimeout, hentikan setInterval, pahami bulan Date yang mulai dari 0, format tanggal dengan Intl.DateTimeFormat, dan hitung selisih hari.