Apa itu JavaScript?
Lampung Dev – JavaScript (sering disingkat JS) adalah bahasa pemrograman tingkat tinggi yang dinamis dan interpreted (dijalankan langsung tanpa kompilasi manual). Awalnya dibuat hanya untuk membuat halaman web interaktif, kini JavaScript bisa berjalan di mana saja:
- Client-side (Browser): Mengontrol tampilan web, animasi, dan interaksi user.
- Server-side (Node.js): Membuat backend API, database, dan aplikasi realtime.
- Mobile & Desktop (React Native, Electron): Membuat aplikasi native.
Sejarah Singkat
- Dibuat oleh Brendan Eich pada tahun 1995 di Netscape hanya dalam 10 hari.
- Nama awalnya Mocha, lalu LiveScript, dan akhirnya JavaScript (marketing stunt agar terdengar keren seperti Java, padahal Jauh berbeda).
- ECMAScript adalah standar resminya. JS adalah implementasi dari standar tersebut.
Cara Kerja JavaScript (Engine)
Browser tidak mengerti kode JS mentah. Mereka butuh JavaScript Engine untuk menerjemahkannya ke bahasa mesin komputer.
- V8 Engine (Google Chrome, Node.js) – Paling populer.
- SpiderMonkey (Mozilla Firefox).
- JavaScriptCore (Safari).
Persiapan Tools (Environment)
Untuk mengikuti seri tutorial ini, Anda memerlukan:
- Code Editor: VS Code (Sangat direkomendasikan).
- Install ekstensi: ESLint, Prettier, dan Live Server.
- Runtime:
- Browser: Chrome atau Firefox (untuk debugging visual).
- Node.js: Download versi LTS di nodejs.org untuk menjalan kode JS di terminal.
Hello World & Cara Eksekusi
Ada dua cara utama menjalankan kode JavaScript:
1. Di Browser (Console)
Buka Chrome -> Klik Kanan -> Inspect -> Tab Console. Ketik:
alert("Halo Dunia!");2. Di File HTML
Buat file index.html:
<!DOCTYPE html>
<body>
<h1>Belajar JS</h1>
<script>
console.log("Hello World dari dalam HTML!");
</script>
</body>3. File Eksternal (Best Practice)
Pisahkan logika di file .js. script.js:
console.log("Ini file eksternal");index.html:
<script src="script.js"></script>4. Menggunakan Node.js
Di terminal:
node namafile.jsSource Code
Buat file latihan.js:
// Latihan Modul 1: Pengenalan
// 1. Jalankan file ini menggunakan Node.js terminal
// Command: node 01-fondasi/01-pengenalan/latihan.js
console.log("Selamat datang di Bootcamp JavaScript Zero to Expert!");
// 2. Buat variabel sederhana (akan dibahas detail di modul 2)
// Coba ubah "Nama Anda" dengan nama asli Anda.
const nama = "Nama Anda";
console.log("Halo, " + nama + " siap belajar JS!");
// 3. Eksperimen
// Coba tambahkan kode di bawah ini untuk melihat hasil penjumlahan
// console.log(10 + 5);