Javascript adalah bahasa pemrograman yang tak bisa dilewatkan jika ingin memasuki dunia web development.
Belakangan ini, Javascript tak hanya digunakan di sisi client (browser), namun juga merambah ke server, konsol, program desktop, mobile, IoT, hingga game, mengukuhkannya sebagai bahasa paling populer di Github. Hasil survei Github 2017
Artikel ini akan membimbingmu memahami Javascript dari dasar hingga menciptakan program pertamamu dengan mudah.
Siap? Ayo mulai…
Apa Itu Javascript?
Javascript pertama kali diciptakan untuk berjalan di browser. Namun, seiring berjalannya waktu, kecanggihan Javascript tak lagi terbatas pada browser semata. Kini, ia mampu beroperasi di sisi server, game, IoT, desktop, dan lain-lain.
Awalnya, Javascript dikenal sebagai Mocha, lalu berganti nama menjadi LiveScript ketika browser Netscape Navigator 2.0 merilis versi beta pada September 1995. Setelah itu, namanya diubah menjadi Javascript.
Terinspirasi oleh keberhasilan Javascript, Microsoft menciptakan teknologi serupa dengan nama JScript, yang kemudian diintegrasikan ke Internet Explorer 3.0. Hal ini memicu 'perang browser' karena JScript buatan Microsoft berbeda dengan Javascript buatan Netscape.
Pada tahun 1996, Netscape mengajukan standarisasi ECMA-262 ke Ecma International. Inilah lahirnya standar kode Javascript yang dikenal dengan ECMAScript atau ES. Hingga saat ini, ECMAScript telah mencapai versi 8 (ES8).
Perlengkapan untuk Belajar Javascript
Apa saja yang perlu disiapkan untuk memulai belajar Javascript?
- Apa saja yang perlu disiapkan untuk memulai belajar Javascript?
- Teks Editor (rekomendasi: VS Code)
Hanya itu? Ya, itu sudah cukup. Jika Anda berencana mempelajari Javascript dari sisi Nodejs
Mengenal Console JavaScript
Belajar JavaScript mungkin terdengar menantang, terutama ketika Anda ingin melihat hasilnya di web browser. Namun, jangan khawatir! Kita bisa melihatnya melalui console.
Cara membuka Console JavaScript:
- Klik kanan pada halaman web, lalu pilih "Inspect Element".
- Pilih tab "Console".
Di dalam console, kita dapat menulis fungsi atau kode JavaScript dan hasilnya akan langsung ditampilkan.
Misalnya, mari kita coba kode berikut
console.log("Hi apa kabar!");
alert("Saya sedang belajar JavaScript");
Jika Anda menggunakan Node.js, cara mengakses console adalah dengan mengetik perintah 'node' pada Terminal.
Membuat Program JavaScript Pertama
Sudah paham cara membuka dan menggunakan console JavaScript? Bagus!
Mari kita mulai dengan membuat program pertama dengan JavaScript. Berikut adalah langkah-langkahnya:
<!DOCTYPE html>
<html>
<head>
<title>Hello World JavaScript</title>
</head>
<body>
<script>
console.log("Saya belajar JavaScript");
document.write("Hello World!");
</script>
</body>
</html>
Simpan file dengan nama "hello_world.html", lalu buka file tersebut dengan web browser.
Maka hasilnya:
Tunggu sebentar...
Anda mungkin bertanya, mengapa pesan "Saya belajar JavaScript" tidak ditampilkan di halaman web? Karena perintah atau fungsi console.log() akan menampilkan pesan di console JavaScript. Sedangkan perintah document.write() digunakan untuk menulis ke dokumen HTML, sehingga pesan akan ditampilkan di halaman web.
Sekarang, cobalah untuk membuka console JavaScript.
Anda akan melihat pesan "Saya belajar JavaScript" di sana.
Mantap! Anda telah berhasil membuat program pertama dengan JavaScript. 👍