Sejarah Singkat JavaScript

• Menandai ulang tahun ke-30 JavaScript tahun ini, Deno merangkum secara singkat sejarahnya sejauh ini
• JavaScript bermula sebagai bahasa skrip yang dikembangkan hanya dalam 10 hari, dan kini telah menjadi bahasa paling populer di dunia
• Berikut beberapa momen sejarah penting yang menunjukkan bagaimana JavaScript berkembang dan ke mana arahnya di masa depan

A brief history of JavaScript (1994-2025)

[1994]

• Rilis Netscape Navigator 1.0

  • Pada Desember 1994, Netscape Navigator 1.0 dirilis
  • Popularitasnya didorong oleh kecepatannya yang lebih tinggi dibanding browser sebelumnya serta antarmuka GUI
  • Bersama dukungan HTML 2.0, fondasi pun terbentuk agar JavaScript nantinya bisa berjalan di browser ini

[1995]

• Kelahiran JavaScript

  • Pada Mei 1995, Brendan Eich mengembangkan draf awal JavaScript hanya dalam 10 hari
  • Bahasa ini dibuat sebagai respons atas permintaan akan bahasa skrip dengan sintaks yang mirip Java, yang saat itu sedang populer
  • Namanya diputuskan menjadi JavaScript untuk tujuan pemasaran

• Pengumuman resmi Netscape dan Sun

  • Pada Desember 1995, JavaScript diperkenalkan sebagai “bahasa scripting berorientasi objek ringan untuk web”
  • Pengumuman ini didukung oleh 28 perusahaan teknologi, dan JavaScript diposisikan sebagai bahasa yang juga mempertimbangkan lingkungan enterprise

[1996]

• Respons Microsoft

  • Pada Maret 1996, Microsoft menyertakan JScript di Internet Explorer 3
  • JScript terintegrasi dengan ActiveX sehingga bisa mengendalikan aplikasi seperti Excel

• Rilis Navigator 2.0 dengan JavaScript 1.0

  • Pada Maret tahun yang sama, JavaScript 1.0 resmi debut di Netscape Navigator 2.0
  • Konsep DOM (Document Object Model) juga mulai muncul pada titik ini

[1997]

• Usulan standardisasi ke ECMA

  • Pada Juni 1997, Netscape mengusulkan JavaScript untuk distandardisasi ke ECMA International
  • Tujuannya adalah menyelesaikan masalah kompatibilitas dengan JScript milik Microsoft
  • Spesifikasi bernama ECMA-262 dibuat, dan namanya ditetapkan menjadi ECMAScript
  • Komite TC39 dibentuk dan mulai mengelola perkembangan bahasa ini

[1998]

• Peluncuran proyek Mozilla

  • Pada Januari 1998, untuk menghadapi dominasi Microsoft di pasar browser, Netscape membuka source code-nya
  • Nama proyeknya adalah “Mozilla”, yang kemudian melahirkan berbagai hasil open source seperti Firefox, Rust, dan lainnya

• Pengumuman ECMAScript 2

  • Pada September 1998, ECMAScript 2 resmi diumumkan
  • Tidak ada fitur baru, tetapi tujuan utamanya adalah konsistensi spesifikasi dan dokumentasi yang lebih rapi

[1999]

• IE5 dan pengenalan XMLHttpRequest

  • Pada Maret 1999, IE5 memperkenalkan XMLHttpRequest
  • Ini kemudian menjadi fondasi bagi teknologi AJAX

• Munculnya JSDoc

  • Pada April 1999, JSDoc diperkenalkan untuk dokumentasi JavaScript
  • Terinspirasi oleh Javadoc berbasis Java, dan sampai sekarang masih digunakan sebagai alat pembuat dokumentasi

