Dokumen ini membahas perkembangan jQuery sebagai library JavaScript yang mempermudah pembuatan dan manipulasi elemen web. Dikenalkan oleh John Resig pada tahun 2005, jQuery memungkinkan pengembang untuk menulis kode lebih singkat dan efisien, mendukung AJAX, serta menyediakan berbagai plugin gratis. Selain itu, jQuery bersifat kompatibel dengan berbagai browser dan dapat meningkatkan kecepatan dan tampilan halaman web.

1. BY: ZAINI MAFTUKHIN PEMBIMBING : SEPTIA LUTFI

2.  Dalam dasawarsa ini perkembangan ilmu
komunikasi dan teknologi informasi sangat pesat,
hal ini ditandai dengan berkembangnya teknologi
internet yang memudahkan manuisa dalam
meringankan pekerjaan dan mempermudah dalam
berkomunikasii dan saling tukar menukar informasi.
 Internet telah menyediakan berbagai faslitas seperti,
e-mail, www( world wide web), dan blog.
Perkembangan blog pun semakin cepat terbukti
dengan semakin banyaknya orang yang
menggunakan blog sebagai media informasi dunia
maya.

3. Sekarang telah terdapat jutaan blog dengan
pertumbuhan yang sangat signifikan.
 Dalam pembuatan dan pengembangan web atau
blog para web developer memerlukan pengetahuan
tentang yang cukup mendalam tentang JQUERY
oleh sebab itu besar harapan penulis agar makalah
ini dapat digunakan para pemula dalam membangun
sebuah web.

4.  Petama kali dibuat oleh John Resig pada tahun
2005, JQuery sendiri pertama kali dirilis tanggal 14
Januari 2006. Dan versi terbaru dari JQuery udah
sampe versi 1.3.2. Dia terinspirasi dari Behavior
code. Saat itu, Dia ngerasa hasil dari Behavior Code
tidak elegan dan masih jelek, maka
dikembangkannya JQuery. Dimana dengan
penulisan code JQuery jadi lebih simple, gampang
dan tentunya dengan hasil yang memuaskan. jQuery
adalah library JavaScript OpenSource yang
menekankan pada interaksi antara JavaScript dan
HTML.

5.  Apa bedanya dengan situs-situs yang tidak
menggunakan JQuery? banyak bedanya, misalnya
browser seakan tidak merefresh sebuah page ketika
kita men-submit sebuah data kedalam server
mereka. Dan lebih hebatnya lagi JQuery mempunyai
animasi tanpa menggunakan flash(.swf), jadi lebih
cepeat diload didalam browser dan tanpa harus
install plugins.

6.  Jquery adalah kumpulan beberapa kode yang siap
dipakai untuk mempermudah dan mempercepat
dalam pembuatan kode Javascript. Yang awalnya
menggunakan kode yang sangat panjang namun
dengan mengggunakan jquery kita bisa langsung
memanggil fungsi yang terdapat dalam Library
tersebut. Jadi intinya jquery itu menyederhanakan
kode Javascript sesuai dengan slogannya yaitu
”Write less, do more”.

7.  Mempunyai daya akses yang sangat cepat Karena
hanya terdiri dari satu file saja dan ukurannya pun
sangat kecil berkisar 20Kb
 Bersifat kompatibel/ cocok dengan banyak browser
popular di dunia
 Mempunyai banyak komunitas yang besar dan
selalu aktif serta dokumentasi yang lengkap
 Banyaknya plugin yang disediakan secara cuma-
Cuma (gratis ). Plugin adalah kemampuan tambahan
yang bisa disertakan pada Jquery
 Terdapat Jquery yang berlisensi GNU atau yang
dikenal dengan free. Maka kita menggunakannya
dengan tanpa dikenakan biaya apapun

8.  Terdapat Jquery yang berlisensi GNU atau yang
dikenal dengan free. Maka kita menggunakannya
dengan tanpa dikenakan biaya apapun
 Terdapat API( Application Programming Interface)
di dalamnya
 Mendukung Ajax ( Asynchronous Javasctip and
XML)
 Telah banyak digunakan oleh website-website dunia
sebut saja Google, twitter, facebook dan lain-lain.
 Bersifat kompatibel dengan semua versi CSS dari
yang versi 1 sampai versi 3

9.  Meskipun diklaim jquery memiliki beban kerja yang
ringan (load CPU dan RAM) untuk browser, tetap
saja lebih ringan (cepat di-load) website yang tidak
menggunakan jquery, alias HTML murni.
 Dari sisi server hosting pun, CPU dan RAM harus
mengalokasikan resource yang mereka miliki untuk
menangani request terhadap jquery. Pada level
tertentu request yang sangat banyak (sangat-sangat
banyak) akan membebani server. Solusi: host jquery
pada situs lain, seperti Google yang menyediakan
request jquery dari servernya.

10.  Mempermudah akses dan manipulasi elemen tertentu
pada dokumen.
 Biasanya diperlukan baris program yang cukup
panjang untuk mengakses suatu elemen dokumen .
Namun , jQuery dapat melakukannya hanya dalam
beberapa baris program saja. Karena jQuery
menpunyai Selector yang sangat efisien untuk
mengakses suatu elemen tertentu pada dokumen
yang selanjutnya bisa dimanipulasi sesuai dengan
keinginan kita.
 Mempermudah modifikasi/perubahan tampilan
