SlideShare une entreprise Scribd logo
1  sur  14
PENGERTIAN JQUERY
JQuery
sendiri
adalah
Javascript
Library
atau
kumpulan kode/fungsi Javascript siap pakai, sehingga
mempermudah kita untuk membuat kode Javascript. Atau
dalam kesimpulannya jQuery menyederhanakan kode
Javascript. Hal ini sesuai dengan slogannya “Write less, do
more”. yang artinya kesederhanaan dalam penulisan
code, tapi dengan hasil yang lebih banyak. JQuery sendiri
berlisensikan GNU General Public License dan MIT License.
SEJARAH JQUERY
JQuery Pertama kali dikembangkan oleh Jhon Resig
pertama kali pada tahun 2005, saat itu dia terinspirasi dari
kode Behavior, ketika itu Jhon merasa kode kode behavior
tidak elegan dan bahkan sangat jelek. maka dia mulai
memikirkan cara membuat library yang handal dan ringan
untuk javascript , maka lahirlah JQUERY pada 14 januari
2006, direlease lah versi pertama dari Jquery dan sampai
sekarang masih terus dikembangkan dan disempurnakan.
KELEBIHAN DAN KEKURANGAN JQUERY
kelebihan diantaranya :
 Menyederhanakan penggunaan javascript, karena kita

cukup menggunakan fungsi dari library javascript yang
telah ada. Termasuk mempercepat coding javascript
dalam sebuah website. Dibandingkan kita harus mulai
sebuah script javascript dari nol.

 Fungsi-fungsi yang disediakan didokumentasikan dengan

baik beserta contoh penggunaannya, hal ini
mempermudah dalam pembelajaran jquery.
 Support

terhadap CSS1-3 selector, untuk fleksibilitas
desain antar muka halaman website dan interaksinya.

 Website yang dibangun dengan jquery akan lebih interaktif

dan menarik.

kekurangan diantaranya :
 Meskipun diklaim jquery memiliki beban kerja yang ringan

(load CPU dan RAM) untuk browser, tetap saja lebih ringan
(cepat di-load) website yang tidak menggunakan jquery, alias
HTML murni.
 Dari

sisi server hosting pun, CPU dan RAM harus
mengalokasikan resource yang mereka miliki untuk menangani
request terhadap jquery. Pada level tertentu request yang
sangat banyak (sangat-sangat banyak) akan membebani
server. Solusi: host jquery pada situs lain, seperti Google
yang menyediakan request jquery dari servernya.
MANFAAT MENGGUNAKAN JQUERY
Ada beberapa manfaat yang dapat kita ambil ketika
menggunakan jQuery , diantaranya adalah :
 Kompatibel dengan hampir seluruh browser
 JQuery telah digunakan oleh website-website raksasa
 Kompatibel dengan seluruh versi CSS (dari CSS 1 sampai

CSS 3)

 Didukung oleh banyak komunitas
 Disupport oleh plugin yang lengkap
 Filenya hanya satu dan ukurannya relatif kecil, sekitar 20kb
 Open source atau Free
 jQuery lebih diminati oleh para developer web saat ini
KEUNGGULAN MENGGUNAKAN JQUERY
Dibandingkan menggunakan lainnya ada beberapa keunggulan
penggunaan jquery dari pada lainnya diantaranya:
 JQuery merupakan library JavaScript terhandal saat ini.
 JQuery

berhasil
menyederhanakan
JavaScript dan Ajax yang rumit

fungsi-fungsi

 Sebenarnya penggunaan JQuery sangatlah muda
 File nya hanya satu dan ukuran nya pun kecil
 Open

source/free (gratis) dengan lisensi dari GNU
General Public License dan MTT License.

 JQuery lebih banyak di gunakan oleh para developer web