• Pengumuman ECMAScript 3

  • Pada Desember 1999, ECMAScript 3 resmi diumumkan
  • Dengan penambahan do-while, regular expression, metode string, dan penanganan eksepsi, versi ini meletakkan fondasi bagi pertumbuhan bahasa secara serius
  • Setelah itu, selama lebih dari 10 tahun digunakan sebagai standar de facto JavaScript web

[2001]

• Kemunculan pertama JSON

  • Pesan JSON pertama dikirimkan
  • Skrip dalam halaman web menggunakan struktur objek berbentuk { to, do, text }
  • Sebagai format pesan ringan berbasis JavaScript, JSON kemudian menjadi standar untuk komunikasi web API

[2002]

• Pengenalan JSLint

  • Douglas Crockford merilis alat pemeriksa sintaks statis JSLint
  • Ini membantu meningkatkan kualitas kode JavaScript dan kemudian berlanjut ke bukunya “JavaScript: The Good Parts”

• Rilis Phoenix 0.1, cikal bakal Firefox

  • Komunitas Mozilla, yang menolak bobot rangkaian produk lama yang terlalu berat, mengembangkan browser ringan Phoenix
  • Menawarkan fitur inovatif seperti tab browsing dan pemblokir popup → kemudian berkembang menjadi Firefox

[2003]

• Pengumuman Safari dan WebKit oleh Apple

  • Diperkenalkannya browser Safari dan engine WebKit membantu Mac lepas dari ketergantungan pada Microsoft
  • Setelah itu, ini menjadi fondasi bagi Mobile Safari di iPhone

[2004]

• Gmail dan AJAX

  • Antarmuka berbasis AJAX milik Gmail menetapkan standar UX baru untuk web app
  • Pertukaran data dengan server tanpa memuat ulang seluruh halaman → membuka era Web 2.0

[2005]

• Pemantapan istilah AJAX

  • Jesse James Garrett merumuskan secara formal konsep “AJAX”
  • Melalui kombinasi JavaScript + XML, ia memantapkan struktur komunikasi server asinkron

• Lahirnya Mozilla DevMo → berkembang menjadi MDN

  • Dimulainya MDN, pusat dokumentasi JavaScript berbasis standar
  • Menyediakan acuan terpadu untuk dokumentasi dukungan browser yang sebelumnya terpecah-pecah

[2006]

• Munculnya jQuery

  • John Resig memulai proyek jQuery
  • Memberikan kontribusi besar dalam menyelesaikan masalah lintas-browser untuk manipulasi DOM, penanganan event, AJAX, dan lainnya
  • Menyebar secara eksplosif berkat API yang ringkas

[2007]

• Rilis iPhone dan tanpa dukungan Flash

  • Apple iPhone diumumkan, dan Safari tidak mendukung Flash
  • Ini mempercepat peralihan ke konten berbasis HTML+JavaScript di lingkungan mobile

[2008]

• Penghentian resmi Netscape Navigator

  • AOL menghentikan pengembangan Netscape, menandai berakhirnya perang browser pertama
  • Dominasi IE oleh MS kemudian berujung pada gugatan antimonopoli

• Terbitnya JavaScript: The Good Parts

  • Buku karya Crockford menjadi momentum untuk menilai ulang JavaScript sebagai bahasa pengembangan profesional

• Pengumuman Google Chrome dan engine V8

  • Bersamaan dengan peluncuran Chrome, engine JavaScript V8 juga diperkenalkan
  • Kompilasi JIT dan optimisasi garbage collection menghasilkan peningkatan performa yang besar
  • Ini kemudian menjadi fondasi bagi ekspansi sisi server seperti Node.js

[2009]

• Munculnya CommonJS

  • Upaya dilakukan untuk menstandarkan penggunaan kode JS modular di lingkungan di luar browser (seperti server)
  • Ini kemudian menjadi dasar struktur modul dalam ekosistem Node.js

• Dimulainya proyek Node.js

  • Ryan Dahl mulai mengembangkan Node.js
  • Ini memungkinkan JavaScript berjalan di lingkungan server, memperluasnya menjadi bahasa full-stack

