Kenalan ama jQuery yuk...

Dengan motto "write less, do more".. jQuery yg mrpkn library-nya Javascript, bikin para web developer ngoding Javascript dgn cara yg berbeda =D 

jQuery ini, ngebantu kamu2 buat nambahin berbagai efek yg interaktif secara cepat dan mudah....

jQuery ngebuat para developer dan designer web lebih mudah dalam mengembangkan efek2 canggih bahkan hampir tanpa coding (tuh, asik kan).. karena si jQuery ini gampang buat diterapin, jdinya terkenal bgt ne library.. Kalo pngen tau contoh nyata penerapan jQuery, kita bisa ngliat Facebook ato Twitter... Di bawah ini ne penampakan twitter (kyakny zman skrg hmpir smua psti pda tw twitter kaann..., kalo kmu gtw, brarti kmu dteng dri masa lalu...)

Pas kita nge-post twit baru di Twitter, halamannya kan ga reload tuh.. Nah, yg nyebabin itu adl kode di balik halaman web yg manggil fungsi jQuery utk ngebuat twit baru kita muncul dan seluruh twit sebelumny turun ke bawah... Kemudian fitur jQuery lainnya adalah notifikasi kalo kita dapet twit baru...

Postingan sya kali ini, buat yg masi awam ama jQuery.... sya juga masi nubie kok, jdi ga bgitu tw bnyak.. hehehe.. Nah, buat ngertiin jQuery, sebaikny kita tau sedikit ttg JavaScript, bhasa pmrograman yg dimengerti ama browser.. Kode JavaScript bisa berinteraksi ama gambar dan text di web page kita.. misalnya nie, nyembunyiin gambar, gerakin text, ato ngeganti konten secara berkala pas pengunjung web kita melakukan sesuatu (nahh, paan tuh.. hehehe, ctohny nge-roll kursor di link).. Yaaa, pokokny bnyak bgt yg bsa dilakuin pake JavaScript... ktany bos sya, buat aplikasi web.. bhasa pmrogramanny entah itu PHP, Ruby on Rails, dll seperti senapan.. sementara peluru nya yaa ini nie kyk JavaScript ma CSS.. 

Biar lebi jelas lgi... jQuery itu add-on library utk JavaScript.. pikirin aja kalo jQuery sbagai kode JavaScript yg uda ditulis buat kita, jadi yg kita lakukan adl mengikutkan sebaris ato dua baris dari kode di halaman kita yg memanggil kode jQuery, yg pling keren nie, jQuery bisa ngebuat coding JavaScript yg susah buat bekerja utk kita... :-)

Kode jQuery ngasih spesial efek buat elemen text dan gambar di halaman web, misalnya nie:

• hide : buat nyebunyiin elemen di halaman web kita
• show : buat nampilin elemen kalo sebelumnya tuh elemen disembunyiin
• slideDown : yaaa.. buat slide down-in elemen
• slideUp : kebalikanny slideDown nee..
• fadeIn : buat elemen tuh keliatan
• fadeOut : buat elemen tuh ga kliatan
• animate : buat efek animasi tertentu pada elemen

Kita bisa aja make efek2 tersebut di hlaman web kita, tapiiiii... jQuery juga ngatur kita dmana aja nie kita bsa buat efek2 tsb.. Kita bisa ngebuat elemen di halaman web kita ngilang, bergeser, dll... Nah, di bawah ini nie, bbrapa event yg jQuery gunakan buat pemicu (trigger) sebuah efek:

• load : efekny muncul kalo halaman web selesai di-load sama web browser
• mouseover : efekny muncul kalo kursor mouse bergerak ke lokasi yg spesifik dalam halaman web
• mouseout : efekny muncul kalo kursor mouse menjauhi lokasi yg spesifik (kbalikannya mouseover)
• change : kalo nilai dri suatu hal (misalkan nie, text pada field di web form) berubah, sebuah event terjadi.. hmm, contohny kalo misalkan kita mw ngedaftar apa gtu trus username yg kita inputkan ternyata uda ad di db sistem... nah.. bgitu kita mw nulis field di bawahny ad peringatan muncul kalo kita kudu ganti username biar ga sama)..

Nah, kalo mw ngedunlut jQuery bisa lngsung menuju ke tkp ... abis itu save deh... kalo sya naronya di public (make Ruby on Rails alnya).. Ok, skian dlu kenalan ma jQuery nya.. nanti kalo TA sya yg tercinta uda kelar sya ksi bbrapa contohnya.. hehehehe..

Salam,