Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 1)

Sekarang, hampir semua website di dunia ini ada animasi-animasinya, entah itu hanya sekedar fade in fade out, ataupun hanya sekedar animasi header seperti di blog ane ini, (jika belum melihat, klik refresh). Perlu diketahui bahwa cara membuat seperti itu yang paling mudah adalah menggunakan jQuery. makanya belajar jQuery ya.. ^^

dengan jQuery, kita bisa membuat javascript yang seharusnya ratusan bahkan ribuan baris code, menjadi hanya beberapa baris saja, makanya jQuery memiliki slogan "talk write less, do more".. langsung saja tak usah berpanjang lebar, karena kalau terlalu panjang kasihan istrinya, dan kalau terlalu lebar kasihan suaminya..

Download jQuery versi Terbaru

langsung saja kunjungi web resminya di http://jquery.com lalu pilih yang production, klik download..

ini tidak akan muncul window download, jquery nya main nyelonong aja nongolnya, jadi kita harus save sendiri, tekan CTRL+S, pilih folder (jangan ditaruh desktop), klik save..

Bersiap untuk belajar jQuery

sudah punya pijat notepad plus plus belum?? kalo belum silahkan download di http://notepad-plus-plus.org/..

1. langsung saja buka NPP nya, klik menu Language > H > HTML..

2. copy contoh code berikut di situ, ini hanya contoh, penjelasan belakangan ya..

<script src="jquery-1.7.2.min.js"></script>

<script>

$(function(){

    $('#tombol').click(function(){

        $('#kepala').attr('style','font-size:70px;');

    });

});

</script>

<p id="kepala">Kepala</p>

<p>

<button id="tombol">klik di sini untuk membuat besar kepala</button>

</p>

## catatan: code di atas yang jquery-1.7.2.min.js, sesuaikan dengan dengan nama file jquery ente..

3. SAVE AS hasil copas itu tadi ke dalam folder yang sama saat ente mendownload jQuery nya tadi.. beri saja nama " belajar jquery .html "

4. Buka Windows Explorer, sekarang menuju ke folder ente itu tadi, buka file belajar jquery.html, akan muncul browser ente..

5. klik tombolnya, jika ente berhasil membuat besar kepala, berarti ente siap untuk menuju Bagian 2.

Code2 diatas tadi tidak akan ane jelaskan secara langsung, nanti ente ente semua pasti akan mengerti sendiri setelah mengikuti bagian2 lain dari tulisan belajar jQuery ane ini.. makanya tetep ikuti terus tulisan belajar jquery yang ane bikin ya.. karena belajar jquery tidak ada ruginya.

Demikianlah tulisan ane tentang belajar jQuery, semoga bermanfaat, terima kasih, wassalam..

Artikel keren lainnya yang WAJIB dibaca:

Ditulis oleh Unknown pada tanggal 27 May 2012