Belajar JavaScript

Variabel dengan let dan const

Angka dan operator hitung

Teks dan template literal

Tipe data dan typeof

Misi: kalkulator diskon

Fungsi dan return

Parameter dan nilai bawaan

Fungsi panah

Misi: tarif pengiriman

if, else, dan perbandingan

else if dan rantai keputusan

Operator logika dan operator kondisional

Misi: promo bertingkat

Array, push, dan length

for...of dan for

Objek sederhana

map, filter, dan reduce

Misi: rekap gaji karyawan

querySelector dan textContent

Mengganti kelas CSS dengan classList

Menanggapi klik dengan addEventListener

Delegasi event dan submit formulir

Misi: tombol hitung total

Mencari dengan find, findIndex, some, dan every

Mengurutkan dengan sort dan comparator

Meringkas ke objek dan meratakan dengan flatMap

Misi: laporan gudang

Spread dan destrukturisasi

Optional chaining dan nullish coalescing

Map dan Set

Misi: merapikan data pelanggan

Closure dan fungsi tingkat tinggi

Class, extends, dan prototype

Getter, setter, dan private field

Modul: import dan export

Misi: kasir dengan voucher

try, catch, throw, dan error kustom

JSON: parse dan stringify

Tanggal dalam UTC dan format dengan padStart

Regex di kode: match, matchAll, dan replace

localStorage: simpan, muat, dan ubah keranjang

Misi: impor data pesanan

Iterator, generator, dan Symbol.iterator

Callback, event loop, dan Promise

async, await, try/catch, dan Promise.all

Fetch: ambil JSON dan tampilkan daftar

Fetch: status 404, 500, dan galat jaringan

Misi: dasbor omzet cabang

Klien, server, dan pesan HTTP

Anatomi URL dan target permintaan

Query string dan percent-encoding

Misi: alamat API katalog

Metode HTTP: GET, POST, PUT, PATCH, DELETE

Kode status respons

Header: Content-Type, Accept, dan Authorization

Misi: membaca log respons API

Badan pesan dan JSON

REST: sumber daya, koleksi, dan item

Pagination dan filter

Misi: klien API katalog berhalaman

Autentikasi: API key dan token Bearer

Cache HTTP: Cache-Control, ETag, dan 304

CORS, rate limit, dan mencoba ulang

Misi: klien API yang menangani galat

Komponen pertama

Aturan menulis JSX

JavaScript di dalam JSX

Misi: papan menu warung

Props: data dari komponen induk

Render bersyarat

Daftar dan key

Misi: katalog toko kelontong

Menanggapi event

State: ingatan komponen

State sebagai potret dan antrean pembaruan

Memperbarui objek dan larik di state

Misi: kasir warung kopi

Formulir terkontrol

Mengangkat state dan komposisi

useEffect: menyelaraskan dengan sistem di luar React

Misi: pendaftaran pelatihan UMKM

Server sebagai fungsi: request masuk, respons keluar

Routing per metode dan path

package.json, semver, dan skrip npm

Misi: rute API katalog Toko Roti Mentari

Membaca badan JSON permintaan

Validasi masukan dan galat terstruktur

Misi: endpoint pesanan roti

Middleware: lapisan di sekitar handler

Pencatat dan penangkap galat

Memeriksa token Bearer di server (konsep)

Sesi, cookie, dan hash kata sandi (konsep)

Misi: rantai middleware API kasir

Repositori di memori dan CRUD

Pagination dan filter di server

Repositori SQLite dengan kueri berparameter

Misi: API stok bahan dapur

Menguji handler dengan request tiruan

Tiruan untuk repositori, jam, dan next

Misi: menguji API pesanan sebelum rilis

Trigger dan event: awal setiap alur

Urutan langkah, input, dan output

Misi: menelusuri alur formulir pesanan

Pemetaan field antar-aplikasi

Kondisi, percabangan, dan cabang bawaan

Misi: formulir menjadi catatan pesanan

Galat sementara, galat permanen, dan timeout

Coba ulang dengan backoff eksponensial

Coba ulang, tangkap galat, dan langkah cadangan

Misi: kebijakan coba ulang notifikasi pesanan

Kunci idempotensi dan deduplikasi event

Antrean gagal (dead-letter) dan log alur

Menguji skenario gagal dengan input tetap

Misi: alur pesanan yang tahan gagal

Kontrak API dan kondisi keberhasilan

JSON Schema: kontrak badan dengan type

Misi: memeriksa respons detail pesanan

properties, required, dan additionalProperties

Objek bertingkat, array, dan lokasi pelanggaran

Misi: validator skema untuk respons pesanan

Batas nilai, panjang teks, pola, dan enum

Skenario negatif: field hilang, tipe salah, dan null

Respons galat: problem details (RFC 9457)

Misi: menguji POST pesanan dan respons galatnya

Kasus otorisasi: 401, 403, dan 404 sebagai kontrak

Perubahan yang merusak dan regresi kontrak

Misi: uji regresi sebelum rilis versi baru