SlideShare a Scribd company logo
1 of 22
JQuery
jQuery adalah Javascript Library,
Kumpulan kode/fungsi Javascript siap pakai,
sehingga memudahkan dan mempercepat kita
dalam membuat kode javascript.
 jQuery mempermudah akses dan memanipulasi
elemen tertentu pada dolumen.
 jQuery mempermudah modifikasi/perubahan
tampilan halaman web.
 jQuery mempersingkat ajak (Asynchronous
Javasript and XML).
Kemampuan Yang Dimiliki JQuery
 Memiliki API (Application Programming
Interface).
 jQuery mampu merespon interaksi antara user
dengan halaman web dengan lebih cepat.
 jQuery menyediakan fasilitas untuk membuat
animasi sekelas Flash dengan mudah
Adapun alasan mengapa memilih JQuery
 jQuery telah banyak digunakan oleh website-
website terkemuka didunia.
 Kompatibel/cocok dengan semua browser
yang populer, seperti Mozilla, IE, Safari, Chrome,
Opera, dll.
 Kompatibel dengan semua versi CSS
 jQuery didukung oleh komunitas yang besar
dan aktif, seperti forum, milis, blog, sosial
engineering (twitter,facebook), website, dan tutorial.
 Ketersediaan plugin jQuery yang sangat banyak
jumlahnya. Plugin merupakan kemampuan
tambahan yang bisa disertakan pada jQuery.
 File jQuery hanya satu dan ukurannya pun kecil,
hanya sekitar 20kb, sehingga cepat diakses.
 JQuery Open source/free gratis dengan lisensi
dari GNU General Public Licence dan MIT Licence.
 JQuery lebih banyak digunakan oleh para
developer web
 NanoGALLERY
NanoGALLERY dirancang untuk menyederhanakan
galeri gambar Anda
 MixItUp
Pada dasarnya, ini memungkinkan Anda untuk dengan
cepat memilah dan menyaring melalui konten
dikategorikan dengan animasi indah fluida.
 Menu-Aim
Menu Aim Plugin sederhana-tapi-pintar ini dapat
membedakan antara pengguna mencoba melayang-layang
di atas item dropdown dan mencoba untuk menavigasi ke
isi submenu ini atau menampilkan thumbnail saat mensorot
navigasi sub menu.
 Tooltipster
Tooltipster adalah plugin modern yang
mengambil klasik tool tip, memungkinkan
Anda untuk menampilkan tooltips
sepenuhnya.
 Magnific Popup
Magnific Popup adalah plugin lightbox
untuk jQuery yang berfokus pada lightweight
dan kompatibel.
 Unslider
Unslider merupakan slider gambar
tanpa lonceng dan peluit. Ini hanya slide,
tetapi sebagai konsekuensinya kecil
dalam ukuran dan super-responsif
 Avgrund Modal
Modal Ini model-window
popup indah dan menambahkan sedikit
pop-up yang keren dengan
mengaburkan isi halaman dan
memunculkan kembali konten
 jQuery Knob jQuery Knob mengambil elemen
input dan mengubahnya menjadi cepat dan
ramahyang juga bekerja pada desktop. Ini adalah
contoh yang sangat baik bagaimana Anda dapat
menyesuaikan konten Anda agar sesuai dengan
paradigma baru, dan anda layak melihat untuk
pendekatan teknis.
 Typeahead.js
Produk dari tim pengembang Twitter,
Typeahead adalah plugin jQuery yang mudah di
terapkan dan merupakan tool yang menarik dari
sumber data lokal atau eksternal sebagai jenis
pengguna Anda ke kotak input, memberikan
saran auto-complete.
 Menyederhanakan penggunaan javascript,
karena kita cukup menggunakan fungsi dari
library javascript yang telah ada.
 Fungsi-fungsi yang disediakan
didokumentasikan dengan baik beserta contoh
penggunaannya.
 Support terhadap CSS1-3 selector, untuk
fleksibilitas desain antar muka halaman
website dan interaksinya.
 Website yang dibangun dengan jquery akan
