Sejarah, Pengenalan dan Implementasi JQuery

Sejarah, Pengenalan dan Implementasi JQueryKURIKULUM DAN TEKNOLOGI PENDIDIKAN

Nama : Hendyeka Angga PutraNim : 1102412103Jurusan : Kurikulum dan Teknologi PendidikanMakul : Teknologi Informasi dan KomunikasiROMBEL : 1 (satu)

A.Sejarah dan Pengenalan jQuery

Semenjak dirilis pertama kali pada tahun 2006 oleh john Resig, jQuery telah mencuri perhatian para developer web. Buktinya, pada tahun-tahun berikutnya jQuery telah banyak digunakan oleh website - website terkemuka di dunia seperti Google, Microsoft, intel , Nokia, Oracle , IBM, DELL, BBC, NBC, ESPN, EAPN, EA Sport, Twitter, Facebook, Amazon, Techorati, Youtobe Apple, Wordpress, Mozila, Netflix , Digg, Time, dan masih banyak lagi. Bahkan website lokalpun tidak mau ketinggalan, Lihat saja Detik, Studio 21 (21cineplex.com). Indosiar, Vivanews, Kompas, termasuk IlmuGrafis tentunya dan lain-lain.

lANJUTANMenggunakan jQuery sangatlah mudah, yang anda perlukan adalah men-download file jQuery pada http://jquery.com, versi terakhir sampai saat ini adalah versi 1.3.2 dengan nama file jQuery-1.3.2.min.js. Ukurannya juga cukup kecil untuk sbuah library yang powerfull, hanya sekitar 60 kilobyte, dan hanya inilah yang diperlukan. File JavaScript ini memiliki fungsi-fungsi Ajax, DOM (Document Object Model), Event, serta berbagai efek yang siap dipergunakan oleh web developer.

B.Implementasi jQuery

Kemudahan atau kenapa orang banyak menggunakan framework javascript ini adalah karena banyaknya plugin aplikasi yang siap jadi atau siap digunakan. Plugin adalah semacam fungsi atau fitur tambahan yang digabungkan ke dalam sebuah JQuery mempercepat atau memudahkan dalam pembangunan sebuah website.

beberapa plugin jqueryDrop-Down-MenuTool-TipsAutocomplete-SearchValidasi-FormjQuery-Cycle-PluginTeks-Berjalan

C.Manfaat jQuery Dalam Perkembangan Aplikasi Website

Mengakses bagian halaman website dengan mudahMerespon interaksi user dalam halamanMenambahkan animasi ke halamanMengubah isi dari halamanMengambil informasi di server tanpa harus merefresh halaman webMengubah bagian halaman tertentuMenyederhanakan penulisan Javascript biasa

D. Contoh Sederhana JQuery

Pertama, kita harus menyertakan (include) file library JQuery. Pastikan letak dari file library sudah benar.Perintah-perintah JQuery.Baris 8 merupakan perintah inisialisasi dimana saat halaman (dokumen) siap ditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini mirip dengan event onLoad yang biasanya diletakkan di tag .Baris 9-11 maksudnya adalah mendefinisikan action yang terjadi saat link dengan class=show ( $(a.show) ) diklik (lihat link baris ke-22). Jadi jika link di-klik maka paragraf dengan nama class=jquery ( $(p.jquery) ) akan tampil dengan durasi tampil slow. Paragraf yang akan ditampilkan adalah paragraf baris ke-24 sampai 27.Baris 13-15 sebaliknya, akan menyembunyikan isi dari paragraf yang mengandung nama class=jquery.

E. Cara Menggunakan JQuery

Ok pertama - tama adalah kita harus mendownload terlebih dahulu jQuery Library (inti dari jQuery). Pada halaman selanjutnya pilih versi jquery, ada versi Production dan versi DeveloperAkan muncul code dari library JQueryOk sekarang adalah kode untuk memanggil jQuery library supaya dapat terLOAD di website yang anda buat. Bukadreamweaverdan masukkan kodenya.

F. Fitur-fitur jQuery

Mempermudah akses dan manipulasi ke bagian page tertentu. jQuery menawarkan sebuahselectoryang robust dan efesien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi.Mempermudah perubahan tampilan dokumen. jQuery dapat mengubah tampilan CSS dengan mudah.Merespon interaksi user dengan webpage. jQuery mempunyai cara yang sangat-sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage.Menambah animasi. Kita dapat memberi animasi pada webpage kita dengan jQueryMempermudah AJAX.

g. Cara Penggunaan Jquery Mobile1. Download source filenya Disini2. Pilih versi sesuai kebutuhan, *download yg berekstensi .zip*3. Extract semua file di folder web server kita, misal (/jqm/*file*)

h. Syntax dalam JQUERY

$(selector).action() Tanda dollar, untuk mendefinisikan jQuery (selector), untuk menunjukkan elemen yang dipilih atau dituju action(), adalah jQuery action yang akan dilakukan terhadap elemen yang dipilih.

kesimpulanMatur suwun