halaman web.

11.  Biasanya untuk memodifikasi tampilan halaman
web digunakan CSS. Permasalahannya, CSS sangat
dipengaruhi oleh web browser yang digunakan
sehingga Sering terjadi halaman web yang dibuat
sudah rapi dan bagus tampilannyadi browser
Mozilla, namun ketika ditampilkan di Opera
menjadi berantakan. Namun, jQuery dapat
menyesuaikan style CSS pada semua browser,
sehingga permasalahann tersebut dapat dihindari.
 Mempersingkat Ajax (Asynchronous Javascript and
XML)

12.  Kemampuan favorit dari Ajex adalah mampu
mengambil informasi dari server tanpa melakukan
refresh pada halaman web, artinya halaman web
terlihat berganti secara otomatis. Apabila kita
menuliskan kode Ajax secara manual, biasanya
diperlukan baris yang cukup panjang, namun jQuery
dapat mempersingkatnya menggunakan Ajax cell,
perbandingan 25 baris kode Ajax dapat disingkat
menjadi 5 baris kode aja kita menggunakan jQuery.

13.  Memiliki API (Application Programming Interface)
 Dengan API, jQuery dapat memanipulasi content
pada suatu halaman web, seperti pengubahan teks,
manipulasi gambar (resize,rotate,crop), penyusunan
daftar (list), pengurutan list, paging, dan lain-lain.
 Mampu merespon interaksi antara user dengan
halaman web dengan lebih cepat.
 Menyediakan fasilitas untuk membuat animasi
sekelas Flash dengan mudah.

14.  Use jquery to “turn off the lights” while watching
videos
 3D sphere using jquery
 Animate curtains opening with jquery
 Quick tip – resizing images on browser window size
 Sliding boxes and captains with jquery
 Creating a fading header
 Jcaption jquery image captains with customizable
mark up, style, and animation

15.  Dokumentasi yang baik
 Mendesain Template dengan ThemeRoller
 Themeroller
merupakan fasilitas yang disediakan oleh
jQueryMobile untuk mengganti warna dasar desain
tampilan sesuai kebutuhan dengan cara drag & drop.
 Fitur-fitur terbaik
 jQueryMobile Maps
 Penggunaan peta (maps)

16. 1. kita harus mendownload terlebih dahulu jQuery
Library (inti dari jQuery).
2. Pada halaman selanjutnya pilih versi jquery, ada
versi Production dan versi Developer. Untuk saat ini
pilih versi Production jQuery karena versi
Developer ditujukan kepada para master
pemrograman dan pengembang jquery.

17. Catatan :
 jQuery selalu merilis dua versi Library yaitu versi
Production dan Development. Perbedaannya adalah
versi Production ukuran filenya lebih kecil karena
telah 'dimampatkan' atau istilahnya di Compress.
Diperuntukkan bagi pengguna awam yang ingin
langsung menggunakan jQuery. Sedangkan versi
Development isi filenya mudah dibaca karena belum
di Compress dan ditujukan unruk para Developer
yang tertarik mempelajari - memanipulasi - bahkan
mengembangkan fungsi - fungsi yang dimiliki oleh
jQuery.

18. 3. Akan muncul code dari library JQuery
 gambar : jquery code library
 Klik CTRL + S di keyboard untuk menyimpan kode
tersebut ke direktori website anda
 gambar : save jquery lib pada direktori website
 Ok sekarang adalah kode untuk memanggil jQuery
library supaya dapat terLOAD di website yang anda
buat. Buka dreamweaver dan masukkan kodenya.
 Scriptnya yang saya cetak tebal merah :
 gambar : script pemanggil jQuery

19. 4. cara Penggunaannya, inti dari jQuery adalah :
 Panggil / Load library jQuery (stabilo merah)
 buat script jquery di bagian head untuk
mengontrol object berdasarkan elementnya
(stabilo biru)
 Buat Object beserta elemennya berupa id dan class
di bagian body (stabilo abu - abu)

20. Perbedaan dari definisi javascript dan jquery
 Javascript adalah bahasa pemrograman yang
dirancang untuk berjalan di lingkungan klien yang
dikombinasikan dengan dokumen HTML. Javascript
dijalankan dengan bantuan browser sehingga dapat
melakukan interaksi dengan user, melakukan
kontrol browser dan memanipulasi dokumen web
saat ditampilkan.

21.  Sedangkan jquery adalah komponen /librari/
framework yang dibuat dari javascript dengan
tujuan memudahkan seorang programmer dalam
menggunakan fungsi-fungsi yang lebih
rumit.Dengan jquery, seorang programmer bisa
lebih leluasa dan mudah melakukan
kontrol/manipulasi halaman web.

22.  Jquery adalah kumpulan beberapa kode yang siap
dipakai untuk mempermudah dan mempercepat
dalam pembuatan kode Javascript
 Jadi intinya jquery itu menyederhanakan kode
Javascript sesuai dengan slogannya yaitu ”Write
less, do more”. Pengertian lain dari jquery adalah
pustaka JavaScript kecil bersumber terbuka yang
menekankan pada interaksi antara JavaScript dan
HTML. Jquery terdapat banyak eklebihan dan
kekurangan di dalamnya. Jquery juga mempunyai
beragam jenis kreasi yaitu terdapat 7 ragam. Jika
dilihat cara kerja dari jquery pun kelihatannya tidak
terlalu sulit.