sesuai dengan judulnya, kali ini kita akan membahas soal Javascript.
Seperti biasa, sebelum kita mulai membahas lebih dalam kita harus tahu dulu apa yang dimaksud dengan Javascript
Mungkin teman-teman sudah pada tahu apa itu Javascript sebelumnya.
Mungkin ada yang bilang kalau itu adalah salah satu bahasa untuk bikin web
Mungkin juga ada yang mengatakan kalau itu adalah bahasa pemograman
atau bahkan ada yang tidak tahu apa itu Javascript
Oleh karena itu marilah kita sekarang membahas definisinya terlebih dahulu.
menurut om wiki
JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser.jadi intinya Javascript adalah bahasa pemograman yang berjalan di browser.
Mungkin ada yang bertanya mengapa kita harus Javascript?
apa gunanya Javascript sementara sudah ada HTML,php,CSS,dsb?
mengapa harus di ciptakan Javascript sementara sudah ditemukan bahasa pemograman web lainnya?
ok, untuk menjawabnya mari kita lihat yang satu ini
Kelebihan Javascript dan cara kerjanya
Javascript bekerja pada sisi browser. maksudnya begini : untuk menampilkan halaman web, user menuliskan alamat web di address bar url. setelah itu, browser “mengambil” file html ( dengan file javascript yang melekat padanya jika memang ada ) ke server yang beralamat di URL yang diketikan oleh user. Selesai file diambil, file ditampilkan pada browser. setelah file javascript berada pada browser, barulah script javascript tersebut bekerja.
Efek dari Javascript yang bekerja pada sisi browser ini, Javascript dapat merespon perintah user dengan cepat, dan membuat halaman web menjadi lebih responsif. JavaScript melakukan apa yang tidak bisa dilakukan oleh HTML, PHP, dan CSS : menangani hal – hal yang membutuhkan respons cepat terhadap aksi dari user. Contoh : fungsi validasi pada form. ketika anda mengisi sebuah form yang divalidasi menggunakan javascript, anda mengetikkan data lalu mengetik submit, sebelum data dikirimkan ke server, data akan “dicek” terlebih dahulu pada browser menggunakan fungsi javascript yang ada pada halaman web. sehingga, jika memang data yang anda isikan tidak valid, daripada membuang – buang waktu dengan mengirimkan data ke server baru di validasi di server dan lalu server mengirimkan respons balik mengenai ketidak validan input data anda, lebih baik cek validasi data form dilakukan secara lokal di browser menggunakan fungsi javascript.
Jadi intinya Javascript lebih cepat dan lebih hemat.:D
Berikutnya kita akan membahas cara penulisan Javascript
Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="teks/javascript">.
<script type="teks/javascript"> alert("Halo Dunia!"); </script>Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:
<script type="teks/javascript" src="alamat.js"> </script>
Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).
<html> <head> <script type="teks/javascript"> ... </script> </head> </html>Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.
<html> <head> </head> <body> <script type="teks/javascript"> ... </script> </body> </html>Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.
External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.
implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik AJAX. ( Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi antara user dan aplikasi web semakin responsif.
jadi bagaiman?
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.
<html> <head> </head> <body> <script src="xxx.js"> </script> <p>Script di atas berada di berkas "xx.js" (eksternal) </p> </body> </html>
implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik AJAX. ( Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi antara user dan aplikasi web semakin responsif.
jadi bagaiman?
apakah teman-teman jadi tertarik untuk belajar Javascript?
silahkan coba belajar sendiri ya.. di internet banyak sekali referensinya kok :D
silahkan coba belajar sendiri ya.. di internet banyak sekali referensinya kok :D
Baiklah, samapai jumpa pada postingan berikutnya :D
No comments:
Post a Comment