Logo website

│Team Seven

Artikel HTML, CSS, JS

Sejarah JavaScript

Awal Mula Kemunculan JavaScript

Perjalanan panjang HTML, dari ENQUIRE (1980) hingga HTML5 (2014), menunjukkan evolusi luar biasa dari sebuah ide sederhana untuk berbagi dokumen menjadi fondasi bagi seluruh dunia digital modern.

HTML terus berkembang bersama teknologi pendukung seperti CSS untuk desain dan JavaScript untuk interaktivitas. Kombinasi ketiganya menjadikan web tempat di mana siapa pun dapat berkreasi, belajar, dan berinovasi.

Tanpa dedikasi Tim Berners-Lee dan komunitas pengembang awalnya, mungkin dunia tidak akan memiliki web seperti yang kita kenal sekarang — terbuka, terhubung, dan penuh kemungkinan tanpa batas.

Dari Mocha ke LiveScript hingga JavaScript

Setelah versi awal Mocha selesai, Netscape mulai bereksperimen dengan bahasa tersebut. Mereka kemudian mengganti namanya menjadi LiveScript pada tahap berikutnya. Alasan pergantian nama ini adalah karena bahasa tersebut dirancang agar “hidup” di dalam halaman web — dapat berinteraksi dengan pengguna tanpa harus memuat ulang halaman.

Namun, pada saat yang sama, Java sedang menjadi tren besar di dunia pemrograman. Bahasa Java yang dikembangkan oleh Sun Microsystems menawarkan kemampuan pemrograman berorientasi objek (OOP) dan digunakan secara luas di berbagai aplikasi. Untuk tujuan pemasaran dan strategi bisnis, Netscape bekerja sama dengan Sun Microsystems dan memutuskan untuk menamai ulang LiveScript menjadi JavaScript, agar terdengar seolah-olah memiliki hubungan dengan Java.

Padahal, secara teknis, JavaScript tidak memiliki hubungan langsung dengan Java. Perbedaan mereka sangat mendasar:

  • Java adalah bahasa yang dikompilasi (compiled language).
  • JavaScript adalah bahasa yang diinterpretasi (interpreted language).

Meskipun namanya mirip, keduanya memiliki filosofi dan tujuan yang sangat berbeda.

Tujuan Awal JavaScript

Tujuan utama diciptakannya JavaScript adalah untuk memudahkan interaktivitas di web. Sebelum JavaScript hadir, hampir semua halaman web bersifat statis. Jika pengguna mengisi form dan ingin mengirimkannya, maka datanya harus dikirim ke server dulu untuk diproses. Dengan JavaScript, hal-hal sederhana seperti validasi form, penggantian warna tombol, atau efek animasi bisa dilakukan langsung di browser tanpa perlu server.

Contoh awal penggunaan JavaScript antara lain:

  • Menampilkan pesan menggunakan alert("Halo Dunia!");
  • Mengubah warna teks atau latar belakang halaman.
  • Mengecek apakah form sudah diisi sebelum dikirim.
  • Menambahkan efek animasi sederhana di halaman web.

Hal-hal tersebut terlihat sederhana, tapi pada masa itu, JavaScript menjadi revolusi besar dalam pengembangan web.

Standarisasi dan Lahirnya ECMAScript

Pada tahun 1996, Microsoft merilis browser Internet Explorer dan memperkenalkan versi JavaScript mereka sendiri yang diberi nama JScript. Karena tidak ada standar resmi saat itu, setiap browser memiliki implementasi JavaScript yang sedikit berbeda. Hal ini menyebabkan banyak masalah kompatibilitas — kode JavaScript yang berjalan dengan baik di Netscape bisa saja tidak berfungsi di Internet Explorer, dan sebaliknya.