dibandingkan Javascript Library Lainnya.

 Kompatibel/cocok dengan semua browser yang populer
 Kompetible dengan semua versi CSS
 Dokumentasi

 Didukung oleh komunitas yang besar dan aktif
 Ketersediaan plugin yang sangat banyak jumlahnya
FITUR YANG DITAWARKAN JQUERY
TERHADAP PENGGUNANYA
Adapun fitur-fitur yang ditawarkan oleh jQuery antara lain
:
 Mempermudah akses dan manipulasi ke bagian page

tertentu.

 Mempermudah perubahan tampilan dokumen.
 Merespon interaksi user dengan webpage
 Menambah animasi.
 Mempermudah AJAX
HAL YANG DAPAT DILAKUKAN JQUERY
Berikut ini hal-hal yang dapat dilakukan jquery dan
beberapa contoh web dengan jquery:
 Mengubah Tampilan Bagian Halaman Tertentu
 Mengakses halaman tertentu dengan mudah
 Mengubah isi dari halaman
 Merespon interaksi user dalam halaman
 Menambahkan animasi ke dalam halaman
 Mengambil

informasi dari server tanpa merefresh
seluruh halaman

 Menyederhanakan penulis java script biasa
IMPLEMENTASI JQUERY
Dibawah ini adalah beberapa plugin jquery yang sering
digunakan oleh beberapa web developer dalam membuat
atau membangun sebuah website, diantaranya:
 Drop-Down-Menu
 Tool-Tips
 Autocomplete-Search
 Validasi-Form
 jQuery-Cycle-Plugin
 Teks-Berjalan
TERIMA KASIH

Contenu connexe

Tendances

Inspirasi Dari Matt Mullenweg, Pendiri WordPress
Inspirasi Dari Matt Mullenweg, Pendiri WordPressInspirasi Dari Matt Mullenweg, Pendiri WordPress
Inspirasi Dari Matt Mullenweg, Pendiri WordPressMuhammad Ilman Akbar
 
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraBelajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraDicodingEvent
 
Tugas 1 (rekayasa web)
Tugas 1 (rekayasa web)Tugas 1 (rekayasa web)
Tugas 1 (rekayasa web)Linda Lestari
 

Tendances (7)

Inspirasi Dari Matt Mullenweg, Pendiri WordPress
Inspirasi Dari Matt Mullenweg, Pendiri WordPressInspirasi Dari Matt Mullenweg, Pendiri WordPress
Inspirasi Dari Matt Mullenweg, Pendiri WordPress
 
Blogspot v wordpress
Blogspot v wordpressBlogspot v wordpress
Blogspot v wordpress
 
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi SaputraBelajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
Belajar Server Side Rendering Yuk! - Dimas Maulana Dwi Saputra
 
Materi 12 wordpress
Materi 12   wordpressMateri 12   wordpress
Materi 12 wordpress
 
Annatia ndisay
Annatia ndisayAnnatia ndisay
Annatia ndisay
 
Blogger dan wordpress
Blogger dan wordpressBlogger dan wordpress
Blogger dan wordpress
 
Tugas 1 (rekayasa web)
Tugas 1 (rekayasa web)Tugas 1 (rekayasa web)
Tugas 1 (rekayasa web)
 

En vedette

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 cloud computing
Ppt cloud computingPpt cloud computing
Ppt cloud computingmutia902
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020mutia902
 
Ppt java rullyamrizal-1102412020
Ppt java rullyamrizal-1102412020Ppt java rullyamrizal-1102412020
Ppt java rullyamrizal-1102412020mutia902
 
Ppt eksistensi mikrotik
Ppt eksistensi mikrotikPpt eksistensi mikrotik
Ppt eksistensi mikrotikmutia902
 
Ppt android rullyamrizal 1102412020
Ppt android rullyamrizal 1102412020Ppt android rullyamrizal 1102412020
Ppt android rullyamrizal 1102412020mutia902
 
Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquerymutia902
 
