.:: Java Script Info & Tutorial ::.
Berbicara tentang Java Scipt, sebahagian
orang telah mengetahuinya. Apalagi untuk orang-orang yang sering memakai
fasilitis internet, terutama WEB, iaitu sebuah script sederhana untuk
menyusun aplikasi internet untuk client (dan server). Selama ini kita
mengetahui bahawa untuk membuat halaman WEB di internet kita memakai HTML
(Hyper Text Markup Language). Namun sekarang ini Microsoft telah
mengeluarkan software bantu untuk membuat halaman web tanpa perlu
mempelajari lagi HTML. Software tersebut adalah Frontpage. Dengan
menggunakan Frontpage, pembuatan halaman web terasa lebih mudah, cepat,
dan efisien. Hal ini disebabkan karena kemampuan Frontpage yang
menyediakan tool-tool yang sudah tersedia di dalamnya sehingga orang awam
dapat membuat web seperti mengetik/membuat suatu dokumen dalam software
"Microsoft Word". Apa yang dapat kita simpulkan dari hal di atas ? Bahawa
jika kita mampu atau menguasai dalam menggunakan software Word, maka anda
dapat juga membuat halaman web sendiri. Namun jika kita sadari lebih
lanjut, halaman web yang telah kita buat, baik dengan Frontpage ataupun
dengan membuat teks html sendiri, akan terasa kurang interaktif atau
kurang dinamis. Mungkin di benak kita sering timbul ingin membuat home
page yang menampilkan waktu lokal saat ini atau ingin menampilkan tulisan
scrolling dalam window status. Mampukah HTML ataupun Frontpage melakukan
hal tersebut. Untuk HTML dan Frontpage (sampai versi Microsoft Office XP) jawapannya tidak.
Disinilah peranan Java Script untuk melakukan hal tersebut.
Tentu sekarang anda ingin mengetahui :
- Bagaimana kita membuat web dengan Java Script itu sendiri?
- Apakah pembuatan web dengan Java Script menjadikan pembuatannya sesulit memprogram dalam suatu bahasa pempograman ?
- Apakah perlu software baru untuk dapat mengaplikasikannya ke halaman web?
- Jika ya, Bagaimana cara mendapatkannya ?
- Apakah kita perlu compilernya?
- Bagaimana menggabungkannya dengan fail2 html sehingga dapat ditampilkan dalam halaman web ?
Sebenarnya dalam membuat Java
Script, kita perlu faham perintah-perintah --yang akan dieksekusikan oleh
browser2 dalam halaman html itu sendiri. Kita tahu bahawa HTML itu sendiri
terdiri dari beberapa tag. Untuk penulisan Java Script diletakan dalam tag
<script> dan <\script>. Tentunya dalam hal ini kita tidak
memerlukan lagi sebuah software baru untuk mempelajari java script.
Apalagi Compilernya. Kita hanya perlu mengenablekan browser yang kita
punyai sehingga dapat menjalankan java script di dalam browser. Browser
yang mendukung Java Script adalah Netscape 2.0 atau versi yang lebih baru
dan Microsoft Internet Explorer 3.0 atau versi yang lebih baru. Tentunya
membuat halaman web dengan Java Script memerlukan suatu pengetahuan atau
ketrampilan tentang programming. Tetapi hal itu merupakan suatu keharusan,
hanya saja bila kita telah biasa menulis program akan memeprcepat proses
belajar kita. Jadi bagi programmer yang baru pun dapat
mempelajari Java Script. Tapi seberapa sulitkah bila dibanding dengan
bahasa pemprograman yang lain ? Hal yang menjadikan perbezaan dalam
penulisan program dengan Java Script dibandingkan dengan bahasa pemrograman
lainya adalah Java Script hanyalah sebuah bahasa scripting. Yang
memzedakan antara bahasa scripting dibanding dengan bahasa pemprograman
adalah tidak diperlukannya compiler untuk menjalankan bahasa scripting.
Selain itu bahasa scripting yang sesuai untuk menyusun aplikasi berukuran kecil
dan tidak kompleks. Hal sebaliknya berlaku pada bahasa pemprograman. Dalam
bahasa pemprograman ada sutau bahasa yang dinamakan Java. Apakah perbezaannya
dengan Java Script ? Sebenarnya nama Java Script diturunkan dari nama
Java. Namun yang membuat Java Script itu sendiri adalah Netscape sedangkan
Java dibuat oleh Sun. Bahasa pemprograman Java dapat pula digunakan untuk
mengkreasikan web namun sebelum ditampilkan di halaman web, Coding Javanya
harus dicompile terlebih dahulu menjadi "applets" yang terpisah dari
halaman HTML dimana codingnya tidak boleh dilihat secara
langsung.
Java Script menggunakan paradigma "object-oriented" yang
sederhana. Suatu objek mempunyai properti-properti yang merupakan
variabel-variabel, objek-objek lain atau fungsi-fungsi (disebut sebagai
metode). Java Script menyediakan objek bulit-in, tetapi anda sendiri dapat
menciptakan objek-objek sendiri. Misalnya kita mempunyai objek mobil, maka
objek mobil itu mempunyai properti merk, tahun, warna, pemilik, harga.
Properti merk, tahun, warna bersifat seperti variabel. Sedangkan pemilik
itu sendiri dalam hal ini manusia merupakan objek yang ada di dalam objek
mobil. Percayakah anda bahawa pemilik itu merupakan objek sendiri ? Cuba
kita fikir bahawa pemilik (manusia) juga memiliki properti iaitu nama,
umur, suku-bangsa. Sedangkan properti harga merupakan metode atau fungsi
dalam objek mobil. Kenapa disebut fungsi? Kerana harga mobil itu tidaklah
sama, tergantung tahun, dan lain lain. Untuk itu kita mesti membuat
suatu fungsi harga mobil.
Bagaimana anda sudah cukup
mendapat gambaran tentang obyek itu sendiri? Jika belum coba anda ulangi
lagi membaca paragraf diatas sampai anda mendapatkan pengertianya.
Elemen
Java Script
Berikut ini kita akan menampilakan elemen programming yang
prinsipil. Elemen yang biasa di gunakan dalam Java Script dan dalam bahasa
pempograman lainya :
- Argumen
Argumen digunakan dengan metoda dan fungsi. Argumen adalah value, variabel, atau objek yang diperlukan method ataupun function untuk diproses.
Contoh : function akar (16). Dalam hal ini yang disebut sebagai argument adalah 16 yang memepunyai nilai pengembalian sama dengan 4. - Event
Handler
Event Handlers digunakan untuk menginisialisasi atau memanggil Java Script. Event Handlers akan memanggil fungsi dalam Java Script yang mengandung statement yang akan dieksekusi.
Contoh : <A HREF="link.html" onClick="functionZ( )"> Click Here</A>
Pada contoh diatas yang merupakan event handlers adalah onClick. Ketika tulisan "Click Here" di klik, maka event handler akan memanggil fungsi functionz( ) kemudian mengeksekusi statement-statement yang ada dalam functionZ( ). - Ekspresi
Ekspresi adalah kumpulan literal, variabel, operator, dan ekspresi yang mengambarkan sebuah angka, string, ataupun harag logika (Logical Value).
Contoh : A = B*10. Dalam contoh A dan B adalah variabel. Sedangakn 10 adalah literal. Tanda =, * merupakan operator dalam operasi aritmatik. Sedangakn B*.10 merupakan ekspresi. - Fungsi
Fungsi adalah prosedur yang terdiri dari ekspresi-ekspresi yang melakukan suatu tugas. Anda perlu menyusun suatu tugas. Anda perlu menyusun (mendefinisikan) fungsi, dan selnjutnya Anda dapat memanggilnya (menggunakannya). Jika ekspresi adalah jaringan penghubung dalam script Java Script, fungsi adalah darahnya. - Literal
Literal adalah nilai yang selalu sama yang anda tulis secara eksplisit dalam script.
Misalnya :
* Nilai 5 adalah literal
* String "sidharta" adalah literal - Metoda
Metoda adalah spesial fungsi yang diasosiasikan dengan objek dan memerlukan argumen.
Contoh :
window.alert ("Hallo Sya sedang belajar java script"); - Objek (telah diterangkan diatas. )
- Operator :
Ada dua jenis operator dalam JavaScript yaitu assignment operator dan arimetik operator - Properties
Properties bisa diartikan sebagai sifat yang ,menggambarkan objek. Dalam hal ini obyek dokumen adalah properti dari objek window. Sama pula halnya dengan obyek form yang merupakan properti dari obyek dokumen mempunyai properti seperti kotak checkboxes. - Statements
Statements bertanggung jawab terhadap arah aliran dari koding yang merupakan kumpulan dari ekspresi-ekspresi. - Tipe
data(values)
Ada empat tipe tipe data (values) : angka, boolean, string, dan null. - Variabel
Event-event
Dalam Java Script terdapat banyak
jenis event. Oleh kerana itu event itu sendiri menjadi tulang belakang
dalam penggunaan java script. Fungsi dari event handler itu sendiri adalah
untuk
menangani kemasukkan atau input dari pembaca. Kemasukkan dari pembaca
merupakan trigger atau pemicu untuk memanggil fungsi-fungsi yang ada di
dalam script Java Script yang kemudian browser akan mengeksekusi statement
yang ada dalam fungsi tersebut.
Jenis Event Handler yang ada
:
- Click
Event Click adalah event yang terjadi jika pemakai mengklik tombol mouse diatas link-link atau elemen-elemen form yang lain, misalnya tombol radio, tombol submit, tombol reset, atau yang lainya. - Focus
Event Focus adalah event yang terjadi jika pemakai mengklik tombol mouse atau menekan tombol mouse atau menekan tombol tab untuk menggambarkan perhatian pemakai ke elemen-elemen form tertentu. Event ini cuma mengarahkan perhatian pemakai, tidak secara riel memasukan data. - Blur
Event Blur adalah negasi dari dari event focus yitu event yang terjadi jika pemakai mengklik tombol mouse atau menekan tombol Tab untuk menghilangkan perhatian pemakai dari elemen-elemen form tertentu. - Change
Event Change adalahj event yang terjadi jika pemakai mengubah masukan dalam elemen-elemen form tertentu, misalnya kotak teks masukan, kotak teks seleksi. Event ini terjadi setellah pemakai menghilangkan perhatian dari masukan yang diubah. - MouseOver
Event MouseOver adalah evebt yang terjadi jika pemakai meletakan pointer mouse di atas link-link. Sebagai contoh, Anda meletakan pointer mouse di atas siatu link, maka alamat URL link tersebut tampil di dalam baris status - Select
Event Select adalah event yang terjadi jika pemakai memilih teks dalam elemen teks masukan (misalnya, pemakai memilih teks sebelum mengubah teks tersebut). - Submit
Event submit adalah event yang terjadi jika pemakai mengklik tombol submit. Event ini terjadi sebelum navigator mengirim form (cara ini memberi kesempatan anda mentriger script yan gjkan mengevaluasi data dalam form dan memberi kesempatan pemakai membatalkan pengiriman form).
