JavaScript

Mengenal JavaScript sebagai bahasa dinamis multiguna yang berjalan di browser, server, dan perangkat.

Peran JavaScript di browser: mengubah DOM, merespons event, dan berkomunikasi dengan server.

Menjalankan JavaScript di server, CLI, dan tooling dengan Node.js, Deno, dan Bun.

Bagaimana V8 dan engine lain menerjemahkan serta mengoptimalkan kode menjadi program yang berjalan.

Peran ECMAScript, TC39, WHATWG, dan W3C dalam menjaga konsistensi bahasa lintas browser.

Mengenal DevTools untuk menginspeksi halaman, menguji kode, dan membaca galat.

Menampilkan pesan, menguji ekspresi, dan membaca laporan galat melalui console.

Menyisipkan JavaScript ke halaman HTML dengan tag script pada posisi yang tepat.

Memisahkan kode ke berkas .js eksternal agar rapi, dapat dipakai ulang, dan mudah diuji.

Mengatur waktu eksekusi script eksternal dengan atribut defer dan async.

Menjalankan JavaScript di terminal dengan Node.js: REPL, berkas script, dan pengecekan versi.

Membedakan statement dan expression serta memahami urutan eksekusi program.

Menulis komentar satu baris dan multi baris yang membantu, bukan mengganggu, pembaca kode.

Menyimpan, membaca, dan memperbarui nilai dengan variabel.

Memilih deklarasi yang tepat dan memahami block scope serta hoisting.

Menamai identifier dengan camelCase dan konvensi yang membuat kode mudah dibaca.

Mengaktifkan mode ketat untuk menangkap kesalahan pemrograman lebih awal.

Melacak dan memperbaiki bug dengan console.log, breakpoints, dan debugger DevTools.

Mengenal tujuh tipe primitive dan sifat immutable yang menyertainya.

Membuat string dengan kutip tunggal, kutip ganda, dan backtick beserta escape sequence.

Bekerja dengan number IEEE-754: integer, floating point, Infinity, dan NaN.

Menggunakan nilai true dan false sebagai dasar pengambilan keputusan.

Membedakan nilai kosong yang disengaja (null) dan nilai yang belum diisi (undefined).

Tipe bigint untuk angka melebihi batas Number dan Symbol untuk identifier unik.

Memeriksa tipe nilai dengan operator typeof beserta keunikan null dan function.

Mengubah tipe secara eksplisit dengan Number(), String(), Boolean(), dan implisit oleh coercion.

Daftar nilai falsy dan cara JavaScript menilai nilai lain sebagai true.

Perhitungan dengan +, -, *, /, %, ** beserta presisi floating point.

Membandingkan dua nilai dengan >, <, >=, dan <= yang menghasilkan boolean.

Menggabungkan kondisi dengan &&, ||, ! beserta short-circuit evaluation.

Memberi nilai dengan = dan variasinya +=, -=, *=, /=, dan ??=.

Memberi nilai cadangan hanya untuk null dan undefined dengan operator ??.

Mengakses properti bertingkat dan memanggil method dengan aman menggunakan ?.

Menulis kondisi satu baris dengan bentuk condition ? nilaiJikaBenar : nilaiJikaSalah.

Urutan evaluasi operator dan peran tanda kurung dalam mengaturnya.

Membedakan === dan == serta aturan konversi tipe saat perbandingan.

Mengambil keputusan dengan if, else if, dan else beserta aturan bloknya.

Menyederhanakan pilihan ganda dengan switch dan peran break pada tiap case.

Mengulang kode dengan jumlah iterasi yang pasti menggunakan for.

Mengulang berdasarkan kondisi dengan while dan do-while yang mengeksekusi minimal sekali.

Menghentikan loop atau melewati satu iterasi secara terkendali.

Menyusun loop di dalam loop untuk data dua dimensi dan kombinasi.

Menjaga alur program tetap dangkal, jelas, dan mudah diuji.

Mendefinisikan function bernama dan memahami hoisting yang memungkinkan pemanggilan lebih awal.

Menyimpan function sebagai nilai dalam variabel dan perbedaannya dengan declaration.

Mengirim data ke function melalui parameter dan memahami argument yang tidak terisi.

Mengembalikan hasil dari function dan perilaku return tanpa nilai.

Memberi nilai bawaan pada parameter yang tidak dikirim oleh pemanggil.

Menerima banyak argument sebagai satu array dengan syntax ...rest.

Menulis function ringkas dengan => dan memahami perilaku this yang berbeda.

Mengirim function sebagai argument untuk dipanggil oleh function lain.

Global scope, function scope, block scope, dan lexical environment.

Function yang tetap mengingat lingkungan tempat ia dibuat.

Function yang memanggil dirinya sendiri beserta base case penghentinya.

Membuat array dengan literal [] dan konstructor Array beserta perbedaannya.