• Akuisisi Sun Microsystems oleh Oracle

  • Bersama Java, hak merek dagang JavaScript juga dipindahkan ke Oracle
  • Hal ini memunculkan isu merek dagang seputar nama JavaScript

• Munculnya Express.js

  • Commit pertama Express.js dibuat, sebuah web framework berbasis Node.js
  • Mengusulkan struktur middleware yang berfokus pada pembangunan REST API

• Pengumuman ECMAScript 5

  • Dengan strict mode, dukungan JSON, penambahan metode Array, dan lainnya, versi ini merapikan fondasi fitur JS modern

• Munculnya CoffeeScript

  • Menjadi eksperimen perbaikan sintaks sebelum ES6, seperti sintaks ringkas, arrow function, dan destructuring
  • Setelah itu, memberi pengaruh tidak langsung terhadap perkembangan sintaks JavaScript

[2010]

• Rilis npm 1.0

  • Package manager JavaScript npm resmi dirilis, menandai dimulainya standardisasi berbagi dan penggunaan ulang kode
  • Kini berkembang menjadi registry open source terbesar di dunia dengan lebih dari 3 juta package

• Rilis WebStorm 1.0

  • JetBrains merilis IDE JavaScript khusus pertamanya
  • Menyediakan fitur analisis statis, deteksi error, auto-complete, dan debugging secara terintegrasi

• Kemunculan AngularJS & Backbone.js

  • Awal ledakan framework SPA
  • Angular berfokus pada deklaratif/injeksi dependensi, Backbone berfokus pada prosedural/keringkasan
  • Sejak periode ini mulai muncul fenomena seringnya kemunculan dan hilangnya framework ("framework churn")

[2011]

• Porting Node.js ke Windows

  • Melalui kolaborasi Joyent dan Microsoft, Node.js menjadi dapat berjalan di Windows
  • Pengembangan library libuv → menyediakan platform terpadu untuk I/O asinkron
  • Menjadi awal langkah open source Microsoft yang kemudian berlanjut ke strategi TypeScript, VSCode, Azure, dan lainnya

[2012]

• Kemunculan Webpack

  • Sebagai alat bundling aset web, memperluas sistem modul ke sisi klien
  • Setelah itu diadopsi sebagai sistem build inti oleh React, Angular, Vue, dan lainnya

• TypeScript 0.8 dirilis

  • Microsoft memperkenalkan superset JavaScript berbasis tipe statis
  • Menyediakan struktur yang cocok untuk proyek skala besar, dan kemudian memengaruhi standar ES

[2013]

• Atom Shell, pendahulu Electron, dimulai

  • Pengembangan aplikasi desktop menjadi mungkin dengan HTML/CSS/JS
  • Diadopsi oleh Slack, Visual Studio Code, dan lainnya sehingga mengubah cara pengembangan desktop

• asm.js diumumkan

  • Kode C/C++ dapat dikonversi ke JS sehingga memungkinkan komputasi berkinerja tinggi di dalam browser
  • Kemudian berkembang menjadi WebAssembly

• Stack MEAN didefinisikan

  • Penamaan kombinasi MongoDB + Express + Angular + Node.js
  • Penyebaran pendekatan pengembangan full-stack berbasis JavaScript

• React diumumkan

  • Setelah digunakan secara internal oleh Facebook, kemudian dirilis sebagai open source
  • Memantapkan paradigma pengembangan UI berbasis komponen

• Pengembangan ESLint dimulai

  • Alat linting yang dapat diperluas yang dimulai oleh Nicholas C. Zakas
  • Lebih mudah dikustomisasi dibanding linter sebelumnya sehingga cepat menyebar

• Gulp dirilis

  • Berbeda dari Grunt yang berpusat pada konfigurasi, ini adalah alat build streaming berbasis kode
  • Membentuk arus otomatisasi tugas build dengan JavaScript

