Memulai dengan JavaScript · Basic JavaScript: Dari Nol sampai Proyek Pertama

JavaScript adalah bahasa pemrograman yang membuat halaman web dapat merespons tindakan pengguna. JavaScript juga dapat digunakan di server melalui Node.js, tetapi tutorial ini berfokus pada fondasi bahasa yang berlaku di mana pun.

Yang akan dipelajari

Setelah menyelesaikan tutorial ini, kamu dapat:

menyimpan dan mengolah data;
membuat keputusan dan perulangan;
menulis fungsi yang dapat digunakan kembali;
bekerja dengan array dan object;
memanipulasi halaman melalui DOM;
menangani interaksi pengguna;
membuat proyek kecil tanpa framework.

Menyiapkan alat

Kamu hanya memerlukan browser modern dan editor teks. Buka Developer Tools dengan menekan F12, lalu pilih tab Console.

Coba kode pertama berikut:

Code

console.log("Halo, JavaScript!");

Console cocok untuk eksperimen cepat. Untuk kode yang lebih panjang, buat dua file:

Code

<!doctype html>
<html lang="id">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Belajar JavaScript</title>
  </head>
  <body>
    <h1>Belajar JavaScript</h1>
    <script src="script.js"></script>
  </body>
</html>

Code

console.log("script.js berhasil dimuat");

Atribut src menghubungkan HTML dengan JavaScript. Letakkan script menjelang akhir body agar elemen halaman sudah tersedia saat kode dijalankan.

Komentar dan statement

Code

// Komentar satu baris

/*
  Komentar
  beberapa baris
*/

console.log("Satu statement");

Titik koma bersifat opsional pada banyak kondisi, tetapi gunakan gaya yang konsisten.

Latihan

Buat folder basic-js.
Tambahkan index.html dan script.js.
Tampilkan nama dan alasanmu belajar JavaScript melalui console.log.
Pastikan tidak ada error merah di Console.

Biasakan membaca pesan error dari baris pertama. Pesan tersebut biasanya menunjukkan jenis masalah dan lokasi kode.