Abd. Asis

Sebelum mulai membaca bab pertama, ada beberapa hal praktis yang perlu kamu tahu tentang bagaimana buku ini ditulis dan bagaimana cara terbaik menggunakannya.

Versi JavaScript

Semua contoh kode di buku ini menggunakan JavaScript modern — ECMAScript 2015 (ES6) ke atas, dengan beberapa fitur dari ES2020 dan ES2022. Tidak ada transpiler atau build tool yang diperlukan: semua kode bisa langsung dijalankan di browser modern (Chrome, Firefox, Edge, Safari versi terbaru) atau Node.js versi 18 ke atas.

Ketika ada fitur yang memerlukan versi tertentu, hal itu akan disebutkan secara eksplisit.

Prasyarat

Tidak ada prasyarat teknis. Kamu tidak perlu pernah menulis kode sebelumnya. Yang diperlukan hanya:

Komputer dengan browser modern terinstal
Kemauan untuk mencoba, membuat kesalahan, dan mencari tahu mengapa

Kalau kamu sudah mengenal HTML dan CSS dasar, beberapa bab di bagian akhir (DOM, event, form) akan terasa lebih kontekstual — tapi bukan syarat mutlak.

Lingkungan Kerja

Untuk bab-bab awal (Bab 1–37), kamu hanya butuh browser console. Buka Chrome atau Firefox, tekan Ctrl+Shift+J (Windows/Linux) atau Command+Option+J (macOS), dan console sudah siap digunakan.

Mulai Bab 38 (HTML dan JavaScript) seterusnya, kamu akan bekerja dengan file HTML dan JavaScript nyata. Di sinilah text editor mulai diperlukan. Rekomendasi: Visual Studio Code — gratis, tersedia di semua platform, dan punya ekosistem extension yang sangat lengkap.

Untuk bab Node.js (Bab 50–52), kamu perlu menginstal Node.js dari nodejs.org. Pilih versi LTS untuk stabilitas terbaik.

Struktur Bab

Setiap bab mengikuti pola yang konsisten:

Pembuka — menghubungkan topik bab ini dengan apa yang sudah dipelajari sebelumnya
Penjelasan konsep — disampaikan dengan narasi dan analogi sebelum kode
Implementasi — contoh kode yang membangun secara bertahap
Latihan — soal di akhir bab untuk menguji pemahaman
Referensi — sumber yang digunakan, semuanya bisa diakses gratis

Konvensi Penulisan Kode

Semua contoh kode yang merupakan file lengkap akan diberi nama file di baris pertama sebagai komentar:

// program-latihan.js
let pesan = "Halo, dunia!";
console.log(pesan);

Output program ditampilkan terpisah dalam blok sendiri:

Halo, dunia!

Kode yang hanya potongan dan tidak dimaksudkan dijalankan langsung tidak diberi nama file.

Teks dengan format seperti ini merujuk ke nama variabel, fungsi, keyword, properti, atau istilah teknis lain yang merupakan bagian dari kode.

Satu Catatan tentang Error

Di sepanjang buku ini, kamu akan sering diminta mencoba kode yang sengaja menghasilkan error. Jangan takut dengan error — baca pesannya, coba pahami apa yang ia katakan, dan gunakan itu sebagai informasi. Error adalah cara JavaScript berkomunikasi denganmu, bukan hukuman.