Belajar J-query untuk pemula dengan membuat kata "Hello World"

1. Mengenal dan
Membuat jQuery
Isti Tibah Atiroh
1202306
“Write less, do more”
Kurikulum dan Teknologi
Pendidikan
Konsentrasi TIK
Universitas Pendidikan Indonesia

2. jQuery ??
 Dirilis
pada tahun 2006 oleh John Resig;
 Nama lain dari Javaccript Libary namun
lebih menyederhanakan kode Javascipt;
 Bagian dari html yang berfungsi untuk
membuat animasi pada html /
mempercantik html tersebut.

3. Membuat teks “Hello World”
menggunakan jQuery.

4. 1. Persiapkan
http://jquery.com/download/, save di satu
folder (misal H:jQuery) dengan format .js
Text editor : contoh
dll.

5. 2. Buka text editor lalu ketik format html
dan jQuery
Lalu save di folder
jquery tadi dengan
format .html
Hasilnya
masih
sederhana
Buka ket.
gambar

6. 3. Menambahkan script efek jQuery
Buka ket.
gambar

7. Buka ket.
gambar

8. 4. Lihat Hasilnya
7
8
Buka ket.
gambar

9. Keterangan dan referensi
 Keterangan
1.
2.
3.
4.
5.
6.
7.
8.
Jenis tipe script, yaitu javascript dan sumber script jQuery (mengetikan
nama file jQuery yang telah didownload dan disimpan);
Menunjukan dokumen .html-nya yang berisi kata “Hello World”;
Menambah script jQuery dengan efek fadeIn dengan kecepatan tampilan
(fast, slow, dll) dan mengetikan apa saja yang akan tampil pada halaman
(#ITAa-#ITAj);
Menambahkan button;
Format membuat bagian #ITAa-#ITAj yang akan tampil;
Menutup kode;
Sebelum di menekan button click!;
Setelah menekan button click!.
•
Referensi
-
http://jQuery.com/download
http://animasi-bergerak.blogspot.com/2012/04/gambar-animasi-untuk-presentasi.html
-
Back ke
slide..
Langkah
ke 2
Langkah
ke 3
Hasil