SlideShare a Scribd company logo
1 of 10
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

More Related Content

Viewers also liked

Algoritma dan Struktur Data - Merge Sort
Algoritma dan Struktur Data - Merge SortAlgoritma dan Struktur Data - Merge Sort
Algoritma dan Struktur Data - Merge SortKuliahKita
 
2011 il jazz fra due mondi – intervista a lucio ferrara « jazz agenda
2011   il jazz fra due mondi – intervista a lucio ferrara « jazz agenda2011   il jazz fra due mondi – intervista a lucio ferrara « jazz agenda
2011 il jazz fra due mondi – intervista a lucio ferrara « jazz agendaLucio Ferrara
 
2do Taller DEL. Medio ambiente y DEL. Karla Lopez
2do Taller DEL. Medio ambiente y DEL. Karla Lopez2do Taller DEL. Medio ambiente y DEL. Karla Lopez
2do Taller DEL. Medio ambiente y DEL. Karla LopezFOMINDEL
 
Trigger-marketing - Agence email marketing Clic-et-Site
Trigger-marketing - Agence email marketing Clic-et-SiteTrigger-marketing - Agence email marketing Clic-et-Site
Trigger-marketing - Agence email marketing Clic-et-SiteClic-et-Site
 
El cuerpo humano
El cuerpo humanoEl cuerpo humano
El cuerpo humanoINGETRONICA
 
Teaching with Technology
Teaching with TechnologyTeaching with Technology
Teaching with Technologyjennydale
 
Trabajo practico 1 .(informatica)
Trabajo practico 1 .(informatica)Trabajo practico 1 .(informatica)
Trabajo practico 1 .(informatica)solanagp
 
2. Representation
2. Representation 2. Representation
2. Representation ibz10
 
Monday Morning Madness Questionnaire
Monday Morning Madness QuestionnaireMonday Morning Madness Questionnaire
Monday Morning Madness QuestionnaireDave M
 
Proposaltugasakhirdiploma
ProposaltugasakhirdiplomaProposaltugasakhirdiploma
Proposaltugasakhirdiplomawriter
 
Setting access point debian windows xp
Setting access point debian windows xpSetting access point debian windows xp
Setting access point debian windows xpNurlita Yuliandari
 
Syarifudin, the road-ahead-2002
Syarifudin, the road-ahead-2002Syarifudin, the road-ahead-2002
Syarifudin, the road-ahead-2002Syarifudin Amq
 
03 program tahunan (blanko)
03 program tahunan (blanko)03 program tahunan (blanko)
03 program tahunan (blanko)trysnokoe
 

Viewers also liked (20)

Algoritma dan Struktur Data - Merge Sort
Algoritma dan Struktur Data - Merge SortAlgoritma dan Struktur Data - Merge Sort
Algoritma dan Struktur Data - Merge Sort
 
2011 il jazz fra due mondi – intervista a lucio ferrara « jazz agenda
2011   il jazz fra due mondi – intervista a lucio ferrara « jazz agenda2011   il jazz fra due mondi – intervista a lucio ferrara « jazz agenda
2011 il jazz fra due mondi – intervista a lucio ferrara « jazz agenda
 
2do Taller DEL. Medio ambiente y DEL. Karla Lopez
2do Taller DEL. Medio ambiente y DEL. Karla Lopez2do Taller DEL. Medio ambiente y DEL. Karla Lopez
2do Taller DEL. Medio ambiente y DEL. Karla Lopez
 
Trigger-marketing - Agence email marketing Clic-et-Site
Trigger-marketing - Agence email marketing Clic-et-SiteTrigger-marketing - Agence email marketing Clic-et-Site
Trigger-marketing - Agence email marketing Clic-et-Site
 
El cuerpo humano
El cuerpo humanoEl cuerpo humano
El cuerpo humano
 
Teaching with Technology
Teaching with TechnologyTeaching with Technology
Teaching with Technology
 
Yulis
YulisYulis
Yulis
 
Props
PropsProps
Props
 