Ppt eksistensi android di masa kini
Ppt eksistensi android di masa kiniPpt eksistensi android di masa kini
Ppt eksistensi android di masa kinimutianb
 

En vedette (9)

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 cloud computing
Ppt cloud computingPpt cloud computing
Ppt cloud computing
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Ppt java rullyamrizal-1102412020
Ppt java rullyamrizal-1102412020Ppt java rullyamrizal-1102412020
Ppt java rullyamrizal-1102412020
 
Ppt eksistensi mikrotik
Ppt eksistensi mikrotikPpt eksistensi mikrotik
Ppt eksistensi mikrotik
 
Ppt android rullyamrizal 1102412020
Ppt android rullyamrizal 1102412020Ppt android rullyamrizal 1102412020
Ppt android rullyamrizal 1102412020
 
Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquery
 
Ppt eksistensi android di masa kini
Ppt eksistensi android di masa kiniPpt eksistensi android di masa kini
Ppt eksistensi android di masa kini
 

Similaire à Ppt j query-rully-amrizal-1102412020

Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqryp188
 
Pengenalan j query
Pengenalan j queryPengenalan j query
Pengenalan j queryKiky Arin
 
Jequary
Jequary Jequary
Jequary p188
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)LinggaDipta
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)LinggaDipta
 
Tugas Rekayasa Web 1
Tugas Rekayasa Web 1Tugas Rekayasa Web 1
Tugas Rekayasa Web 1fahreza yozi
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602dewiapril1996
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati
 
Paper6 jefri introduction to java script library
Paper6 jefri introduction to java script libraryPaper6 jefri introduction to java script library
Paper6 jefri introduction to java script libraryJefri Fahrian
 
Dasar JQuery! Hello world
Dasar JQuery! Hello worldDasar JQuery! Hello world
Dasar JQuery! Hello worldAchmad Akbar
 

Similaire à Ppt j query-rully-amrizal-1102412020 (20)

J query
J queryJ query
J query
 
J query
J queryJ query
J query
 
JQURTY
JQURTYJQURTY
JQURTY
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqry
 
Pengenalan j query
Pengenalan j queryPengenalan j query
Pengenalan j query
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Jequary
Jequary Jequary
Jequary
 
Jqu
JquJqu
Jqu
 
Jqu
JquJqu
Jqu
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
 
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
 
Tugas Rekayasa Web 1
Tugas Rekayasa Web 1Tugas Rekayasa Web 1
Tugas Rekayasa Web 1
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602
 
ppt j query
ppt j queryppt j query
ppt j query
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 
Paper6 jefri introduction to java script library
Paper6 jefri introduction to java script libraryPaper6 jefri introduction to java script library
Paper6 jefri introduction to java script library
 
Dasar JQuery! Hello world
Dasar JQuery! Hello worldDasar JQuery! Hello world
Dasar JQuery! Hello world
 

