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

ini adalah bagian ke dua dari tulisan ane ( Belajar jQuery - "Mulai dari Nol Ya.." ), langsung saja ya...

buat jQuery Kosongan

di bawah ini adalah screenshot hasil akirnya,, jadi sekarang NEW FILE..

1. masukkan library jQuery nya, yaitu dengan cara membuat tag Script yang ber-atribut SRC, berisi nama fie jQuery ente.. disini ane <script src="jquery-1.7.2.min.js"></script>

2. masukkan script jQuery kosongan.. (caranya setelah nomer 3)

3. beri ENTER-ENTER untuk code HTML nya..

cara membuat script jQuery kosongan dan "supaya cepat hafal"

1. buat tag SCRIPT beserta tutupnya.. (mulai sini jangan copy ya.., ketik manual saja supaya cepat hafal)
sekarang menjadi:
<script></script>

2. beri enter 2kali diantara kalian nya, sehingga kita bisa ketik di dalamnya dengan mudah..
sekarang menjadi:
<script>

</script>

3. diantara itu, ketik $(); baca: DOLAR - KURUNG BUKA - KURUNG TUTUP - TITIK PUSPA KOMA
sekarang menjadi:
<script>
 $();
</script>

4. diantara kurung itu tadi, ketik function(){} baca FUNGSEN - KURUNG BUKA - KURUNG TUTUP - KURAWAL BUKA - KURAWAL TUTUP
sekarang menjadi:
<script>
 $(function(){});
</script>

5. diantara KURAWAL yang barusan dibuat, kasi ENTER 2kali..
dan akirnya menjadi:
<script>
 $(function(){

});
</script>

6. Nah nanti code jQuery nya masukin situ,,oke!!... ulangi terus jika belum hafal ya.. :D
seharusnya agan2 semua bisa cepet hafal dengan cara ini,, dari pada ngapalin langsung,, ini cara ane pribadi loh,, beneran.. :P

7. save latian ente dengan nama belajar jquery - kosongan.html..

jika ente sudah oke dengan tutorial dari newbie di atas,, berarti ente sudah siap ke bagian 3..

Demikianlah tuisan ane tentang Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 2), semoga bermanfaat, terima kasih, wassalam..

Belaja J-Query Dari NOL;

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..