lebih interaktif dan menarik.
 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.
FAKTA-FAKTA LAINNYA :
 jQuery merupakan library JavaScript terhandal saat
ini. Faktanya, banyak perusahaan besar tingkat
dunia menggunakanjQuery dengan teknologi
Website mereka. Bahkan website-website lokal pun
tidak mau ketinggalan.
 jQuery berhasil menyederhanakan fungsi-fungsi
JavaScript dan Ajax yang rumit, sehingga hanya
dengan beberapa baris kode saja.
 interaktivitas yang tinggi (responsif), bahkan
membuat animasi yang canggih tanpa memerlukan
instalisasi plugin flash pada browser
 Sebenarnya penggunaan jQuery sangatlah mudah,
karena tanpa harus dibekali penguasaan pemograman
JavaScript sekalipun, karena semuanya sudah
dibungkus dalam bentuk library dan plugin, Intinya
kita hanya perlu tahu cara menerapkan dalam website
kita.
 Kompatibel/cocok dengan semua browser yang
populer, seperti Mozzila, Internet Explorer,
safari,Chrome, dan Opera.
 Kompetible dengan semua versi CSS (CSS 1
sampai dengan CSS 3).
 Didukung oleh komunitas yang besar dan
aktif, seperti forum, milis, Bliog, dan lain lain
 Ketersediaan plugin yang sangat banyak
jumlahnya. Plugin merupakan kemampuan
tambahan yang bisa disertakan pada jQuery.
 File nya hanya satu dan ukuran nya pun kecil,
hanya sekitar 20 KB, sehingga cepat aksesnya.
 Open source/free (gratis) dengan lisensi dari
GNU General Public License dan MTT License.
 Query lebih banyak di gunakan oleh para
developer web dibandingkan Javascript Library
Lainnya.
MANFAAT MENGGUNAKAN JQUERY :
 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
 Open source atau Free
 jQuery lebih diminati oleh para developer web saat
ini
I think enough
thank for your attention and
see you

More Related Content

What's hot

Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul GunawanTingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul GunawanDicodingEvent
 
Aitindo Sharing Session
Aitindo Sharing SessionAitindo Sharing Session
Aitindo Sharing SessionSandi Rosyandi
 
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
 
Workshop PHP: Laporan HTML, Excel, PDF
Workshop PHP: Laporan HTML, Excel, PDFWorkshop PHP: Laporan HTML, Excel, PDF
Workshop PHP: Laporan HTML, Excel, PDFAchmad Solichin
 
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
 
Tutorial Penggunaan Laravel
Tutorial Penggunaan LaravelTutorial Penggunaan Laravel
Tutorial Penggunaan LaravelEka Rahmawati
 
Page & Dialog Transitions
Page & Dialog TransitionsPage & Dialog Transitions
Page & Dialog Transitionstakdirlovely09
 
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )pradnyani wulantari
 
Seminar: Mau jadi Android User atau Developer?
Seminar: Mau jadi Android User atau Developer?Seminar: Mau jadi Android User atau Developer?
Seminar: Mau jadi Android User atau Developer?Achmad Solichin
 

What's hot (14)

Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul GunawanTingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
 
Aitindo Sharing Session
Aitindo Sharing SessionAitindo Sharing Session
Aitindo Sharing Session
 
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)
 
Workshop PHP: Laporan HTML, Excel, PDF
Workshop PHP: Laporan HTML, Excel, PDFWorkshop PHP: Laporan HTML, Excel, PDF
Workshop PHP: Laporan HTML, Excel, PDF
 
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)
 
Risma aja
Risma ajaRisma aja
Risma aja
 
Tugas 1 rekweb
Tugas 1 rekwebTugas 1 rekweb
Tugas 1 rekweb
 
Android Workshop for Intermediate
Android Workshop for Intermediate Android Workshop for Intermediate
Android Workshop for Intermediate
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Tutorial Penggunaan Laravel
Tutorial Penggunaan LaravelTutorial Penggunaan Laravel
Tutorial Penggunaan Laravel
 