Untuk mengatasi kekacauan tersebut, Netscape membawa bahasa JavaScript ke organisasi ECMA International (European Computer Manufacturers Association) agar dijadikan standar resmi. Dari proses ini, pada tahun 1997, lahirlah standar ECMAScript (ES). JavaScript adalah implementasi paling terkenal dari ECMAScript.

Versi-versi awal ECMAScript antara lain:

  • ES1 (1997): versi standar pertama.
  • ES2 (1998): perbaikan kecil pada spesifikasi.
  • ES3 (1999): menambahkan fitur baru seperti try...catch, ekspresi reguler, dan peningkatan besar lainnya.

Setelah ES3, pengembangan JavaScript sempat melambat karena perbedaan pandangan antara komunitas pengembang dan perusahaan-perusahaan besar seperti Microsoft. Namun, pada akhirnya bahasa ini kembali berevolusi secara cepat.

Masa Vakum dan Kelahiran ES5

Setelah ES3 dirilis, pengembangan ECMAScript versi selanjutnya (ES4) sempat mengalami perdebatan panjang. Beberapa pengembang ingin menjadikan JavaScript lebih kuat dengan fitur-fitur seperti class, module, dan tipe data baru. Namun, pihak lain berpendapat bahwa perubahan besar akan membuat JavaScript kehilangan kesederhanaannya.

Akhirnya, ES4 dibatalkan dan digantikan oleh ES5 (2009) yang membawa banyak peningkatan penting seperti:

  • Strict mode ("use strict";)
  • JSON support (JSON.parse() dan JSON.stringify())
  • Method array baru seperti forEach(), map(), dan filter()
  • Getter dan setter pada objek

ES5 menjadi fondasi kuat bagi JavaScript modern dan banyak digunakan hingga kini.

Revolusi ES6 (ECMAScript 2015)

Versi ES6 atau ECMAScript 2015 adalah tonggak besar dalam sejarah JavaScript. Hampir seluruh fitur modern yang kita kenal sekarang lahir dari sini. Beberapa fitur penting ES6 antara lain:

  • let dan const: pengganti var untuk deklarasi variabel dengan aturan scope yang lebih jelas.
  • Arrow function (=>): cara singkat menulis fungsi.
  • Template literal: memungkinkan penggunaan string dengan ekspresi di dalamnya menggunakan backtick (` `).
  • Class dan inheritance: penulisan berorientasi objek yang lebih mudah dipahami.
  • Module (import dan export): memungkinkan pemisahan kode menjadi bagian-bagian kecil.
  • Promise: untuk menangani operasi asynchronous seperti pengambilan data dari server.

Dengan hadirnya ES6, JavaScript menjadi bahasa yang jauh lebih kuat dan efisien, tidak hanya untuk web tetapi juga untuk aplikasi skala besar.

JavaScript Modern: ES7 hingga Sekarang

Setelah ES6, ECMAScript mulai merilis versi baru setiap tahun. Beberapa peningkatan berikutnya antara lain:

  • ES7 (2016): menambahkan operator eksponensial (**) dan Array.prototype.includes().
  • ES8 (2017): memperkenalkan async/await untuk menangani asynchronous dengan lebih mudah.
  • ES9 (2018): mendukung rest/spread object dan perbaikan asinkronitas.
  • ES10–ES13 (2019–2022): menambah fitur seperti optional chaining (?.), nullish coalescing (??), dan BigInt untuk angka besar.

Kini JavaScript terus berkembang.

Penggunaan JavaScript di Dunia Nyata

Dulu JavaScript hanya berjalan di browser, tapi sekarang penggunaannya jauh lebih luas. Beberapa contohnya:

  • Front-End Development: Framework seperti React, Vue.js, dan Angular dibangun menggunakan JavaScript. Mereka memungkinkan pembuatan antarmuka pengguna (UI) yang interaktif, responsif, dan dinamis.
  • Back-End Development: Dengan hadirnya Node.js, JavaScript kini juga bisa berjalan di sisi server. Artinya, pengembang bisa menggunakan JavaScript untuk menulis logika backend, API, bahkan sistem server penuh.
  • Mobile Development: Framework seperti React Native dan Ionic memungkinkan pembuatan aplikasi mobile dengan JavaScript.
  • Game Development: Dengan library seperti Phaser.js atau Three.js, JavaScript dapat digunakan untuk membuat game 2D dan 3D berbasis web.
  • Internet of Things (IoT): JavaScript bahkan digunakan untuk mengendalikan perangkat keras melalui Node.js di platform seperti Johnny-Five.

