Berkenalan dengan jQuery

Pujangga Blogs

28 December 2010

Berkenalan dengan 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 didunia seperti Google, Microsoft, Intel, Nokia, ESPN Wordpress dan masih banyak lagi. Bahkan website lokalpun tidak mau ketinggalan,lihat saja Detik, Studio 21,Indosiar,Kompas dan lain-lain.

Dan sampai saat ini saya adalah salah satu pengguna blog yang sangat-sangat tertarik dengan keberadaan jQuery.Lho..ya jelas donk..tanpa jQuery,tidak mungkin saya bisa menampilkan Widget Head News dan Widget Komentar sahabat seperti yang ada disebelah sidebar blog ini.Dan sampai saat inipun sudah tercatat ada jutaan websites yang telah menggunakan jQuery.Untuk lebih lengkapnya,silahkan lihat daftar di websites http://docs.jquery.com/Sites_Using_jQuery.

So..kalo kita yang ngaku-ngaku sebagai sebagai seorang developer web namun belum kenal dengan jQuery,Waduuuh....bisa-bisa dikatain kuper tuh alias kagak gaul...xixixixii...hari gini kagak kenal sama jQuey,saya sendiri aja baru kenal kok ( lebay ..).Tapi ga apa-apa,lebih baik terlambat daripada tidak tau sama sekali ya toh..daripada kita nanti dikatain GapWeb alias Gagap Web, mari kita jelajahi dunia jQuery yang penuh dengan keindahan.


Apa itu jQuery..? 
jQuery adalah javascript library » kumpulan kode fingsi/fungsi javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode javascript.Secara standart,apabila kita membuat kode javascript,maka diperlukan untuk membuat kode yang sangat panjang,bahkan terkadang sulit dipahami.
Nah...disinilah peranan jQuery sebagai javascript library,dimana kita bisa langsung memanggil fungsi yang terdapat didalam Library tersebut,menariknya..kita hanya memerlukan satu / dua baris untuk membuat warna selang seling , misalnya pada suatu table seperti contoh dibawah ini.
jQuery ('table tr:nth-child(odd)') .addClass ('odd') ;
Kesimpulannya,
jQuery menyederhanakan kode javascript. Hal ini sesuai dengan slogan "Write less,do more"...maksudnya ,Cukup tulis sedikit,tapi bisa melakukan banyak hal ( lebay lagi dah...xixixii.... ).

Tapi ngomong-ngomong sahabat yang ada disini sudah pada tau dengan javascript kan ?
Javascript merupakan pemograman web yang berjalan disisi klien (browser),sehingga javascript dapat membuat lebih hidup (interaktif dan responsif).Beberapa contoh yang bisa dilakukan Javascript diantaranya adalah membuat animasi kotak dialog,mengubah bentuk kursor mouse, validasi form dan seperti head news yang sahabat liat pada widget sidebar di blog ini.Kesimpulannya..Javascript bisa membuat website dengan cita rasa desktop.

Ok..untuk sementara ini,cukup sampai sini dulu kita berkenalan dengan jQuery, dan insyal allah pada artikel selanjutnya kita coba akan membahas mengapa kita memilih jQuery untuk mempercantik tampilan web site kesayangan.


Sumber : lukmanul Hakim

1 comments:

sherlina halim on September 15, 2015 at 8:25 PM said...

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini


Post a Comment

:11
smiley
:12
smiley
:13 smiley :14
smiley
:15
smiley
:16
smiley
:17
smiley
:18
smiley
:19
smiley
:20
smiley
:21
smiley
:22 smiley :23 smiley :24
smiley
:25
smiley
:26
smiley
:27
smiley
:28
smiley
:29
smiley
:30
smiley
:31
smiley
:32
smiley
:33 smiley :34
smiley
:35
smiley
:36
smiley
:34
smiley
:38
smiley
:39
smiley
:40
input code is in the right smile icon image

Silahkan tinggalkan komentar anda dan harap tidak melakukan Spam..!!

Pujangga Blogs

administratorSeandainya segala sesuatu yang telah saya berikan ini bermanfaat bagi rekan-rekan semua.Sungguh saya ucapkan banyak Doa dan terimakasih kepada Mu Allah.SWT yang telah memberikan nikmat Berbagi sesama manusia dengan niat kebaikan dan kemajuan Negeriku ini..

the existence of this blog aims to broaden the information about web design by studying the parts of the structure of the html code for the beginner. Here also you can get the latest info about the entertainment media, affiliate programs etc.

Recent post


Download Free Movie


Pujangga Blogs Head News

Mengubah ILM ads google Untuk mengganti tampilan adsense google yang menampilkan Iklan Layanan Masyarakat tersebut dengan adsense lokal. Anda harus mengupload script adsense lokal dengan extensi html kelayanan webhosting anda.
Recent comment dengan efek overlay menu Following cursorBagi anda yang mempunyai keterbatasan ruang untuk meletakan widget Recent Comments, Saya akan mencoba membantu anda untuk membuat "Widget Recent comments" dengan efek overlay.
Membuat Guestbook Overlay fading headerEfek yang akan saya bahas kali ini adalah membuat tampilan Guestbook dan status twitter melayang dan berada ditengah - tengah halaman blog. Kita akan menyediakan menu guestbook pada sisi kiri halaman.
Membuat Headline Post widget tooltipsHeadline akan menggulung ke atas dengan sentuhan fade out ,seakan konten tersebut hilang dengan perlahan dan konten yang berada di bawahnya akan naik ke atas mengganti konten sebelumnya.
Membuat Number Page Navigation jQueryUmumnya Navigasi halaman dengan angka ini sering kita jumpai pada blog berplatform Wordpress. Namun bagi anda yang menggunakan platform Blogspot tak perlu berkecil hati, karena blogspot pun bisa mengadopsi tampilan NEXT dan PREV dengan widget Page Navigation Number.
Kode adsense didalam post menu navigasiUntuk meletakan Adsense didalam postingan, anda harus meletakan kode Script ads tersebut langsung ke template HTML blogspot. Sebagai langkah awal, silahkan anda login ke blogger.com » Dasboard »Design » Edit HTML » Beri tanda ceklist pada kolom .
1 2 3 4 5 6

Enter your email address:




review www.pujangga-adhitya.blogspot.com on alexa.com

free counters
 

Followers

Live Blog Stats

Recent Comment