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

PPTX
Ppt j query-rully-amrizal-1102412020
PPT
PPTX
Annatia ndisay
PPTX
Tugas 1 (rekayasa web)
PPTX
Tugas 1 0317 individu
PPTX
Tugas Rekayasa Web 1
DOCX
PPTX
Rahmaaaa
Ppt j query-rully-amrizal-1102412020
Annatia ndisay
Tugas 1 (rekayasa web)
Tugas 1 0317 individu
Tugas Rekayasa Web 1
Rahmaaaa

What's hot (14)

PDF
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
ODP
Aitindo Sharing Session
PPTX
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
PPTX
Workshop PHP: Laporan HTML, Excel, PDF
PPTX
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
PPTX
Risma aja
PPTX
Tugas 1 rekweb
PPTX
Android Workshop for Intermediate
PPTX
Tugas rekayasa web
PDF
Tutorial Penggunaan Laravel
PPTX
Page & Dialog Transitions
PDF
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
PDF
Pengenalan ReactJS
PDF
Seminar: Mau jadi Android User atau Developer?
Tingkatkan Performa Website dengan Bantuan DevTools - Nasrul Gunawan
Aitindo Sharing Session
Tugas 1 rek web (lingga eka pradipta, 1411501073, ka)
Workshop PHP: Laporan HTML, Excel, PDF
Tugas 1 rek web (lingga eka pradipta, 1411501073, kb)
Risma aja
Tugas 1 rekweb
Android Workshop for Intermediate
Tugas rekayasa web
Tutorial Penggunaan Laravel
Page & Dialog Transitions
1705552018-socmed-pdfmakalah ( Gadis Bali Kebaya )
Pengenalan ReactJS
Seminar: Mau jadi Android User atau Developer?
Ad

Viewers also liked (9)

PPTX
Android
PDF
January2015-2016CMR.docx
PPTX
J query
PPTX
H t m l
PPTX
Presentation1 mikrotik
PPTX
Os java
PPTX
Presentation1 mikrotik
DOCX
Resume
PPTX
Could computing
Android
January2015-2016CMR.docx
J query
H t m l
Presentation1 mikrotik
Os java
Presentation1 mikrotik
Resume
Could computing
Ad

Similar to J query (20)

PPTX
JQURTY
DOC
Jequary
PPTX
Ppt j query-rully-amrizal-1102412020
PPTX
Ppt j query-rully-amrizal-1102412020
PPTX
Jquery ppt
PPTX
Ppt jquery
PPTX
Jquery ppt
PDF
PDF
DOCX
Makalah jqry
DOCX
Makalah jqry
PPTX
Tugas[1] 0317-[dewiapriliani]-[1412510602
DOCX
Ristianawati 2114 r0800 jquery
DOCX
Ristianawati 2114 r0800 mikrotik
PPT
Pengenalan j query
PPTX
Rekayasa web
DOCX
Paper6 jefri introduction to java script library
PPTX
Tugas individu Rekweb 1
PPTX
Tugas[1] 0317-[tryanita]-[1411511676]
JQURTY
Jequary
Ppt j query-rully-amrizal-1102412020
Ppt j query-rully-amrizal-1102412020
Jquery ppt
Ppt jquery
Jquery ppt
Makalah jqry
Makalah jqry
Tugas[1] 0317-[dewiapriliani]-[1412510602
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 mikrotik
Pengenalan j query
Rekayasa web
Paper6 jefri introduction to java script library
Tugas individu Rekweb 1
Tugas[1] 0317-[tryanita]-[1411511676]

Recently uploaded (20)

PDF
Agus Fany Chandra_Apresiasi Bunda PAUD Nasional 2025_Rev.pdf
PPTX
musrenbang mendagri di provinsi jambipptx
PPTX
04. SARANA DAN PERALATAN K3 LABORATORIUM 1.pptx
PDF
Buku 130 Hari Kerja Pemerintahan Prabowo
PPTX
Kebijakan Perencanaa dan Penganggaran APBD.pptx
PPT
Identifikasi Potensi wilayah bagi penyuluh pertanian.ppt
PDF
PKTBT LATSAR CPNS TAHUN 2025 Kemenag.pdf
PPTX
Tata-Naskah-Dinas-PPDK-Tahap-I-Tahun-2018.pptx
PPTX
SOP pelatihan ppsdm kemendagri regional bkt
PPTX
Sosialisasi Tingkat Kecamatan Serpong Kota Tangerang Selatan
PPT
program pengarustamaan gender PPRG Kabupaten Soppeng
PPTX
Mewujudkan Tata Kelola Audit_Kinerja.pptx
PPTX
Pelayanan Unggul-perubahan budaya kerja Kemenkes- modul 4.pptx
PPTX
04-06-2025_Sosialisasi E-Kinerja bagi ASN Baru.pptx
PDF
3.1. Analisis Situasi. Dalam Peranannya untuk Monitoring dan Evaluasipdf
PPTX
Rancangan Awal RPJMD Kalimantan Selatan 2025-2029
PPTX
FKP Rancangan Awal RPJMD Kab. Rohul 2025-2029 [Autosaved].pptx
PPTX
PEMBAHASAN TO TWK untuk CPNS /PPPK .pptx
PDF
Memperkuat Karakter ASN Pejuang untuk Indonesia Emas
PDF
Digital Governance: Strategi Tata Kelola Pemerintahan yang Efektif dan Transp...
Agus Fany Chandra_Apresiasi Bunda PAUD Nasional 2025_Rev.pdf
musrenbang mendagri di provinsi jambipptx
04. SARANA DAN PERALATAN K3 LABORATORIUM 1.pptx
Buku 130 Hari Kerja Pemerintahan Prabowo
Kebijakan Perencanaa dan Penganggaran APBD.pptx
Identifikasi Potensi wilayah bagi penyuluh pertanian.ppt
PKTBT LATSAR CPNS TAHUN 2025 Kemenag.pdf
Tata-Naskah-Dinas-PPDK-Tahap-I-Tahun-2018.pptx
SOP pelatihan ppsdm kemendagri regional bkt
Sosialisasi Tingkat Kecamatan Serpong Kota Tangerang Selatan
program pengarustamaan gender PPRG Kabupaten Soppeng
Mewujudkan Tata Kelola Audit_Kinerja.pptx
Pelayanan Unggul-perubahan budaya kerja Kemenkes- modul 4.pptx
04-06-2025_Sosialisasi E-Kinerja bagi ASN Baru.pptx
3.1. Analisis Situasi. Dalam Peranannya untuk Monitoring dan Evaluasipdf
Rancangan Awal RPJMD Kalimantan Selatan 2025-2029
FKP Rancangan Awal RPJMD Kab. Rohul 2025-2029 [Autosaved].pptx
PEMBAHASAN TO TWK untuk CPNS /PPPK .pptx
Memperkuat Karakter ASN Pejuang untuk Indonesia Emas
Digital Governance: Strategi Tata Kelola Pemerintahan yang Efektif dan Transp...

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