JavaScript Basic

1. Apa Itu JavaScript?

JavaScript (sering disingkat JS) adalah bahasa pemrograman tingkat tinggi yang dinamis. Bahasa ini awalnya dirancang untuk berjalan di dalam browser (sisi klien atau client-side) untuk membuat halaman web menjadi interaktif.

Namun, saat ini JavaScript sudah berkembang jauh. Ia tidak hanya berjalan di browser, tetapi juga di server (menggunakan Node.js), di aplikasi mobile.

Karakteristik Utama:

• Interpreted Language: Kode JavaScript dibaca dan dijalankan baris demi baris oleh browser, tidak perlu dikompilasi menjadi file biner terlebih dahulu seperti bahasa C++ atau Java.
• Client-Side Scripting: Secara tradisional, proses pengolahan kode terjadi di komputer pengguna (browser), bukan di server tempat website di-hosting. Ini membuat respon website terasa sangat cepat bagi pengguna.

Mengapa Kita Membutuhkannya?

Tanpa JavaScript, sebuah website hanya bisa menampilkan teks dan gambar. Dengan JavaScript, kamu bisa membuat:

• Slider gambar yang bergerak otomatis.
• Peta interaktif yang bisa di-zoom.
• Validasi formulir (misalnya, mengecek apakah email yang dimasukkan valid sebelum dikirim).
• Memuat konten baru tanpa me-refresh halaman (seperti di Instagram atau Twitter).

2. Versi Terbaru dari JavaScript (ECMAScript)

Mungkin kamu pernah mendengar istilah "ES6", "ES2020", atau "ECMAScript". Mari kita luruskan istilah ini agar kamu tidak bingung.

Apa itu ECMAScript?

JavaScript adalah nama bahasa pemrogramannya, sedangkan ECMAScript adalah standar spesifikasinya. Anggaplah ECMAScript sebagai "buku aturan" atau dokumen resmi, dan JavaScript adalah bahasa yang menerapkan aturan tersebut.

Sejarah Singkat Versi Penting:

• ES5 (2009): Ini adalah versi standar yang didukung oleh hampir semua browser lama. Ini adalah "JavaScript klasik".
• ES6 / ES2015: Ini adalah perubahan terbesar dalam sejarah JavaScript. Versi ini memperkenalkan fitur-fitur modern yang membuat penulisan kode jauh lebih bersih dan efisien. Sejak tahun 2015, versi baru dirilis setiap tahun.

Versi Terbaru (Kondisi 2026)

Karena JavaScript diperbarui setiap tahun, kita menggunakan penamaan berdasarkan tahun rilisnya.

Saat ini, kita berada di era ES2025 (dan draft untuk ES2026). Fitur-fitur modern terus ditambahkan untuk memudahkan pengembang.

Contoh perbedaan penulisan kode Lama (ES5) vs Modern (ES6+):

Mendeklarasikan Variabel:

// Cara Lama (ES5) - Tidak disarankan untuk proyek baru
var nama = "Budi";

// Cara Modern (ES6+) - Lebih aman dan jelas
let umur = 25;       // Untuk data yang bisa berubah
const pi = 3.14;     // Untuk data yang tetap (konstan)

Penjelasan: Kita menggunakan let dan const di JavaScript modern karena mereka memiliki aturan jangkauan (scope) yang lebih ketat daripada var, sehingga mengurangi risiko bug atau kesalahan dalam kode kamu.

Praktik Terbaik

1. Gunakan let dan const: Mulai sekarang, biasakan menggunakan let untuk variabel yang nilainya akan berubah, dan const untuk variabel yang nilainya tetap. Hindari penggunaan var kecuali kamu bekerja dengan kode legacy (kode lama)