Pemrograman Web:Javascript 1

Javascript adalah bahasa pemrograman yang wajib di pelajari jika ingin mendalami dunia web development.

Saat ini javascript tidak hanya digunakan di sisi client (browser) saja. Javascript juga digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain. Hal ini membuat javascript semakin populer dan menjadi salah satu bahasa yang paling banyak digunakan.

Apa itu javascript

Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas browser.

Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai ulang menjadi Javascript.

Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi serupa. Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam pada Internet Explorer 3.0. Hal ini mengakibatkan ‘perang browser’, karena JScript milik Microsoft berbeda dengan Javascript racikan Netscape.

Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke Ecma International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript atau ES. Saat ini ECMAScript sudah mencapai versi 8 (ES8).


Versi ECMAScript	Tahun Rilis
ES 1	Juni 1997
ES 2	Juni 1998
ES 3	Desember 1999
ES 4	Terbengkalai
ES 5	Desember 2009
ES 5.1	Juni 2011
ES 6	Juni 2015
ES 7	Juni 2016
ES 8	Juni 2017

Contoh membuat Hello World

<!DOCTYPE html>
<html>
    <head>
        <title>Hello World Javascript</title>
    </head>

    <body>
        <script language="javascript">
        document.write("Hello World!");
        </script>
    </body>
</html>

Cara Menulis Kode Javascript di HTML

Pada contoh di atas, sudah menulis kode javascript di dalam HTML. Cara tersebut merupakan cara penulisan embeded (ditempel).

Masih ada beberapa cara lagi yang perlu di ketahui:

Embed (Kode Javascript ditempel langsung pada HTML. Contoh: yang tadi)
Inline (kode Javascript ditulis pada atribut HTML)
Eksternal (Kode Javascript ditulis terpisah dengan file HTML)

Penulisan Kode javascript dengan Embed

Pada cara ini, menggunakan tag <script> untuk menempelkan (embed) kode Javascript pada HTML. Tag ini dapat ditulis di dalam tag <head> dan <body>.

Contoh:

<a href="#" onclick="alert('Yey!')">Klik aku!</a>

atau bisa juga seperti ini:

<a href="javascript:alert('Yey!')">Klik aku!</a>

Perhatikan…

Pada atribut onclick dan href fungsi javascript di tuliskan di sana.

Atribut onclick merupakan atribut HTML untuk menyatakan fungsi yang akan dieksekusi saat elemen itu diklik.

Pada contoh di atas, di jalankan fungsi alert(). Fungsi ini merupakan fungsi untuk menampilkan dialog.

Lalu pada atribut href, juga memanggil fungsi alert() dengan didahului javascript:.

Atribut href sebenarnya digunakan untuk mengisi alamat link atau URL.

Karena ingin memanggil kode javascript di sana, maka alamat link tersebut di ubah

menjadi javascript: lalu diikuti dengan fungsi yang akan dipanggil.

Penulisan Kode javascript Eksternal

Pada cara ini, akan menulis kode javascript secara terpisah dengan file HTML.

Cara ini biasanya digunakan pada proyek-proyek besar, karena diyakini—dengan cara ini—dapat lebih mudah mengelola kode project.