Resume jQuery dan Step-Step menuju jQuery

A. JUDUL

Resume jQuery dan Step-Step menuju jQuery

B. PENDAHULUAN

1. Pengertian

Jquery?

jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery adalah gratis, dan bersifat kode sumber terbuka dibawah lisensi MIT.

2. Latar Belakang

Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini. Ini memungkinan mereka untuk membuat abstraksi pada interaksi dan animasi tingkat-rendah, efek lanjutan, serta tampilan widget yang dapat dimodifikasi. Pendekatan modular pada jQuery memungkinkan kita dalam pembuatan halaman Web yang dinamis dan aplikasi berbasis Web yang ajib.

Sekumpulan fitur inti jQuery—yakni pemilihan elemen DOM, transferal dan manipulasi—dimungkinkan berkat adanya selector engine yang bernama Sizzle (sejak versi 1.3), yang membuat sebuah "gaya pemrograman baru", memadukan antara algoritme dan data struktur DOM. Gaya ini dipengaruhi oleh arsitektur JavaScript lainnya seperti YUI v3 dan Dojo, yang nantinya menstimulasi pembuatan standar Selector API.

3. Maksud danTujuan

• Mendorong pemisahan antara JavaScript dan HTML: Pustaka jQuery menyediakan sintaks yang sederhana utnuk penambahan penanganan event pada DOM dengan hanya menggunakan JavaScipt, bukan justru menambah event atribut HTML untuk memanggil fungsi JavaScript. Inilah yang mendorong para pengembang untuk memisahkan kode JavaScript dari markup HTML
• Keringkasan dan kejelasan: jQuery mempromosikan keringkasan dan kejelasan kode dengan fitur seperti chainable function dan shorthand function names.
• Mengeliminasi ketidak kompatibilitasan antar peramban (browser): Engine JavaScript pada setiap peramban pastilah sedikit berbeda antara satu dengan yang lainnya, jadi kode JavaScript yang berjalan pada sebuah peramban, bisa jadi tidak berjalan pada peramban yang lainnya. Seperti toolkit JavaScript lainnya, jQuery menangani seluruh ketidak konsistenan antar peramban dan menyediakan antar-muka konsisten yang dapat bekerja pada berbagai peramban yang berbeda.
• Ekstensibel: Event baru, elemen-elemen, dan method dapat dengan mudah ditambahkan dan kemudian dapat digunakan ulang sebagai sebuah plugin.

4. Hasil yang Diharapkan

C. ALAT dan BAHAN

• Laptop

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Pahami dahulu HTML (saya menggunakan HTML 5)
disini

2. Pahami CSS setelah fasih menggunakan HTML
disini
3. Pahami sedikit mengenai JavaScript disini

jQuery merupakan library dari javascript, seenarnya tidak hanya jQuery yang menjadi library javascript. Akan tetapi, ada juga yang lainnya. Akan tetapi, disini kita akan membahas mengenai javascript.
jQuery sendiri terjadi dari beberapa bagian, misalkan

1. JQuery (Core) adalah jQuery yang terdiri dari keseluruhan. Untuk jQuery core dapat didownload disini.

2. Ada jQuery UI(User Interface) adalah kumpulan antarmuka pengguna, efek, widget, dan tema antarmuka kurir yang disusun di atas javascript Perpustakaan jQuery. Jika Anda baru mengenal jQuery UI, Anda mungkin ingin memeriksa situs utama kami untuk informasi lebih lanjut dan demo penuh. Jika Anda baru mengenal jQuery, Anda mungkin juga tertarik dengan tutorial Pusat Belajar JQuery. jQuery UI dapat dipelajari disini

3. Selanjutnya ada jQuery Tool yakni kumpulan komponen antar muka pengguna yang paling penting untuk situs web modern. Yang digunakan oleh situs besar di seluruh dunia. Untuk jQuery tools dapat diperoleh disini
Dan masih banyak lagi yang lainnya. Tinggal baca^_^.

Nah untuk cara kerjanya seperti berikut

$(document).ready(function(){

});

Ini untu mendefinisikan dan memastikan bahwa sudah ada tag yang ingin ditampilkan.

 $("#demo img[title]")

Untuk disini bagian dari pemanggilan file yang akan diberi effect. Untuk mengeksekusi seperti script dibawah

$("#demo img[title]").tooltip({effect: 'slide'});
                });

F. HASIL yang DIDAPAT
Dari sini sehingga kita tahu mengapa website yang ada itu tampak lebih menarik. Karena dari situlah, dari effect-effect yang diciptakan dari javascript.
 

G. PENEMUAN PERMASALAHAN
Mencampurkan penggunaan jQuery UI dan jQuery Tools. Padahal hanya menggunakan salah satu diantara keduanya.

H. KESIMPULAN

Bila ingin menuju yang tingkat atas, dalami dulu tingkat bawahnya.

I. REFERENSI

https://id.wikipedia.org/wiki/JQuery
jquery.com
jqueryui.com