BAB 1: Memulai Petualangan Coding dengan JavaScript - Abd. Asis

BAB 1: Memulai Petualangan Coding dengan JavaScript

Bab ini adalah langkah awal kamu untuk mulai belajar coding dengan JavaScript. Di sini, kamu akan kenalan dengan konsep programming, tahu apa itu JavaScript, dan langsung praktek bikin program pertama. Jangan khawatir, semua dijelaskan dengan analogi sederhana dan gaya santai, seperti teman yang ngajarin kamu ngoding.

Kenalan dengan Programming

Programming itu mirip seperti kamu memberi instruksi ke robot. Bayangkan kamu punya robot di rumah, dan kamu ingin dia membuat teh. Kamu harus kasih tahu langkah-langkahnya: ambil gelas, isi air, masukkan teh, dan seterusnya. Nah, komputer juga seperti itu—kamu harus memberi instruksi jelas lewat kode.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang paling banyak dipakai di dunia web. Hampir semua website yang kamu buka, pasti pakai JavaScript untuk membuat halaman jadi interaktif—misal tombol bisa diklik, animasi muncul, atau form bisa diproses.

Setup Lingkungan Coding

Kamu nggak perlu install software ribet dulu. Cukup buka browser (Chrome, Firefox, dll), lalu tekan Ctrl+Shift+J (Windows) atau Cmd+Option+J (Mac) untuk membuka Console. Di sana kamu bisa langsung menulis kode JavaScript dan lihat hasilnya.

Program Pertama: Hello World

Yuk, kita coba bikin program pertama yang sangat terkenal: “Hello World!”. Ini seperti tradisi di dunia programming, tanda kamu sudah mulai ngoding.

console.log("Hello World!"); // Tampilkan pesan ke layar

Output:

Hello World!

Penjelasan: console.log adalah perintah untuk menampilkan pesan di Console. Kamu bisa ganti pesannya sesuka hati.

Mengenal Error

Error itu wajar banget waktu belajar coding. Misal, kamu lupa tanda kutip atau salah ketik:

console.log(Hello World!);

Output:

Uncaught SyntaxError: Unexpected identifier

Artinya, ada yang salah di kode kamu. Biasanya, error muncul karena typo atau lupa tanda kutip. Jangan panik—baca pesan error pelan-pelan, dan coba perbaiki.

Latihan Mandiri

Coba ubah kode berikut supaya menampilkan nama kamu sendiri:

console.log("Halo, [nama kamu]!");

Contoh hasil:

Halo, Siti!

Coba juga print angka favorit kamu:

console.log(42);

Output:

42

Penutup & Review

Di bab ini, kamu sudah:

  • Kenalan dengan konsep programming
  • Tahu apa itu JavaScript dan fungsinya di web
  • Setup lingkungan coding tanpa ribet
  • Bikin program pertama dan belajar menghadapi error

Tadi kita udah mulai petualangan coding, selanjutnya kita akan belajar tentang variable—cara menyimpan data di program kamu. Siap lanjut?