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

More Related Content

What's hot

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 ppt
044249
 
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 sukani
sukani
 
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 Inventaris
Deka 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 eclipse
Dani Juniawan
 
Membuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google ClassroomMembuat Kelas Daring dengan Google Classroom
Membuat Kelas Daring dengan Google Classroom
Drs. HM. Yunus
 
Java Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSPJava Web Form Pendaftaran - JSP
Java Web Form Pendaftaran - JSP
Doni Andriansyah
 

What's hot (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
 

Similar to Erwin sopian 1202739

membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuery
Akhmad Anseve
 
Tutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQueryTutorial Membuat Hello World dengan jQuery
Tutorial Membuat Hello World dengan jQuery
Anisah Agustini
 
JQURTY
JQURTYJQURTY
JQURTY
ucienmapcu
 
Belajar J-Query untuk Pemula
Belajar J-Query untuk PemulaBelajar J-Query untuk Pemula
Belajar J-Query untuk Pemula
Isti Tibah Atiroh
 
Belajar j query
Belajar j queryBelajar j query
Belajar j queryistita
 
Makalah jquery
Makalah jqueryMakalah jquery
Makalah jquery
Ristianawati
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
Ristianawati
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
menghilang
 
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 mikrotik
Ristianawati
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
rizki pradana
 
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 Mobile
Tri Hafid
 
JQUERY
JQUERYJQUERY
JQUERY
agus248
 
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
Gilang 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
 

Similar to Erwin sopian 1202739 (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 ...
 

Erwin sopian 1202739

  • 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