Tutorial Belajar JavaScript Part 8: Pengertian EmcaScript dan DOM

Pada tutorial JavaScript part 1 hingga part 7, kita belum membahas cara penulisan kode program JavaScript itu sendiri. Tutorial tersebut lebih ke mempersiapkan lingkungan (environtment) untuk bisa manjalankan kode JavaScript.

JavaScript pada dasarnya terdiri dari 2 bagian besar, yakni EcmaScript dan DOM (Document Object Model). Pada tutorial kali ini kita akan membahas Pengertian EmcaScript dan DOM (Document Object Model).


Pengertian EcmaScript

EcmaScript adalah sebuah standar bahasa pemrograman yang dibuat oleh Ecma (European Computer Manufacturers Association), yang salah satunya diterapkan ke dalam JavaScript. Sebagai analogi, jika EcmaScript adalah bahasa resmi sebuah daerah, maka JavaScript adalah salah satu dialek dari bahasa tersebut.

Selain JavaScript, dulunya terdapat bahasa pemrograman JScript dan ActionScript yang sama-sama menggunakan standar EcmaScript, namun sekarang bahasa tersebut sudah tidak dipakai lagi.

Pengertian EmcaScript

Pengertian EmcaScript (sumber gambar: quora)

Perbedaan nama JavaScript dan EcmaScript muncul karena masalah trademark. Merek datang dari kata "Java" di dalam JavaScript, dimiliki oleh Sun Microsystem (saat ini menjadi bagian dari Oracle), sehingga tidak bisa dipakai tanpa izin oleh perusahaan-perusahaan lain.

Di dalam EcmaScript, berisi aturan dasar sebuah bahasa pemrograman (syntax), seperti cara pendefenisian variabel, perbedaan tipe data, cara pembuatan array, cara penulisan struktur if, atau cara pembuatan object.

EcmaScript banyak mengambil inspirasi dari bahasa pemrograman C dan C++, sehingga jika pernah menggunakan bahasa pemograman C++ atau turunannya seperti PHP, tidak akan terlalu sulit untuk mempelajari aturan penulisan EcmaScript.

Selama mempelajari JavaScript, kita akan sering mendengar istilah seperti EcmaScript 6 atau ES6, EcmaScript 7 atau ES7, dst. Angka ini menunjukkan versi dari EcmaScript yang dipakai. Umumnya, web browser akan selalu mengikuti standar EcmaScript terbaru.


Pengertian DOM (Document Object Model)

Bagian kedua yang akan kita pelajari dalam menguasai client-side JavaScript adalah DOM (singkatan dari Document Object Model). DOM adalah API (Application Programming Interface) yang disediakan web browser kepada programmer.

Secara sederhananya, DOM berisi kumpulan aturan atau cara bagi programmer untuk memanipulasi apapun yang tampil dalam halaman web. DOM tidak terikat dengan JavaScript, dan juga bukan bagian dari JavaScript. DOM yang sama bisa diakses dengan bahasa client-side lain seperti JScript.

Tag atau element yang ada di dalam HTML diatur di dalam DOM. Dengan menggunakan JavaScript, kita bisa memanipulasi seluruh tag HTML ini. Salah satu contoh perintah DOM yang telah kita gunakan adalahdocument.getElementById().

Perintah document.getElementById() berfungsi untuk mencari sebuah tag HTML berdasarkan atribut id. Untuk keperluan yang sama, tersedia juga perintah-perintah lain seperti document.getElementByName(), document.getElementByClass(), dan lain-lain. Fitur-fitur seperti inilah yang akan kita pelajari pada bagian DOM.

Karena sifatnya yang berbeda, tutorial JavaScript di duniailkom akan memisahkan antara EcmaScript dengan DOM. Jika anda berencana belajar Nodejs, yakni penerapan bahasa JavaScript di sisi server, maka tidak perlu belajar DOM, cukup EcmaScript saja dan lanjut ke Nodejs.

Untuk tutorial bagian awal ini kita akan bahas dahulu tentang EcmaScript, dan setelah itu barulah mempelajari struktur dan aturan DOM. Berikutnya, kita akan sambung dengan membahas Aturan Dasar Penulisan Kode Program JavaScript.


Saat ini di Duniailkom tersedia eBook / buku JavaScript Uncover. Dengan total lebih dari 650 halaman A4, materi di buku jauh lebih banyak daripada tutorial di web Duniailkom. Penjelasan lebih lanjut bisa ke: JavaScript Uncover – Panduan Belajar JavaScript.

13 Comments

  1. Aldi Unanto
    26 Jun 14
    • Cecep
      14 Dec 14
  2. ALE ALE
    01 Dec 14
    • Andre
      01 Dec 14
    • Aldi Unanto
      15 Apr 15
    • Andre
      16 Apr 15
  3. tiyas
    15 Dec 15
  4. August
    29 Mar 16
    • Andre
      30 Mar 16
  5. Kurnain
    20 Dec 16
    • Andre
      21 Dec 16
  6. ikhsan
    30 Sep 18

Add Comment