Contoh Kode JavaScript Modern

Berikut contoh sederhana bagaimana JavaScript digunakan untuk operasi dasar:

// Menggunakan var
var x = 1;
var y = 2;
var z = x + y;
console.log(z); // 3

// Menggunakan let
let panjang = 5;
let lebar = 10;
let luas = panjang * lebar; // 50
console.log(luas);

// Menggunakan const
const angkaPertama = 5;
const angkaKedua = 6;
let jumlah = angkaPertama + angkaKedua;
console.log(jumlah); // 11

JavaScript fleksibel — kamu bisa menggunakan var, let, atau const tergantung kebutuhan. Namun di era modern, let dan const lebih direkomendasikan karena memiliki sistem scope yang lebih aman dan mudah dikontrol.

JavaScript dan DOM (Document Object Model)

Salah satu kekuatan utama JavaScript adalah kemampuannya untuk berinteraksi langsung dengan elemen HTML di halaman web melalui DOM (Document Object Model). Contohnya:

document.getElementById("judul").innerHTML = "Halo Dunia!";

Kode di atas akan mencari elemen dengan ID “judul” di HTML, lalu mengganti teks di dalamnya. Hal ini memungkinkan pengembang membuat halaman web yang interaktif, seperti:

  • Mengubah warna tombol saat di klik.
  • Menyembunyikan atau menampilkan elemen tertentu.
  • Menampilkan pesan otomatis.
  • Menangani form input secara real-time.

Seiring waktu, pengembang mulai membuat framework dan library untuk mempermudah penggunaan JavaScript:

  • jQuery (2006): memudahkan manipulasi DOM dan animasi.
  • AngularJS (2010): framework dari Google untuk membangun aplikasi SPA (Single Page Application).
  • React.js (2013): library buatan Facebook untuk UI modern.
  • Vue.js (2014): framework ringan yang mudah digunakan.

Setiap framework memiliki keunggulan tersendiri, tetapi semuanya tetap berbasis pada bahasa inti JavaScript.

JavaScript di Masa Depan

JavaScript tidak menunjukkan tanda-tanda akan ditinggalkan. Dengan dukungan dari komunitas besar, update rutin dari ECMAScript, dan ekosistem open-source yang masif, bahasa ini terus menjadi tulang punggung dunia web.

Tren masa depan JavaScript mencakup:

  • AI dan Machine Learning di browser melalui library seperti TensorFlow.js.
  • WebAssembly (Wasm) yang memungkinkan JavaScript bekerja berdampingan dengan bahasa lain seperti C++ atau Rust untuk performa tinggi.
  • Framework Full-Stack seperti Next.js, Nuxt.js, dan SvelteKit yang menggabungkan front-end dan back-end dalam satu bahasa.

Kesimpulan

JavaScript telah berevolusi jauh dari sekadar bahasa kecil buatan Netscape di tahun 1995 menjadi bahasa pemrograman paling dominan di dunia web modern. Dari nama Mocha, berubah menjadi LiveScript, lalu JavaScript — bahasa ini telah membuktikan fleksibilitas dan daya tahannya selama lebih dari dua dekade.

Kini JavaScript digunakan di mana-mana: dari website, server, aplikasi mobile, hingga kecerdasan buatan. Semua itu berawal dari ide sederhana: menjadikan web lebih hidup dan interaktif. Dan benar saja — JavaScript berhasil mewujudkannya.