[2014]

• Vue.js dirilis

  • Framework UI progresif yang diumumkan oleh Evan You
  • Menggabungkan pendekatan UI deklaratif React dan fitur template Angular

• Akuisisi Express.js

  • StrongLoop mengakuisisi Express.js → kemudian diakuisisi oleh IBM
  • Kekhawatiran soal independensi komunitas memunculkan framework lanjutan seperti Koa

• Babel.js dimulai (sebelumnya 6to5)

  • Memungkinkan sintaks JS terbaru berjalan di browser lama
  • Menjadi transpiler standar bagi semua framework

• Meteor 1.0 dirilis

  • Menarik perhatian sebagai alat pengembangan webapp real-time dan single-stack
  • Kemudian memengaruhi teknologi real-time seperti GraphQL dan Firebase

• Flow dari Facebook diumumkan

  • Alat pemeriksaan tipe statis untuk mendeteksi error JS lebih awal
  • Penggunaannya kemudian menurun seiring pertumbuhan TypeScript

• AWS Lambda diumumkan

  • Memperkenalkan serverless computing berbasis JavaScript(Node.js)
  • Memungkinkan implementasi backend tanpa mengelola infrastruktur melalui eksekusi fungsi berbasis event

• Fork io.js

  • Komunitas memecah io.js sebagai respons terhadap lambatnya rilis Node.js oleh Joyent
  • Kemudian digabungkan kembali ke Node.js pada 2015

[2015]

• Istilah Jamstack muncul

  • Menekankan kombinasi JavaScript + API + Markup
  • Metode SSR dan SSG menjadi sorotan sehingga static site generator ikut naik daun

• Node.js Foundation didirikan

  • Menata ulang tata kelola komunitas, termasuk integrasi dengan io.js
  • Diikuti partisipasi perusahaan besar seperti IBM dan Microsoft

• GraphQL diluncurkan

  • Bahasa kueri API yang dikembangkan Facebook
  • Ciri khasnya adalah pendekatan deklaratif, desain bertipe kuat, dan meminimalkan permintaan ke server

• Redux dirilis

  • Kontainer state yang dapat diprediksi untuk manajemen state React
  • Kemudian diadopsi juga di Vue, Angular, dan lainnya

• WebAssembly diumumkan

  • Memungkinkan eksekusi kode berkinerja tinggi seperti C/C++ di browser
  • Sebagai penerus asm.js, ia memantapkan diri sebagai lingkungan eksekusi umum untuk web

• Atom 1.0 dirilis

  • Editor teks hackable berbasis Electron buatan GitHub
  • Memberi pengaruh langsung pada VSCode

• ECMAScript 6 (ES2015) diumumkan secara resmi

  • Peningkatan sintaks besar-besaran seperti import/export, let/const, Promise, fetch, dan lainnya
  • Menjadi versi yang menjadi fondasi JavaScript modern

• Integrasi Node.js dan io.js

  • Dengan pengumuman Node.js v4.0, kedua proyek disatukan kembali
  • Menetapkan dukungan jangka panjang (LTS) dan kebijakan versi yang bermakna

[2016]

• Microsoft meng-open-source-kan mesin Chakra

  • Chakra, mesin JS untuk browser Edge, dibuka sebagai open source
  • Sempat menarik perhatian komunitas pengembang, tetapi kemudian dihentikan karena kalah dominan dari V8

• Insiden Leftpad terjadi

  • Penghapusan modul left-pad memicu keruntuhan besar dependensi paket
  • Menjadi titik awal perubahan kebijakan npm

• VSCode 1.0 dirilis

  • IDE ringan berbasis Electron dan TypeScript
  • Cepat populer berkat performa tinggi, ekstensibilitas, dan dukungan JS/TS yang sangat baik

• ECMAScript 2016 diumumkan

  • Pembaruan kecil seperti operator ** dan array.includes()

