TUTORIAL HELLO WORLD
DENGAN JQUERY
Anisah Agustini
1202728
KONSENTRASI KEPENDIDIKAN GURU TIK
TEKNOLOGI PENDIDIKAN 2012
What is jQuery??
JQuery adalah sebuah
pustaka JavaScript kecil
bersumber terbuka yang
menekankan pada interaksi
antara JavaScript dan
HTML. Fungsi dari jQuery
sendiri yaitu untuk
membuat website yang
lebih interaktif, menarik
dan lebih bagus
How Make jQuery ??
Langkah pertama :
1. Siapakan teks editor seperti dreamweaver, bluefish,
notepad++, dll
2. Siapkan web browser seperti Mozilla, Chrome, dan
Explorer
3. Download jQuery.js di situs http://www.jquery.com
4. Simpan jQuery yang telah di download ke dalam satu
folder.
Kedua:
1. Buka salah satu text editor untuk memulai mengetik script
2. Masukan script di bawah ini :
3. Selanjutnya simpan tersebut kedalam folder yang sama dengan file
jQuery yang di download tadi.
Berikut penjelasan dari script di atas :
Script yang telah diketika tadi disimpan didalam folder yang
sama dengan file jQuery yang telah di download dengan
nama index.html
Kemudian ketik script di bawah ini di dalam text editor :
Selanjutnya simpan dengan nama app.js di dalam folder yang sama
dengan jQuery.js dan index.html
Remember : Semua file harus berada dalam satu folder yang sama !!
Berikut penjelasan dari script di atas :
Hasil script diatas akan menghasilkan tampilan seperti di bawah ini :
SEKIAN
DAN
TERIMA KASIH

Tutorial Membuat Hello World dengan jQuery

  • 1.
    TUTORIAL HELLO WORLD DENGANJQUERY Anisah Agustini 1202728 KONSENTRASI KEPENDIDIKAN GURU TIK TEKNOLOGI PENDIDIKAN 2012
  • 2.
    What is jQuery?? JQueryadalah sebuah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Fungsi dari jQuery sendiri yaitu untuk membuat website yang lebih interaktif, menarik dan lebih bagus
  • 3.
    How Make jQuery?? Langkah pertama : 1. Siapakan teks editor seperti dreamweaver, bluefish, notepad++, dll 2. Siapkan web browser seperti Mozilla, Chrome, dan Explorer 3. Download jQuery.js di situs http://www.jquery.com 4. Simpan jQuery yang telah di download ke dalam satu folder.
  • 4.
    Kedua: 1. Buka salahsatu text editor untuk memulai mengetik script 2. Masukan script di bawah ini : 3. Selanjutnya simpan tersebut kedalam folder yang sama dengan file jQuery yang di download tadi.
  • 5.
    Berikut penjelasan dariscript di atas :
  • 6.
    Script yang telahdiketika tadi disimpan didalam folder yang sama dengan file jQuery yang telah di download dengan nama index.html
  • 7.
    Kemudian ketik scriptdi bawah ini di dalam text editor : Selanjutnya simpan dengan nama app.js di dalam folder yang sama dengan jQuery.js dan index.html Remember : Semua file harus berada dalam satu folder yang sama !!
  • 8.
    Berikut penjelasan dariscript di atas :
  • 9.
    Hasil script diatasakan menghasilkan tampilan seperti di bawah ini :
  • 10.