Belajar J-Query untuk Pemula
Click here to load reader
-
Upload
isti-tibah-atiroh -
Category
Technology
-
view
652 -
download
1
description
Transcript of Belajar J-Query untuk Pemula
Mengenal dan
Membuat jQuery
Isti Tibah Atiroh
1202306
Kurikulum dan Teknologi
Pendidikan
Konsentrasi TIK
Universitas Pendidikan Indonesia
“Write less, do more”
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.
Membuat teks “Hello World”
menggunakan jQuery.
Text editor : contoh dll.
http://jquery.com/download/, save di satu
folder (misal H:\jQuery) dengan format .js
1. Persiapkan
2. Buka text editor lalu ketik format html
dan jQuery
Hasilnya masih sederhana
Lalu save di folder
jquery tadi dengan
format .html
Buka ket. gambar
3. Menambahkan script efek jQuery
Buka ket.
gambar
Buka ket.
gambar
4. Lihat Hasilnya
7
8
Buka ket. gambar
Keterangan dan referensi
Keterangan1. Jenis tipe script, yaitu javascript dan sumber script jQuery (mengetikan
nama file jQuery yang telah didownload dan disimpan);
2. Menunjukan dokumen .html-nya yang berisi kata “Hello World”;
3. Menambah script jQuery dengan efek fadeIn dengan kecepatan tampilan (fast, slow, dll) dan mengetikan apa saja yang akan tampil pada halaman (#ITAa-#ITAj);
4. Menambahkan button;
5. Format membuat bagian #ITAa-#ITAj yang akan tampil;
6. Menutup kode;
7. Sebelum di menekan button click!;
8. Setelah menekan button click!.
• Referensi- http://jQuery.com/download
- http://animasi-bergerak.blogspot.com/2012/04/gambar-animasi-untuk-presentasi.html
Langkah
ke 2
Langkah
ke 3
Back ke slide.. Hasil