• Angular2 diumumkan

  • Arsitektur komponen berbasis TypeScript yang sepenuhnya berbeda dari AngularJS
  • Dengan kompilasi AOT dan peningkatan keamanan, mulai muncul sebagai pilihan enterprise

• Next.js 1.0 dirilis

  • Framework server-side rendering berbasis React
  • Mendorong standardisasi pengembangan React full-stack dengan mempertimbangkan SEO dan performa

[2017]

• Commit awal proposal Temporal

  • Proposal API Temporal untuk mengatasi masalah pada objek Date
  • Disetujui untuk dimasukkan ke standar ECMAScript pada 2021, dan saat ini hanya didukung di sebagian lingkungan

• Prettier 1.0 dirilis

  • Formatter yang secara otomatis menerapkan gaya kode yang konsisten
  • Juga memengaruhi kemunculan Black di Python dan formatter di Rust

• ECMAScript 2017 diumumkan

  • Memperkenalkan fitur JS modern seperti async/await, Object.entries(), Object.values(), dan lainnya
  • Penggunaan fetch() menjadi umum

• Yarn dirilis

  • Manajer paket untuk mengatasi kelambatan dan konflik pada npm
  • Memperkenalkan fitur inovatif seperti yarn.lock, instalasi paralel, cache, dan lainnya

• Cloudflare Workers dirilis

  • Menandai dimulainya era edge computing
  • Memungkinkan kode serverless dijalankan secara terdistribusi di seluruh dunia

[2018]

• Puppeteer 1.0 dirilis

  • Alat otomatisasi browser berbasis Chrome headless
  • Menawarkan API yang ringkas dibanding Selenium dan ramah untuk Node.js

• TensorFlow.js dirilis

  • Memungkinkan machine learning berjalan di browser
  • Mewujudkan aplikasi AI real-time berbasis WebGL/WebGPU

• Smooshgate

  • Karena konflik penamaan Array.flatten, namanya diubah menjadi flat()
  • Berasal dari masalah kompatibilitas dengan MooTools

• Ryan Dahl mengumumkan Deno

  • Bersamaan dengan refleksi atas masalah Node, runtime Deno diperkenalkan untuk pertama kalinya

• ECMAScript 2018 diumumkan

  • Memperkenalkan promise.finally(), async iteration, dan objek rest/spread

[2019]

• OpenJS Foundation dibentuk

  • Integrasi Node.js Foundation dan JavaScript Foundation
  • Penyatuan tata kelola proyek server/klien

• Node.js v12: dukungan ESM eksperimental dimulai

  • Eksperimen modul ES diperkenalkan melalui .mjs, type: module, dan lainnya

• ECMAScript 2019 dirilis

  • Penambahan Object.fromEntries(), String.prototype.trimStart(), dan lainnya

• Node.js v13.2: ESM resmi distabilkan

[2020]

• SpaceX Dragon, JS melaju ke luar angkasa

  • JavaScript digunakan pada antarmuka layar sentuh berbasis Chrome

• Deno 1.0 dirilis

  • Pendekatan inovatif seperti dukungan default TypeScript, model permission, HTTP import

• Adobe Flash resmi dihentikan

  • Lingkungan multimedia web yang berpusat pada JS menjadi mapan

[2022]

• Deno bergabung dengan TC39

  • Mengumumkan partisipasi dalam standardisasi JavaScript

• Dukungan untuk IE11 berakhir

  • Transisi menuju ekosistem web berbasis standar tuntas

• ECMAScript 2022 diumumkan

  • Penambahan top-level await, static block pada class, dan lainnya

[2023]

• Bun 1.0 dirilis

  • Runtime pengganti Node.js supercepat yang diimplementasikan dengan Zig
  • Kompatibel dengan npm, alat build terintegrasi

[2024]

• Maskot Node.js Rocket Turtle dipilih

  • Karakter final ditetapkan melalui kontes komunitas