Page & Dialog Transitions
Page & Dialog TransitionsPage & Dialog Transitions
Page & Dialog Transitions
 
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
 
Pengenalan ReactJS
Pengenalan ReactJS Pengenalan ReactJS
Pengenalan ReactJS
 
Seminar: Mau jadi Android User atau Developer?
Seminar: Mau jadi Android User atau Developer?Seminar: Mau jadi Android User atau Developer?
Seminar: Mau jadi Android User atau Developer?
 

Viewers also liked

EzkerraBerri 24 - Munduko Gatazkak
EzkerraBerri 24 - Munduko GatazkakEzkerraBerri 24 - Munduko Gatazkak
EzkerraBerri 24 - Munduko GatazkakARALAR Araba
 
Víctor solsona - Más alla de Bitcoin
Víctor solsona - Más alla de BitcoinVíctor solsona - Más alla de Bitcoin
Víctor solsona - Más alla de Bitcoinjuandemariana
 
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHORE
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHOREQCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHORE
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHOREtanya rathore
 
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICSCGT FESANCAT
 
MOBBING & GUERRA
MOBBING & GUERRAMOBBING & GUERRA
MOBBING & GUERRADrughe .it
 
Papel del vendedor y del comprador
Papel del vendedor y del compradorPapel del vendedor y del comprador
Papel del vendedor y del compradorGrünenthal Group
 
Γυμνασιο Γαλατιστας
Γυμνασιο Γαλατιστας Γυμνασιο Γαλατιστας
Γυμνασιο Γαλατιστας EfiPapazachou
 
Jurnal CDIMM nr. 7/ 2015_Europe Direct Maramures
Jurnal CDIMM nr. 7/ 2015_Europe Direct MaramuresJurnal CDIMM nr. 7/ 2015_Europe Direct Maramures
Jurnal CDIMM nr. 7/ 2015_Europe Direct MaramuresMargareta Capilnean
 

Viewers also liked (15)

EzkerraBerri 24 - Munduko Gatazkak
EzkerraBerri 24 - Munduko GatazkakEzkerraBerri 24 - Munduko Gatazkak
EzkerraBerri 24 - Munduko Gatazkak
 
Víctor solsona - Más alla de Bitcoin
Víctor solsona - Más alla de BitcoinVíctor solsona - Más alla de Bitcoin
Víctor solsona - Más alla de Bitcoin
 
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHORE
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHOREQCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHORE
QCL-14-v3_FLOW CHARTS_BANASTHALI UNIVERSITY_TANYA RATHORE
 
Zen of Python
Zen of PythonZen of Python
Zen of Python
 
Subject_Certificate_15_December_2014
Subject_Certificate_15_December_2014Subject_Certificate_15_December_2014
Subject_Certificate_15_December_2014
 
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS
2003.05.25 CGTFESANCAT MANIFEST - LA CGT DENUNCIA GRAN INESTABILITAT LABORAL ICS
 
AQC-2.8 - Mains
AQC-2.8 - MainsAQC-2.8 - Mains
AQC-2.8 - Mains
 
Subject_Certificate_17_December_2014-1
Subject_Certificate_17_December_2014-1Subject_Certificate_17_December_2014-1
Subject_Certificate_17_December_2014-1
 
Subject_Certificate_17_December_2014
Subject_Certificate_17_December_2014Subject_Certificate_17_December_2014
Subject_Certificate_17_December_2014
 
Subject_Certificate_19_December_2014
Subject_Certificate_19_December_2014Subject_Certificate_19_December_2014
Subject_Certificate_19_December_2014
 
La tierra natu.
La tierra natu.La tierra natu.
La tierra natu.
 
MOBBING & GUERRA
MOBBING & GUERRAMOBBING & GUERRA
MOBBING & GUERRA
 
Papel del vendedor y del comprador
Papel del vendedor y del compradorPapel del vendedor y del comprador
Papel del vendedor y del comprador
 