Membaca elemen lewat index, at(), length, dan penelusuran loop.

Menambah, menghapus, dan menyisipkan elemen dengan push, pop, shift, unshift, dan splice.

Method esensial: slice, concat, indexOf, includes, join, flat, dan flatMap.

Transformasi data dengan tiga method iterator yang paling sering dipakai.

Mencari dan memeriksa elemen dengan find, findIndex, some, dan every.

Mengurutkan data dengan sort dan comparator beserta toSorted yang tidak mengubah array asal.

Membongkar array ke variabel dengan pattern destructuring dan rest.

Memilih method yang tepat dan mengendalikan mutasi array.

Membuat object dengan kurung kurawal dan pasangan key-value.

Membaca, mengubah, dan menghapus properti serta memanggil method object.

Menentukan nama properti secara dinamis dengan ekspresi dalam kurung siku.

Membongkar properti object ke variabel dengan nilai bawaan dan penggantian nama.

Menyalin dan menggabungkan object dengan operator spread (...).

Object.keys, Object.values, Object.entries, Object.assign, dan Object.freeze.

Menangani properti yang mungkin tidak ada dengan in, Object.hasOwn, dan optional chaining.

Shallow copy, deep clone dengan structuredClone, dan perbandingan referensi.

Menjaga object ringkas: nama konsisten, destructuring, dan pemisahan data dari perilaku.

Method esensial string: slice, replace, trim, split, padStart, dan repeat.

Menyusun string dengan backtick, interpolasi ekspresi, dan multi baris.

Mencari teks dengan indexOf, includes, startsWith, endsWith, dan matchAll.

Membuat pattern regex dengan literal /.../ dan constructor RegExp.

Character class, quantifier, anchor, group, dan alternation dalam pattern.

Mengatur perilaku regex dengan flag g, i, m, s, u, dan y.

Memvalidasi format input seperti email, username, dan nomor telepon dengan regex.

Key-value collection dengan kunci bertipe apa pun, urutan terjaga, dan ukuran langsung.

Kumpulan nilai unik untuk menghilangkan duplikat dan memeriksa keanggotaan.

Collection berreferensi lemah yang tidak menghalangi garbage collection.

Protokol iterasi yang menyeragamkan cara menelusuri struktur data.

Menelusuri nilai iterable dengan for-of beserta entries(), keys(), dan values().

Memilih antara array, object, Map, dan Set berdasarkan pola akses datanya.

Membedakan galat saat parsing dan galat saat program berjalan.

Melempar galat secara eksplisit ketika kondisi program tidak valid.

Menangkap galat agar program tetap berjalan dan menuntaskan sumber daya.

Properti name, message, stack dan turunannya: TypeError, RangeError, ReferenceError.

Membuat class galat sendiri dengan extends Error untuk kebutuhan aplikasi.

Merancang batas penanganan galat agar satu kegagalan tidak merusak keseluruhan aplikasi.

Membaca stack trace dan memakai debugger untuk melacak penyebab galat.

Mengapa kode dipecah dan bagaimana ES Modules bekerja di browser dan Node.js.

Menyediakan banyak nilai dari satu module dengan export bernama.

Satu nilai utama per module dan konvensi penamaan pengimpennya.

Mengimpor module dengan import statement, namespace import, dan alias as.

Memuat module saat dibutuhkan dengan import() yang mengembalikan promise.

Setiap module memiliki scope sendiri; hanya yang diexport yang terlihat luar.

Mengenali ketergantungan melingkar antar module dan cara memecahnya.

Menyusun struktur folder module yang mudah ditemukan dan dirawat.

Setiap object memiliki prototype sebagai sumber properti yang diwarisi.

Rantai pencarian properti dari object hingga Object.prototype dan null.

Pola klasik membuat object dengan function dan operator new.

Sintaks class modern sebagai pembungkus rapi pola prototype.

Inisialisasi instance dengan constructor() dan parameter konfigurasi.

Pewarisan antar class dengan extends dan pemanggilan super.

Menyembunyikan internal class dengan private field #nama dan private method.

Properti dan method milik class itu sendiri, bukan milik instance.

Akses properti melalui get dan set yang menghitung dan memvalidasi nilai.

Kapan menyusun object dari bagian dan kapan mewarisi class.

Function tanpa side effect yang selalu menghasilkan keluaran sama untuk masukan sama.

Menghindari perubahan data dengan salinan: spread, toSorted, dan structuredClone.

Function yang menerima atau mengembalikan function lain.

Menggabungkan function sederhana menjadi pipeline pemrosesan data.

Penerapan closures nyata: counter, memoization, dan encapsulation.

Menyatakan hasil yang diinginkan, bukan langkah imperatif untuk mencapainya.

Pola populer: currying, partial application, dan pipeline.