Trabajo practico 1 .(informatica)
Trabajo practico 1 .(informatica)Trabajo practico 1 .(informatica)
Trabajo practico 1 .(informatica)
 
2. Representation
2. Representation 2. Representation
2. Representation
 
Monday Morning Madness Questionnaire
Monday Morning Madness QuestionnaireMonday Morning Madness Questionnaire
Monday Morning Madness Questionnaire
 
Proposaltugasakhirdiploma
ProposaltugasakhirdiplomaProposaltugasakhirdiploma
Proposaltugasakhirdiploma
 
tekstur
teksturtekstur
tekstur
 
Kwu studikasus 3
Kwu studikasus 3Kwu studikasus 3
Kwu studikasus 3
 
Setting access point debian windows xp
Setting access point debian windows xpSetting access point debian windows xp
Setting access point debian windows xp
 
Traba
TrabaTraba
Traba
 
Syarifudin, the road-ahead-2002
Syarifudin, the road-ahead-2002Syarifudin, the road-ahead-2002
Syarifudin, the road-ahead-2002
 
Luz no caminho mabel colins - 1885
Luz no caminho   mabel colins - 1885Luz no caminho   mabel colins - 1885
Luz no caminho mabel colins - 1885
 
IECS - Hemeroteca Ene _13
IECS - Hemeroteca Ene _13IECS - Hemeroteca Ene _13
IECS - Hemeroteca Ene _13
 
03 program tahunan (blanko)
03 program tahunan (blanko)03 program tahunan (blanko)
03 program tahunan (blanko)
 

Similar to Tutorial Membuat Hello World dengan jQuery

Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifahnur_kholi
 
Belajar J-Query untuk Pemula
Belajar J-Query untuk PemulaBelajar J-Query untuk Pemula
Belajar J-Query untuk PemulaIsti Tibah Atiroh
 
Belajar j query
Belajar j queryBelajar j query
Belajar j queryistita
 
membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQueryAkhmad Anseve
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Hello world with jquery
Hello world with jqueryHello world with jquery
Hello world with jqueryDesi Sunarti
 
Erwin sopian 1202739
Erwin sopian 1202739Erwin sopian 1202739
Erwin sopian 1202739Erwin Sofyan
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniSyah Prian
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyanideviMulyani
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020mutia902
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020mutia902
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020mutia902
 
Jequary
Jequary Jequary
Jequary p188
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 

Similar to Tutorial Membuat Hello World dengan jQuery (20)

Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifah
 
Belajar J-Query untuk Pemula
Belajar J-Query untuk PemulaBelajar J-Query untuk Pemula
Belajar J-Query untuk Pemula
 
Belajar j query
Belajar j queryBelajar j query
Belajar j query
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Khairunnisa 1205467
Khairunnisa 1205467Khairunnisa 1205467
Khairunnisa 1205467
 
membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuery
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
JQURTY
JQURTYJQURTY
JQURTY
 
Jqu
JquJqu
Jqu
 
Jqu
JquJqu
Jqu
 
Hello world with jquery
Hello world with jqueryHello world with jquery
Hello world with jquery
 
Erwin sopian 1202739
Erwin sopian 1202739Erwin sopian 1202739
Erwin sopian 1202739
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyani
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyani
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020
 
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020
 
Jequary
Jequary Jequary
Jequary
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 

Tutorial Membuat Hello World dengan jQuery

  • 1. TUTORIAL HELLO WORLD DENGAN JQUERY Anisah Agustini 1202728 KONSENTRASI KEPENDIDIKAN GURU TIK TEKNOLOGI PENDIDIKAN 2012
  • 2. 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
  • 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 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.
  • 5. Berikut penjelasan dari script di atas :
  • 6. Script yang telah diketika tadi disimpan didalam folder yang sama dengan file jQuery yang telah di download dengan nama index.html
  • 7. 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 !!
  • 8. Berikut penjelasan dari script di atas :
  • 9. Hasil script diatas akan menghasilkan tampilan seperti di bawah ini :