Γυμνασιο Γαλατιστας
Γυμνασιο Γαλατιστας Γυμνασιο Γαλατιστας
Γυμνασιο Γαλατιστας
 
Jurnal CDIMM nr. 7/ 2015_Europe Direct Maramures
Jurnal CDIMM nr. 7/ 2015_Europe Direct MaramuresJurnal CDIMM nr. 7/ 2015_Europe Direct Maramures
Jurnal CDIMM nr. 7/ 2015_Europe Direct Maramures
 

Similar to J query.

Jequary
Jequary Jequary
Jequary p188
 
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
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqryp188
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqryp188
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602dewiapril1996
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati
 
Pengenalan j query
Pengenalan j queryPengenalan j query
Pengenalan j queryKiky Arin
 
Rekayasa web
Rekayasa webRekayasa web
Rekayasa webreksa eka
 
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
 
Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]trya nita
 

Similar to J query. (20)

JQURTY
JQURTYJQURTY
JQURTY
 
Jequary
Jequary Jequary
Jequary
 
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
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Jqu
JquJqu
Jqu
 
Jqu
JquJqu
Jqu
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqry
 
Makalah jqry
Makalah jqryMakalah jqry
Makalah jqry
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 
Pengenalan j query
Pengenalan j queryPengenalan j query
Pengenalan j query
 
Rekayasa web
Rekayasa webRekayasa web
Rekayasa web
 
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
 
Tugas individu Rekweb 1
Tugas individu Rekweb 1Tugas individu Rekweb 1
Tugas individu Rekweb 1
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]
 

Recently uploaded

BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CAbdiera
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfHARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfkustiyantidew94
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)3HerisaSintia
 
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxmawan5982
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxPPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxnerow98
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxRezaWahyuni6
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5KIKI TRISNA MUKTI
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfCandraMegawati
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxDwiYuniarti14
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptArkhaRega1
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Abdiera
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfirwanabidin08
 

Recently uploaded (20)

BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfHARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)
 
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptxPPT Integrasi Islam & Ilmu Pengetahuan.pptx
PPT Integrasi Islam & Ilmu Pengetahuan.pptx
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptx
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5Materi Strategi Perubahan dibuat oleh kelompok 5
Materi Strategi Perubahan dibuat oleh kelompok 5
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
 