Mengapa operasi lambat membutuhkan penanganan asinkron agar halaman tetap responsif.

Cara runtime memproses call stack, macrotask, dan microtask berurutan.

Pola asinkron tertua beserta masalah callback nesting yang menyertainya.

Object representasi hasil masa depan dengan state pending, fulfilled, dan rejected.

Menyambung operasi asinkron berurutan dengan then dan catch.

Menulis kode asinkron yang terbaca seperti sinkron dengan async dan await.

Menggabungkan promises dengan all, allSettled, race, dan any.

Menangkap galat asinkron dengan try-await-catch dan .catch().

Menjadwalkan eksekusi dengan setTimeout, setInterval, dan pembatalannya.

Membatasi paralelisme, antrean tugas, dan pemrosesan berkas besar.

Pohon objek representasi halaman, node, dan hubungannya dengan HTML.

Memilih elemen dengan querySelector, querySelectorAll, dan getElementById.

Bergerak antar elemen: parent, children, sibling, dan closest().

Membaca dan mengubah isi elemen dengan textContent, innerHTML, dan innerText.

Atribut HTML, dataset data-*, dan properti yang merefleksikan atribut.

Mengelola class elemen dengan add, remove, toggle, replace, dan contains.

Membuat elemen dengan createElement, menempelkannya dengan append, prepend, dan insertBefore.

Menghapus elemen dengan remove, replaceWith, removeChild, dan pola innerHTML = ''.

DocumentFragment untuk menyusun banyak elemen di luar pohon lalu menempelkannya sekali.

Menyisipkan konten dinamis dengan aman: textContent, escapeHtml, dan batasan innerHTML.

Mendaftarkan reaksi terhadap interaksi dengan addEventListener dan removeEventListener.

Informasi peristiwa dalam object event: target, type, dan method preventDefault.

Peristiwa yang merambat naik dari elemen target ke leluhurnya.

Fase menangkap peristiwa dari akar dokumen menuju elemen target.

Satu listener untuk banyak elemen dengan memanfaatkan bubbling.

Menangani keydown dan keyup beserta properti key dan code.

Satu model peristiwa untuk mouse, touch, dan stylus dengan pointerdown dan pointermove.

Peristiwa submit, change, dan input pada form beserta urutannya.

Membuat dan memicu peristiwa sendiri dengan CustomEvent dan detail.

Mengambil nilai input, select, dan textarea langsung maupun lewat FormData.

Memvalidasi input sebelum data dikirim ke server.

Memakai validity, checkValidity, dan setCustomValidity bawaan browser.

Menangani submit tanpa reload dengan preventDefault dan fetch.

Menghentikan perilaku bawaan browser secara selektif dan aman.

Menyampaikan pesan galat yang terbaca oleh screen reader dengan ARIA.

Memperlakukan input pengguna sebagai data, bukan kode.

Permintaan HTTP modern dengan fetch, Response, dan pembacaan body.

Mengurai dan membangun URL serta query string dengan aman.

Menyimpan data di browser dengan localStorage dan sessionStorage.

Membaca dan menulis cookie serta atribut penting seperti Secure dan HttpOnly.

Mengubah riwayat dan URL halaman tanpa reload dengan pushState.

Membaca dan menulis clipboard secara asinkron dengan izin pengguna.

Mengamati elemen yang masuk viewport secara efisien untuk lazy loading.

Merespons perubahan ukuran elemen tanpa mengandalkan event resize.

Mengamati perubahan struktur dan isi DOM secara asinkron.

Mendapatkan posisi pengguna dengan izin dan penanganan galatnya.

Memeriksa status izin dengan Permissions API dan pola permintaan yang baik.

Format pertukaran data JSON dan batasannya dibanding tipe JavaScript.

Menyerialisasi dan mengurai dengan JSON.stringify dan JSON.parse.

Menyalin data kompleks termasuk Map, Set, dan Date dengan structuredClone.

Bekerja dengan tanggal dan waktu serta jebakan zona waktu.

Memformat tanggal, angka, dan mata uang sesuai locale pengguna.

Menyandikan data dalam URL dengan encodeURIComponent dan URLSearchParams.

Mengolah data dari API: normalisasi, guard clause, dan cache sederhana.

Model request-response, metode, status, dan header secara ringkas.

Menyusun permintaan fetch dengan options, header, dan body.

GET, POST, PUT, PATCH, DELETE dan kapan masing-masing dipakai.

Keluarga status 2xx, 3xx, 4xx, 5xx dan pemeriksaan dengan response.ok.

Mengelola Content-Type, Accept, dan header kustom pada permintaan.

Mengapa permintaan lintas origin dibatasi dan cara server mengizinkannya.

Membatalkan permintaan yang tidak lagi dibutuhkan dengan signal.

Menelusuri data halaman demi halaman dengan query page dan cursor.

