KARTIN YULIYANTI
1102412091
Rombel : 01
Pengertian
• JQuery adalah sebuah javascript library, jQuery mempunyai semboyan
“write less, do more”. jQuery dirancang un...
Perkembangan
•

JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada
perkembangannya

JQuery

tidak

sekedar
...
Kelebihan
• Kemudahan mengakses elemen-elemen HTML
• Memanipulasi elemen HTML
• Memanipulasi CSS
• Penanganan event HTML
•...
Lanjutan….
• Menyederhanakan

penggunaan javascript, karena kita cukup
menggunakan fungsi dari library javascript yang tel...
Kekurangan
• Meskipun diklaim jquery memiliki beban kerja yang ringan (load CPU
dan RAM) untuk browser, tetap saja lebih r...
Efek-efek pada Jquery

• Salah

satu kemampuan jQuery adalah adanya fungsi-fungsi efek

yang siap pakai. biasanya untuk me...
•
•
•
•
•
•
•
•
•
•

jQuery show() : berguna untuk menampilkan elemen yang tersembunyi.
jQuery hide() : berguna untuk meny...
Implementasi JQuery

• Kemudahan

atau kenapa orang banyak menggunakan framework
javascript ini adalah karena banyaknya pl...
Beberapa plugin jquery yang sering digunakan oleh
beberapa web developer :
• Drop-Down-Menu
• Tool-Tips
• Autocomplete-Sea...
Upcoming SlideShare
Loading in …5
×

Jquery

578 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
578
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jquery

  1. 1. KARTIN YULIYANTI 1102412091 Rombel : 01
  2. 2. Pengertian • JQuery adalah sebuah javascript library, jQuery mempunyai semboyan “write less, do more”. jQuery dirancang untuk memperingkas kode-kode javascript. • Pengertian JQuery adalah sebuah framework berbasiskan Javascript. JQuery sama dengan Javascript Library yaitu kumpulan kode atau fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript.
  3. 3. Perkembangan • JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.
  4. 4. Kelebihan • Kemudahan mengakses elemen-elemen HTML • Memanipulasi elemen HTML • Memanipulasi CSS • Penanganan event HTML • Efek-efek javascript dan animasi • Website yang dibangun dengan jquery akan lebih interaktif dan menarik.
  5. 5. Lanjutan…. • 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, baca di situs http://jquery.com hal ini mempermudah dalam pembelajaran jquery. • Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka halaman website dan interaksinya.
  6. 6. Kekurangan • 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.
  7. 7. Efek-efek pada Jquery • Salah satu kemampuan jQuery adalah adanya fungsi-fungsi efek yang siap pakai. biasanya untuk membuat efek memudar di javascript. Dengan menggunakan jQuery kita cukup menggunakan fungsi $(selector).fadeIn().
  8. 8. • • • • • • • • • • jQuery show() : berguna untuk menampilkan elemen yang tersembunyi. jQuery hide() : berguna untuk menyembunyikan elemen yang dipilih. jQuery toggle() : gabungan fungsi hide dan show. jQuery slideDown() : menampilkan elemen yang tersembunyi , secara efek sliding. jQuery slideUp() : menyembunyikan elemen secara efek sliding. jQuery slideToggle() : gabungan antara slideDown() dan slideUp(). jQuery fadeIn() : menampilkan elemen yang dipilih jika tersembunyi. jQuery fadeOut() : menyembunyikan elemen yang dipilih secara efek memudar. jQuery fadeTo() : mengatur tingkat kepudaran elemen terpilih menuju tingkat opacity yang ditentukan. jQuery animate() : mengubah suatu elemen dari satu keadaan ke keadaan lainnya.
  9. 9. Implementasi JQuery • Kemudahan atau kenapa orang banyak menggunakan framework javascript ini adalah karena banyaknya plugin aplikasi yang siap jadi atau siap digunakan. Plugin adalah semacam fungsi atau fitur tambahan yang digabungkan ke dalam sebuah JQuery mempercepat atau memudahkan dalam pembangunan sebuah website
  10. 10. Beberapa plugin jquery yang sering digunakan oleh beberapa web developer : • Drop-Down-Menu • Tool-Tips • Autocomplete-Search • Validasi-Form • JQuery-Cycle-Plugin • Teks-Berjalan

×