• ECMAScript 2024 dirilis

  • Penguatan pemrosesan Unicode seperti toWellFormed()

• Registry JSR diluncurkan

  • Registry khusus modul ECMAScript modern dari tim Deno
  • Kompatibel dengan TypeScript, Deno, Bun, dan Cloudflare Workers

• Gerakan FreeJavaScript dimulai

  • Kampanye yang mendesak Oracle mengembalikan merek dagang JavaScript
  • Ditandatangani tokoh-tokoh penting seperti Brendan Eich

• Deno 2 dirilis

  • Kompatibilitas Node ditingkatkan, bahkan menjalankan iklan sehingga perang runtime benar-benar dimulai

[2025]

• Pengumuman porting TypeScript ke Go

  • Proyek tsgo sedang berjalan dengan target kinerja lebih dari 10 kali lebih cepat
  • Dijadwalkan diadopsi secara resmi mulai TypeScript 7.0

• Deklarasi open source untuk Copilot Chat

  • Microsoft mengumumkan strateginya untuk mengubah VSCode menjadi IDE pengembangan AI open source

[Penutup]

• JavaScript telah berkembang dari bahasa skrip sederhana menjadi bahasa pengembangan serbaguna yang mencakup frontend web, backend, machine learning, kedirgantaraan, hingga IDE pengembangan AI
• Komunitas open source, perkembangan sintaks yang berkelanjutan, dan inovasi runtime telah mendorong pertumbuhannya, dan ke depannya JavaScript akan melampaui web dan meluas ke ranah yang lebih luas bersama alat-alat yang lebih cepat dan lebih cerdas

[princox]

Sekarang rasanya ini sudah menjadi standar implementasi, bukan lagi sekadar bahasa... suka atau tidak, sepertinya sintaksnya juga harus tetap dibawa sampai ke ranah legacy.

[dkang]

Terima kasih atas materinya yang bagus.

[dontdieych]

IE versi 3 nyaris sampah. Saat itu Netscape Navigator 3 hampir menjadi standar de facto, tetapi ketika IE 4 keluar, situasinya berbalik. Apalagi IE 4 terpasang secara bawaan di Windows.

Netscape 4 memang sempat keluar, tetapi kualitasnya tidak cukup bagus untuk membalikkan keadaan. Jadi pangsa IE terus meningkat.

Ketika Netscape beralih menjadi open source, lahirlah proyek Mozilla dan versi beta Phoenix pun muncul; saat itulah para pengguna mulai merasa ada sesuatu yang benar-benar berbeda. Saya juga termasuk. Karena masalah merek dagang, namanya diubah menjadi Firefox, dan sejak saat itu Firefox mulai menjadi pesaing yang benar-benar layak bagi IE.

Seingat saya, namanya berubah dari Phoenix -> Firebird -> Firefox. Mungkin karena sudah ada database bernama Firebird.

[aer0700]

Saya terus membacanya, lalu dari tengah rasanya tiba-tiba sesak.
Rasanya seperti baru sekali, tapi juga terasa seperti sudah sangat lama...

[tsboard]

Tulisan aslinya dirangkum dengan sangat rapi. Sampai ada tangkapan layar dan potongan kode yang bikin nostalgia juga...! Semoga Deno juga makin berkembang. hehe

[tested]

Perkembangan JavaScript tampaknya terbagi menjadi sebelum dan sesudah peluncuran Node.js.

[bobross0]

Saya setuju.

[dlehals2]

Bersama Java, hak merek dagang JavaScript juga dialihkan ke Oracle. Bagian ini baru pertama kali saya ketahui.

[spp00]

Sejak awal, merek dagang JS dimiliki oleh Sun, tetapi setelah Sun diakuisisi, merek dagang JS (serta MySQL dan lainnya) juga dialihkan ke Oracle.

[xguru]

Artikel aslinya juga memuat banyak gambar dan berbagai kode, jadi akan lebih baik jika dibaca sambil melihatnya.