Mengulang permintaan gagal dengan backoff dan membatasi waktu tunggu.

Merancang penanganan galat API yang informatif bagi pengguna.

Mengenal vektor XSS: penyisipan markup dan skrip melalui input pengguna.

Menggunakan textContent dan sanitasi alih-alih innerHTML mentah.

Mengapa eval dan new Function berisiko serta alternatif yang aman.

Memvalidasi URL sebelum dipakai: protokol dan origin yang diizinkan.

Menjaga dependensi dengan npm audit, lockfile, dan pembaruan berkala.

Kode browser terlihat semua orang; rahasia harus tetap berada di server.

Membatasi sumber skrip dan gaya dengan header Content-Security-Policy.

Memilih data yang boleh disimpan di browser dan menandai data sensitif.

Mengapa kode diuji dan perbedaan unit, integration, dan end-to-end testing.

Menguji unit terkecil dengan node:test yang tersedia bawaan Node.js.

Memeriksa hasil dengan assert.strictEqual, deepStrictEqual, dan assert.throws.

Menggantikan dependensi dengan mock, stub, dan fake untuk pengujian terisolasi.

Menguji kode DOM dengan jsdom di lingkungan Node.js.

Menguji kerja sama beberapa unit sekaligus dalam satu skenario.

Pengenalan otomasi browser dengan Playwright untuk pengujian end-to-end.

Mengukur cakupan pengujian dan menafsirkan angkanya dengan sehat.

Menyusun piramide testing dan memilih apa yang layak diuji.

Memeriksa kualitas kode secara otomatis dan memperbaiki pelanggarannya.

Menyeragamkan format kode agar diskusi review tetap berfokus pada isinya.

Manifes proyek: name, scripts, dependencies, dan devDependencies.

Memasang, memperbarui, dan mengunci dependensi dengan npm.

Memisahkan konfigurasi per lingkungan dengan variabel environment.

Memetakan kode hasil build kembali ke kode asal saat debugging.

Peran esbuild, Rollup, dan Vite dalam menggabungkan module.

Apa yang terjadi saat build dan apa yang tetap berjalan di browser.

Bagaimana script memengaruhi parsing HTML dan cara mempercepat pemuatannya.

Memecah bundle agar halaman hanya memuat kode yang dibutuhkan.

Memuat module saat dibutuhkan dengan dynamic import.

Alokasi memori, garbage collection, dan siklus hidup data.

Mengenali sumber kebocoran: listener, timer, dan referensi yang tersisa.

Mengukur waktu eksekusi dengan console.time, performance.now, dan DevTools.

Layout, paint, dan cara menulis update DOM yang hemat.

Menetapkan metrik, mengukur, dan membandingkan kondisi sebelum-sesudah.

Memisahkan logika, tampilan, dan pengelolaan data.

Menyusun aplikasi dari module dengan tanggung jawab tunggal.

Sumber kebenaran state, aliran update satu arah, dan sinkronisasi tampilan.

Menerbitkan perubahan dan berlangganan notifikasi antar komponen.

Memusatkan pembuatan object melalui function factory.

Menyuntikkan dependensi agar kode mudah diuji dan diganti.

Kebijakan galat yang konsisten dari lapisan data hingga lapisan UI.

Memperbaiki struktur kode tanpa mengubah perilakunya.

Menilai momen yang tepat menambahkan tipe statis pada proyek JavaScript.

Perbedaan mendasar, konsep type, dan biaya adopsi TypeScript.

Cara kode TypeScript dikompilasi menjadi JavaScript yang berjalan.

Peta singkat React, Vue, Svelte, dan Angular di atas JavaScript.

Kerangka memilih framework, bundler, dan testing tool untuk proyek Anda.

Membangun kalkulator web: struktur dan logika, operasi aritmetika, serta validasi dan error handling.

Membangun aplikasi todo: menambah dan menghapus tugas, status dan filter, penyimpanan lokal, serta pengujian.

Membangun aplikasi cuaca: mengambil data API, menampilkan data, loading dan error states, serta optimasi permintaan.

Membangun antarmuka pencarian dan filter data: mengelola data, pencarian teks, filter dan sorting, optimasi interaksi.

Membangun dashboard data: mengambil data, mengelola state, visualisasi, serta error handling dan testing.

Membangun aplikasi catatan: membuat dan mengedit, pencarian, penyimpanan data, serta pengujian dan refactoring.

Menjelajah MDN Web Docs sebagai rujukan utama belajar dan mencari JavaScript.

Membaca spesifikasi ECMA-262: struktur dokumen dan istilah dasarnya.

Memeriksa dukungan fitur dengan caniuse dan tabel kompatibilitas MDN.

Peta rujukan resmi: standard built-in objects, statements, dan expressions.

Dokumentasi resmi node:test, Vitest, Playwright, dan sumber latihan pengujian.