Ppt j query-rully-amrizal-1102412020

  • 1.
  • 2. PENGERTIAN JQUERY JQuery sendiri adalah Javascript Library atau kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah kita untuk membuat kode Javascript. Atau dalam kesimpulannya jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya “Write less, do more”. yang artinya kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak. JQuery sendiri berlisensikan GNU General Public License dan MIT License.
  • 3. SEJARAH JQUERY JQuery Pertama kali dikembangkan oleh Jhon Resig pertama kali pada tahun 2005, saat itu dia terinspirasi dari kode Behavior, ketika itu Jhon merasa kode kode behavior tidak elegan dan bahkan sangat jelek. maka dia mulai memikirkan cara membuat library yang handal dan ringan untuk javascript , maka lahirlah JQUERY pada 14 januari 2006, direlease lah versi pertama dari Jquery dan sampai sekarang masih terus dikembangkan dan disempurnakan.
  • 4. KELEBIHAN DAN KEKURANGAN JQUERY kelebihan diantaranya :  Menyederhanakan penggunaan javascript, karena kita cukup menggunakan fungsi dari library javascript yang telah ada. Termasuk mempercepat coding javascript dalam sebuah website. Dibandingkan kita harus mulai sebuah script javascript dari nol.  Fungsi-fungsi yang disediakan didokumentasikan dengan baik beserta contoh penggunaannya, hal ini mempermudah dalam pembelajaran jquery.
  • 5.  Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka halaman website dan interaksinya.  Website yang dibangun dengan jquery akan lebih interaktif dan menarik. kekurangan diantaranya :  Meskipun diklaim jquery memiliki beban kerja yang ringan (load CPU dan RAM) untuk browser, tetap saja lebih ringan (cepat di-load) website yang tidak menggunakan jquery, alias HTML murni.
  • 6.  Dari sisi server hosting pun, CPU dan RAM harus mengalokasikan resource yang mereka miliki untuk menangani request terhadap jquery. Pada level tertentu request yang sangat banyak (sangat-sangat banyak) akan membebani server. Solusi: host jquery pada situs lain, seperti Google yang menyediakan request jquery dari servernya.
  • 7. MANFAAT MENGGUNAKAN JQUERY Ada beberapa manfaat yang dapat kita ambil ketika menggunakan jQuery , diantaranya adalah :  Kompatibel dengan hampir seluruh browser  JQuery telah digunakan oleh website-website raksasa  Kompatibel dengan seluruh versi CSS (dari CSS 1 sampai CSS 3)  Didukung oleh banyak komunitas
  • 8.  Disupport oleh plugin yang lengkap  Filenya hanya satu dan ukurannya relatif kecil, sekitar 20kb  Open source atau Free  jQuery lebih diminati oleh para developer web saat ini
  • 9. KEUNGGULAN MENGGUNAKAN JQUERY Dibandingkan menggunakan lainnya ada beberapa keunggulan penggunaan jquery dari pada lainnya diantaranya:  JQuery merupakan library JavaScript terhandal saat ini.  JQuery berhasil menyederhanakan JavaScript dan Ajax yang rumit fungsi-fungsi  Sebenarnya penggunaan JQuery sangatlah muda
  • 10.  File nya hanya satu dan ukuran nya pun kecil  Open source/free (gratis) dengan lisensi dari GNU General Public License dan MTT License.  JQuery lebih banyak di gunakan oleh para developer web dibandingkan Javascript Library Lainnya.  Kompatibel/cocok dengan semua browser yang populer  Kompetible dengan semua versi CSS  Dokumentasi  Didukung oleh komunitas yang besar dan aktif  Ketersediaan plugin yang sangat banyak jumlahnya
  • 11. FITUR YANG DITAWARKAN JQUERY TERHADAP PENGGUNANYA Adapun fitur-fitur yang ditawarkan oleh jQuery antara lain :  Mempermudah akses dan manipulasi ke bagian page tertentu.  Mempermudah perubahan tampilan dokumen.  Merespon interaksi user dengan webpage  Menambah animasi.  Mempermudah AJAX
  • 12. HAL YANG DAPAT DILAKUKAN JQUERY Berikut ini hal-hal yang dapat dilakukan jquery dan beberapa contoh web dengan jquery:  Mengubah Tampilan Bagian Halaman Tertentu  Mengakses halaman tertentu dengan mudah  Mengubah isi dari halaman  Merespon interaksi user dalam halaman  Menambahkan animasi ke dalam halaman  Mengambil informasi dari server tanpa merefresh seluruh halaman  Menyederhanakan penulis java script biasa
  • 13. IMPLEMENTASI JQUERY Dibawah ini adalah beberapa plugin jquery yang sering digunakan oleh beberapa web developer dalam membuat atau membangun sebuah website, diantaranya:  Drop-Down-Menu  Tool-Tips  Autocomplete-Search  Validasi-Form  jQuery-Cycle-Plugin  Teks-Berjalan