Baricode LMS - Pengenalan JavaScript

Pengenalan JavaScript ⚡

Sebelum mulai menulis kode JavaScript, penting untuk memahami apa itu JavaScript, mengapa ia hadir di web, dan bagaimana posisinya bersama HTML dan CSS.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif dan dinamis. Jika HTML adalah kerangka rumah dan CSS adalah catnya, maka JavaScript adalah sistem listrik, pintu otomatis, dan semua hal yang bergerak di dalam rumah.

Tanpa JavaScript, halaman web hanya bisa menampilkan konten statis — tidak ada tombol yang bereaksi, tidak ada form yang divalidasi, tidak ada konten yang berubah tanpa memuat ulang halaman.

<!-- Contoh sederhana: tombol yang bereaksi karena JavaScript -->
<button onclick="alert('Halo, dunia!')">Klik Aku!</button>

Sejarah Singkat JavaScript

JavaScript diciptakan oleh Brendan Eich pada tahun 1995 dalam waktu hanya 10 hari saat bekerja di Netscape. Sejak itu, ia berkembang pesat menjadi bahasa yang digunakan di mana-mana:

Tahun	Tonggak
1995	JavaScript pertama kali dibuat oleh Brendan Eich
1997	Distandardisasi sebagai ECMAScript oleh ECMA International
2009	Node.js memungkinkan JavaScript berjalan di server
2015	ES6/ES2015 — pembaruan besar dengan fitur modern
Sekarang	Bahasa web paling populer di dunia

Apa yang Bisa JavaScript Lakukan?

Di browser (Front-end):

Validasi form sebelum dikirim ke server
Membuat animasi dan efek visual
Memuat data tanpa refresh halaman (AJAX/Fetch)
Membangun aplikasi web yang kompleks (seperti Google Docs)

Di server (Back-end) dengan Node.js:

Membuat API dan server web
Membaca dan menulis file
Berinteraksi dengan database

Di mana-mana:

Membuat aplikasi mobile (React Native)
Membuat ekstensi browser
Membangun game berbasis web

Tiga Pilar Web

JavaScript bekerja bersama HTML dan CSS:

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Tiga Pilar Web</title>
  <style>
    /* CSS: tampilan */
    .tombol {
      background: #3b82f6;
      color: white;
      padding: 12px 24px;
      border: none;
      border-radius: 8px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <!-- HTML: struktur -->
  <button class="tombol" id="btnSalam">Sapa Aku</button>
  <p id="pesan"></p>

  <script>
    // JavaScript: perilaku
    document.getElementById('btnSalam').addEventListener('click', function() {
      document.getElementById('pesan').textContent = 'Halo! Selamat belajar JavaScript! 👋';
    });
  </script>
</body>
</html>

Teknologi	Peran	Analogi
HTML	Struktur dan konten	Kerangka/tulang
CSS	Tampilan dan gaya	Kulit dan pakaian
JavaScript	Interaktivitas dan logika	Otot dan otak

JavaScript vs Java — Beda!

Meskipun namanya mirip, JavaScript dan Java adalah dua bahasa yang sangat berbeda:

Aspek	JavaScript	Java
Dibuat oleh	Netscape/Brendan Eich	Sun Microsystems/James Gosling
Tujuan utama	Web browser	Aplikasi desktop/enterprise
Tipe data	Dinamis	Statis (typed)
Eksekusi	Interpreter	Compiler

Namanya mirip karena alasan marketing — pada masanya, Java sangat populer, dan "JavaScript" terdengar lebih menarik.

JavaScript Engine

JavaScript dijalankan oleh JavaScript Engine yang tertanam di browser:

Browser	JavaScript Engine
Chrome / Edge	V8 (Google)
Firefox	SpiderMonkey
Safari	JavaScriptCore

V8 juga digunakan oleh Node.js sehingga JavaScript bisa berjalan di luar browser.

💡 Tips: Untuk mulai bereksperimen dengan JavaScript, kamu tidak perlu menginstal apa pun — cukup buka browser, tekan F12 untuk membuka DevTools, lalu buka tab Console. Di sana kamu bisa langsung menulis dan menjalankan kode JavaScript!

Pengenalan JavaScript