ppt j query
Upcoming SlideShare
Loading in...5
×
 

ppt j query

on

  • 285 views

 

Statistics

Views

Total Views
285
Views on SlideShare
275
Embed Views
10

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 10

http://septia-lutfi-1102412035-01.blogspot.com 10

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

ppt j query ppt j query Presentation Transcript

  • Nama NIM Rombel : Ika Susila Jayaningrum : 1102412035 : 01
  • JQuery adalah librari JavaScript yang memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit kita menambahkan event atau pun properti pada halaman web tersebut.
  • JQuery pertama dirilis pada tanggal 14 Januari 2006 oleh John Resig. Dan kini jQuery telah digunakan oleh beberapa situs yang canggih nan terkenal seperti: Google, Facebook, Twitter, Youtube, Nokia dan masih banyak lagi. Tidak ha nya situs interlokal, lokal juga ada kok yang telah memakai jQuery, contohnya:VivaNews, Studio 21, Kompas dan lain-lain.
  •  JQuery  JQuery versi 1.0 (1.0.1, 1.0.2, 1.0.3, 1.0.4) versi 1.1 (1.1.1, 1.1.2, 1.1.3, 1.1.3.1, 1.1.4)  JQuery versi 1.2 (1.2, 1.2.1, 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.2.6)  JQuery versi 1.3 (1.3.1, 1.3.2)  JQuery versi 1.4 (1.4.1, 1.4.2, 1.4.3, 1.4.4)  JQuery versi 1.5 (1.5.1, 1.5.2)  JQuery versi 1.6 (1.6.1, 1.6.2, 1.6.3, 1.6.4)  JQuery versi 1.7  JQuery versi 1.8 (1.8.1, 1.8.2)
  •  Mengakses bagian halaman website dengan mudah  Merespon interaksi user dalam halaman  Menambahkan animasi ke halaman  Mengubah isi dari halaman  Mengambil informasi di server tanpa harus merefresh halaman web  Mengubah bagian halaman tertentu  Menyederhanakan penulisan Javascript biasa
  •  Kompatibel dengan hampir seluruh browser  jQuery telah digunakan oleh website-website raksasa  Kompatibel dengan seluruh versi CSS (dari CSS 1 sampai CSS 3)  Dokumentasi dan tutorialnya lengkap  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
  • Meskipun diklaim jquery memiliki beban kerja yang ringan (load CPU dan RAM) untuk browser, tetap saja lebih ringan (cepat diload) 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. 
  • Mempermudah akses dan manipulasi ke bagian page tertentu. jQuery menawarkan sebuah selector yang robust dan efesien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi  Mempermudah perubahan tampilan dokumen. jQuery dapat mengubah tampilan CSS dengan mudah  Merespon interaksi user dengan webpage. jQuery mempunyai cara yang sangat-sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage.  Menambah animasi. Kita dapat memberi animasi pada webpage kita dengan jQuery 
  •  jQuery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semua di halaman web  Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan  Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yang sudah dipilih
  • Berikut ini hal-hal yang dapat dilakukan jquery dan beberapa contoh web dengan jquery.  CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.
  •  Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.
  •  Selector adalah fungsi utama pada jQuery. semua fungsi lainnya di jQuery dapat diakses melalui selector. Penggunaan paling dasarnya adalah mempassingkan sebuah ekspressi (biasanya ekspressi css) yang kemudian selanjutnya jQuery akan mencari elemen yang cocok. pada intinya ini adalah fungsi untuk memilih elemen-elemen pad halaman web. Fungsi selector adalah $(„ekspressi‟). untuk penggunaan $() yang aman sebaiknya dilakukan setelah semua page DOM selesai terbaca semua. jadi webpagenya sudah lengkap baru script di eksekusi. kita dapat melakukannya dengan pada fungsi $(document).ready()
  • Jquery Manipulation maksudnya penggunaan jquery untuk memanipulasi struktur dokumen. ada 7 kategori manipulasi yang disupport oleh jquery yaitu  Perubahan Content. Kita dapat merubah kontent dari sebuah object dengan dua fungsi yaitu html dan text  Insert kedalam object. Setelah kita memilih sebuah object, kita dapat memasukkan tab html atau object kedalamnya. ada dua jenis insert yaitu append dan prepend
  •  Insert dikeluar object. Object yang akan ada tambahkan akan ada diluar masingmasing tag yang dipilih  Insert kesekitar object.  Mereplace object  Menghapus object  Mengopi object.
  •  Sintaks jquery biasanya dibuat untuk memilih elemen-elemen HTML dan melakukan aksi terhadap elemen yang dipilih.
  •  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,