SlideShare uma empresa Scribd logo
1 de 10
TUTORIAL HOW TO MAKE
“HELLO WORD” WITH
JQUERY
Creat by Erwin Sopian
NIM 1202739
Curriculum and Educational Technology
Indonesia University of Education
APA ITU JQUERY ?
 Jquery adalah Javascript Librabry yang di buat untuk
memperingkas atau menyederhanakan kode-kode yang
terdapat pada dokumen HTML.
BAGAIMANA CARA MEMBUAT HALAMAN
DENGAN JQUERY ?
Siapkan beberapa hal di bawah :
 Text Editor seperti notepad, notepad ++, bluefish, adobe dreamweaver
 WEB Browser seperti Google Chrome
 Jquery ( download di http://jquery.com/ )
Langkah Pertama
Buat file berikut :
 Index.html
 App.js
 Jquery ( file yang sudah di download )
Simpan dalam 1 folder)
Langkah Kedua
 Pada text html, ketik kode berikut :
Merupakan file JQuery
Langkah Ketiga
 Masukan script selanjutnya di tag body <body> </body>
script untuk membuat tombol
Langkah Ketiga
 Masukan tag fotter <fotter> </fotter>
Langkah Ke Empat
 Masukan skript berikut di file app.js
Kode untuk mengaktifkan fungsi tombol
Langkah ke Lima
 Masukan script yang di block berikut
Hasil Akhir

Mais conteúdo relacionado

Mais procurados

Jquery siti indriyani
Jquery  siti indriyaniJquery  siti indriyani
Jquery siti indriyaniindripoluakan
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesikaRCH_98
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquerymutia902
 
10. PPB (bagian 2) by pak sukani
10. PPB (bagian 2) by pak sukani10. PPB (bagian 2) by pak sukani
10. PPB (bagian 2) by pak sukanisukani
 
Belajar pemrograman java dasar
Belajar pemrograman java dasarBelajar pemrograman java dasar
Belajar pemrograman java dasarVina Rahmi
 
Langkah – langkah menggunakan wordpress
Langkah – langkah menggunakan wordpressLangkah – langkah menggunakan wordpress
Langkah – langkah menggunakan wordpressscholaani
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisDeka M Wildan
 
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...Alya Zulfa Oktaviana Putri
 
cara mengInstall eclipse
cara mengInstall eclipsecara mengInstall eclipse
cara mengInstall eclipseDani Juniawan
 
Membuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google ClassroomMembuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google ClassroomDrs. HM. Yunus
 
Java Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPJava Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPDoni Andriansyah
 

Mais procurados (13)

Jquery siti indriyani
Jquery  siti indriyaniJquery  siti indriyani
Jquery siti indriyani
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquery
 
Jqu
JquJqu
Jqu
 
10. PPB (bagian 2) by pak sukani
10. PPB (bagian 2) by pak sukani10. PPB (bagian 2) by pak sukani
10. PPB (bagian 2) by pak sukani
 
Belajar pemrograman java dasar
Belajar pemrograman java dasarBelajar pemrograman java dasar
Belajar pemrograman java dasar
 
Langkah – langkah menggunakan wordpress
Langkah – langkah menggunakan wordpressLangkah – langkah menggunakan wordpress
Langkah – langkah menggunakan wordpress
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi Inventaris
 
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...
15.sim, alya zulfa oktaviana putri, hapzi ali,opsi membuat blog atau database...
 
cara mengInstall eclipse
cara mengInstall eclipsecara mengInstall eclipse
cara mengInstall eclipse
 
Membuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google ClassroomMembuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google Classroom
 
Java Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPJava Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSP
 

Semelhante a TUTORIAL JQUERY "HELLO WORD

membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQueryAkhmad Anseve
 
Tutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQueryTutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQueryAnisah Agustini
 
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
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 
Hello world with jquery
Hello world with jqueryHello world with jquery
Hello world with jqueryDesi Sunarti
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifahnur_kholi
 
tutorial JQuery Mobile
tutorial JQuery Mobiletutorial JQuery Mobile
tutorial JQuery MobileTri Hafid
 
Pengembangan aplikasi mobile learning menggunakan Intel XDK
Pengembangan aplikasi mobile learning menggunakan Intel XDKPengembangan aplikasi mobile learning menggunakan Intel XDK
Pengembangan aplikasi mobile learning menggunakan Intel XDKGilang Aziz
 
Tugas kelompok pbw
Tugas kelompok pbwTugas kelompok pbw
Tugas kelompok pbwdanny_robby
 
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...Muhammad Yusuf
 

Semelhante a TUTORIAL JQUERY "HELLO WORD (20)

membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuery
 
Tutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQueryTutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQuery
 
Jqu
JquJqu
Jqu
 
JQURTY
JQURTYJQURTY
JQURTY
 
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
 
Makalah jquery
Makalah jqueryMakalah jquery
Makalah jquery
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Hello world with jquery
Hello world with jqueryHello world with jquery
Hello world with jquery
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifah
 
tutorial JQuery Mobile
tutorial JQuery Mobiletutorial JQuery Mobile
tutorial JQuery Mobile
 
JQUERY
JQUERYJQUERY
JQUERY
 
Pengembangan aplikasi mobile learning menggunakan Intel XDK
Pengembangan aplikasi mobile learning menggunakan Intel XDKPengembangan aplikasi mobile learning menggunakan Intel XDK
Pengembangan aplikasi mobile learning menggunakan Intel XDK
 
Tugas kelompok pbw
Tugas kelompok pbwTugas kelompok pbw
Tugas kelompok pbw
 
Tugas ke 1
Tugas ke 1Tugas ke 1
Tugas ke 1
 
Tutorial ci
Tutorial ciTutorial ci
Tutorial ci
 
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...
Modul Intel XDK Workshop ver 1.0 Sept 2013 - Modul 4 - Pengembangan Aplikasi ...
 

TUTORIAL JQUERY "HELLO WORD

  • 1. TUTORIAL HOW TO MAKE “HELLO WORD” WITH JQUERY Creat by Erwin Sopian NIM 1202739 Curriculum and Educational Technology Indonesia University of Education
  • 2. APA ITU JQUERY ?  Jquery adalah Javascript Librabry yang di buat untuk memperingkas atau menyederhanakan kode-kode yang terdapat pada dokumen HTML.
  • 3. BAGAIMANA CARA MEMBUAT HALAMAN DENGAN JQUERY ? Siapkan beberapa hal di bawah :  Text Editor seperti notepad, notepad ++, bluefish, adobe dreamweaver  WEB Browser seperti Google Chrome  Jquery ( download di http://jquery.com/ )
  • 4. Langkah Pertama Buat file berikut :  Index.html  App.js  Jquery ( file yang sudah di download ) Simpan dalam 1 folder)
  • 5. Langkah Kedua  Pada text html, ketik kode berikut : Merupakan file JQuery
  • 6. Langkah Ketiga  Masukan script selanjutnya di tag body <body> </body> script untuk membuat tombol
  • 7. Langkah Ketiga  Masukan tag fotter <fotter> </fotter>
  • 8. Langkah Ke Empat  Masukan skript berikut di file app.js Kode untuk mengaktifkan fungsi tombol
  • 9. Langkah ke Lima  Masukan script yang di block berikut