membuat Hello world dengan menggunakan JQuery

332 views

Published on

Akhmad Shalahuddien
Teknologi Pendidikan UPI 2012

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
332
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

membuat Hello world dengan menggunakan JQuery

  1. 1. Akhmad Shalahuddien 1200682 Kurikulum dan Teknologi Pendidikan Universitas Pendidikan Indonesia
  2. 2. Jquery adalah sebuah framework library yang berbasis javascript, kegunaan JQuery ini adalah untuk memperingkas kode-kode HTML Pengertian JQuery
  3. 3. Langkah-langkah Tampilan http://JQuery.com Untuk membuat kata HELLO WORLD kita persiapkan dahulu: • Text Editor (Notepad/Notepad ++/Adobe Dream Weaver/Bluefish, dll) • Web Browser (Internet Explorer/Mozilla Firefox/Google Chrome, dll) • Javascript (Download Script pada http://JQuery.com)
  4. 4. Langkah-langkah • Langkah selanjutnya Masuk Tab download dan klik • Dan muncul script JQuery seperti ini • Simpan (save) script tersebut dengan Copy-Paste di Text Editor dan simpan dalam folder komputer
  5. 5. Langkah-langkah • Buka Text Editor, disini saya menggunakan Notepad++. • Dan membuat kode sederhana • Save dengan nama, misalnya new 11.html • Dan dilihat hasilnya pada Web Browser.
  6. 6. Langkah-langkah • Ketikan Kode HTML dan simpan dengan nama.html dan simpan satu folder yang sama dengan script Jquery yang sudah di download • Maka hasilnya seperti ini:
  7. 7. Langkah-langkah • Kemudian kita buat lagi dengan script yang berbeda: • Dan hasilnya bisa kita lihat dengan mengetik sebuah kata:
  8. 8. Langkah-langkah • Atau kita dapat menambahkan sebuah hyperlink, agar terlihat lebih menarik, berikut script-nya:
  9. 9. Hasil Akhir • Hasilnya akhirnya, dengan sedikit variasi gambar
  10. 10. TERIMA KASIH DAN SELAMAT MENCOBA

×