J query.

  • 2. jQuery adalah Javascript Library, Kumpulan kode/fungsi Javascript siap pakai, sehingga memudahkan dan mempercepat kita dalam membuat kode javascript.
  • 3.  jQuery mempermudah akses dan memanipulasi elemen tertentu pada dolumen.  jQuery mempermudah modifikasi/perubahan tampilan halaman web.  jQuery mempersingkat ajak (Asynchronous Javasript and XML). Kemampuan Yang Dimiliki JQuery
  • 4.  Memiliki API (Application Programming Interface).  jQuery mampu merespon interaksi antara user dengan halaman web dengan lebih cepat.  jQuery menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah
  • 5. Adapun alasan mengapa memilih JQuery  jQuery telah banyak digunakan oleh website- website terkemuka didunia.  Kompatibel/cocok dengan semua browser yang populer, seperti Mozilla, IE, Safari, Chrome, Opera, dll.  Kompatibel dengan semua versi CSS
  • 6.  jQuery didukung oleh komunitas yang besar dan aktif, seperti forum, milis, blog, sosial engineering (twitter,facebook), website, dan tutorial.  Ketersediaan plugin jQuery yang sangat banyak jumlahnya. Plugin merupakan kemampuan tambahan yang bisa disertakan pada jQuery.  File jQuery hanya satu dan ukurannya pun kecil, hanya sekitar 20kb, sehingga cepat diakses.
  • 7.  JQuery Open source/free gratis dengan lisensi dari GNU General Public Licence dan MIT Licence.  JQuery lebih banyak digunakan oleh para developer web
  • 8.  NanoGALLERY NanoGALLERY dirancang untuk menyederhanakan galeri gambar Anda  MixItUp Pada dasarnya, ini memungkinkan Anda untuk dengan cepat memilah dan menyaring melalui konten dikategorikan dengan animasi indah fluida.  Menu-Aim Menu Aim Plugin sederhana-tapi-pintar ini dapat membedakan antara pengguna mencoba melayang-layang di atas item dropdown dan mencoba untuk menavigasi ke isi submenu ini atau menampilkan thumbnail saat mensorot navigasi sub menu.
  • 9.  Tooltipster Tooltipster adalah plugin modern yang mengambil klasik tool tip, memungkinkan Anda untuk menampilkan tooltips sepenuhnya.  Magnific Popup Magnific Popup adalah plugin lightbox untuk jQuery yang berfokus pada lightweight dan kompatibel.
  • 10.  Unslider Unslider merupakan slider gambar tanpa lonceng dan peluit. Ini hanya slide, tetapi sebagai konsekuensinya kecil dalam ukuran dan super-responsif  Avgrund Modal Modal Ini model-window popup indah dan menambahkan sedikit pop-up yang keren dengan mengaburkan isi halaman dan memunculkan kembali konten
  • 11.  jQuery Knob jQuery Knob mengambil elemen input dan mengubahnya menjadi cepat dan ramahyang juga bekerja pada desktop. Ini adalah contoh yang sangat baik bagaimana Anda dapat menyesuaikan konten Anda agar sesuai dengan paradigma baru, dan anda layak melihat untuk pendekatan teknis.  Typeahead.js Produk dari tim pengembang Twitter, Typeahead adalah plugin jQuery yang mudah di terapkan dan merupakan tool yang menarik dari sumber data lokal atau eksternal sebagai jenis pengguna Anda ke kotak input, memberikan saran auto-complete.
  • 12.  Menyederhanakan penggunaan javascript, karena kita cukup menggunakan fungsi dari library javascript yang telah ada.  Fungsi-fungsi yang disediakan didokumentasikan dengan baik beserta contoh penggunaannya.
  • 13.  Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka halaman website dan interaksinya.  Website yang dibangun dengan jquery akan lebih interaktif dan menarik.
  • 14.  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.
  • 15. FAKTA-FAKTA LAINNYA :  jQuery merupakan library JavaScript terhandal saat ini. Faktanya, banyak perusahaan besar tingkat dunia menggunakanjQuery dengan teknologi Website mereka. Bahkan website-website lokal pun tidak mau ketinggalan.
  • 16.  jQuery berhasil menyederhanakan fungsi-fungsi JavaScript dan Ajax yang rumit, sehingga hanya dengan beberapa baris kode saja.  interaktivitas yang tinggi (responsif), bahkan membuat animasi yang canggih tanpa memerlukan instalisasi plugin flash pada browser
  • 17.  Sebenarnya penggunaan jQuery sangatlah mudah, karena tanpa harus dibekali penguasaan pemograman JavaScript sekalipun, karena semuanya sudah dibungkus dalam bentuk library dan plugin, Intinya kita hanya perlu tahu cara menerapkan dalam website kita.  Kompatibel/cocok dengan semua browser yang populer, seperti Mozzila, Internet Explorer, safari,Chrome, dan Opera.
  • 18.  Kompetible dengan semua versi CSS (CSS 1 sampai dengan CSS 3).  Didukung oleh komunitas yang besar dan aktif, seperti forum, milis, Bliog, dan lain lain  Ketersediaan plugin yang sangat banyak jumlahnya. Plugin merupakan kemampuan tambahan yang bisa disertakan pada jQuery.
  • 19.  File nya hanya satu dan ukuran nya pun kecil, hanya sekitar 20 KB, sehingga cepat aksesnya.  Open source/free (gratis) dengan lisensi dari GNU General Public License dan MTT License.  Query lebih banyak di gunakan oleh para developer web dibandingkan Javascript Library Lainnya.
  • 20. MANFAAT MENGGUNAKAN JQUERY :  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
  • 21.  Disupport oleh plugin yang lengkap  Open source atau Free  jQuery lebih diminati oleh para developer web saat ini
  • 22. I think enough thank for your attention and see you