Belajar JavaScript - Pre-Requisites Skill & Setup Environment

#Pendahuluan

Selamat datang di series Belajar JavaScript! Series ini akan membawa kalian menguasai JavaScript — bahasa pemrograman inti untuk web interaktif — dari sintaks dasar sampai pola pengembangan modern untuk produksi. Total ada 23 episode yang tersusun dari empat fase, dan semuanya membutuhkan fondasi yang kita bangun di episode 0 ini.

Sebelum menulis baris JavaScript pertama, ada beberapa skill dasar dan perangkat lunak yang wajib kalian miliki. Mengapa prasyarat ini penting? Karena JavaScript tidak berdiri sendiri: dia berjalan di dalam browser, dijalankan di server lewat Node.js, dan dikelilingi ekosistem tooling yang sangat besar. Kalau environment kalian belum siap, seluruh episode berikutnya akan terasa menyakitkan dan hasilnya sulit diverifikasi.

Episode 0 ini adalah peta jalan kalian: kita akan memastikan skill dasar, menyiapkan Node.js, editor kode, dan browser, lalu membuat project JavaScript pertama dan memverifikasinya. Setelah episode ini selesai, seluruh series bisa diikuti dengan nyaman dan tanpa hambatan teknis.

#Skill Dasar yang Wajib Dikuasai

#Dasar HTML dan Browser

JavaScript adalah bahasa yang tinggal di dalam halaman web, jadi kalian wajib paham bagaimana HTML bekerja. Kalian tidak perlu menjadi ahli HTML, tapi wajib mengenal struktur dasar dokumen, elemen seperti body dan script, serta cara memeriksa halaman lewat DevTools browser. Tanpa pemahaman ini, episode 13 sampai 18 tentang DOM dan interaksi pengguna akan terasa seperti memegang teks tanpa konteks.

Biasakan membuka DevTools di Chrome atau Firefox. Gunakan pintasan F12 untuk membuka panel, lalu tab Console untuk menjalankan JavaScript secara langsung:

JavaScript pertama di Console

console.log("Halo dari DevTools");

Tampilan Console akan merespons dengan string tersebut. console.log("Halo dari DevTools") adalah cara paling dasar untuk melihat output — kalian akan memakainya hampir di setiap episode.

#Logika Pemrograman

JavaScript adalah bahasa yang logikanya ketat: variabel, percabangan, perulangan, dan fungsi. Kalian wajib nyaman berpikir secara algoritmik — membaca masalah, membaginya menjadi langkah kecil, dan menuliskannya sebagai kode. Tidak masalah jika bahasa pertama kalian bukan JavaScript; pola pikirnya bisa ditransfer.

Jika kalian benar-benar pemula di pemrograman, tenang saja. Empat fase series ini dibangun berurutan: sintaks di episode 1 sampai 6, konsep yang lebih abstrak di episode 7 sampai 12, dan hanya setelah itu masuk ke web interaktif. Episode 0 ini hanya memastikan peralatan kalian lengkap, bukan menguji pemahaman.

#Perangkat Lunak yang Perlu Disiapkan

#Node.js dan npm

Node.js adalah runtime yang menjalankan JavaScript di luar browser. npm adalah package manager bawaan Node untuk menginstall library dan tools. Keduanya wajib terinstall sebelum episode 1. Unduh versi LTS dari situs resmi Node.js, lalu verifikasi:

node --version
npm --version

Output node --version menampilkan versi runtime, misalnya v22.x, sedangkan npm --version menampilkan versi package manager. Keduanya harus mengembalikan angka versi, bukan error. Jika muncul pesan perintah tidak ditemukan, pastikan path installasi Node sudah masuk ke environment variable sistem.

#Editor Kode dan Browser

Kalian butuh editor kode yang mumpuni. Rekomendasi utama adalah VS Code — gratis, lintas platform, dan punya ekosistem extension JavaScript yang sangat baik. Install extension Prettier dan ESLint sekarang; keduanya akan dipakai serius di episode 20.

Untuk browser, gunakan Chrome atau Firefox sebagai browser utama pengembangan. Keduanya memiliki DevTools lengkap yang akan kita pakai di episode 13 sampai 19. Jangan memakai browser yang tidak punya DevTools modern, karena debugging JavaScript di production bergantung pada fasilitas ini.

#Membuat Project JavaScript Pertama

#Inisialisasi Project dengan npm

Buka terminal dan buat direktori project baru:

mkdir belajar-javascript
cd belajar-javascript

Lalu inisialisasi project sebagai package Node:

npm init -y

Perintah npm init -y membuat file package.json — pusat konfigurasi project JavaScript modern. File ini akan berisi nama package, versi, dan skrip yang akan kita bahas mulai episode 10. Kalian bisa memeriksa hasilnya dengan:

{
  "name": "belajar-javascript",
  "version": "1.0.0",
  "main": "index.js"
}

#File JavaScript Pertama

Buat file index.js di direktori yang sama dengan isi satu baris:

index.js

const sapa = "Halo, JavaScript!";
console.log(sapa);

const sapa = "Halo, JavaScript!" mendeklarasikan konstanta yang isinya tidak bisa diubah — kalian akan mempelajari perbedaan let dan const di episode 2. Sekarang jalankan file tersebut dengan Node:

node index.js

Output Halo, JavaScript! di terminal menandakan seluruh rantai bekerja: file ditulis, dibaca oleh Node, dieksekusi, dan hasilnya keluar.

#Verifikasi Environment

Sebelum lanjut ke episode 1, jalankan verifikasi lengkap dalam satu rangkaian untuk memastikan semuanya siap:

node --version
npm --version
node -e "const jawaban = 6 * 7; console.log('Jawaban:', jawaban)"

Baris terakhir memakai node -e untuk mengeksekusi kode tanpa file — cara cepat untuk menguji runtime. Jika ketiga perintah berjalan tanpa error, environment kalian sudah sempurna. Simpan daftar berikut sebagai ceklis:

• Node.js LTS terinstall dan terverifikasi lewat node --version.
• npm terinstall dan terverifikasi lewat npm --version.
• VS Code dengan extension Prettier dan ESLint.
• Browser modern dengan DevTools yang bisa dibuka.
• Project pertama berhasil dibuat dan dijalankan dengan node index.js.

Jika ada yang belum terpenuhi, berhenti dulu dan lengkapi sebelum melanjutkan. Fondasi yang kuat akan membuat 22 episode berikutnya terasa jauh lebih ringan.

#Penutup

Di episode 0 ini kalian sudah menyiapkan pijakan untuk seluruh series: memastikan skill dasar HTML dan logika pemrograman, menginstall Node.js dan npm, menyiapkan editor kode dan browser, membuat project JavaScript pertama, dan memverifikasi seluruh rantai toolchain bekerja.

Inti yang harus dibawa pulang:

• JavaScript berjalan di browser dan di server lewat Node.js.
• node --version dan npm --version wajib mengembalikan versi, bukan error.
• npm init -y membuat file package.json sebagai pusat konfigurasi project.
• VS Code dengan Prettier dan ESLint akan mempermudah seluruh series.
• node index.js menjalankan file JavaScript pertama kalian.
• Gunakan Console DevTools untuk bereksperimen cepat tanpa membuat file.

Di episode 1 selanjutnya kita akan membahas perkenalan JavaScript dan ekosistemnya — sejarah kelahiran bahasa ini, hubungan JavaScript dengan ECMAScript, posisi Node.js dan npm, serta mengapa JavaScript berhasil menjadi bahasa yang berjalan hampir di mana saja. Pastikan environment kalian sudah siap, karena perjalanan Belajar JavaScript baru saja dimulai!