jQuery merupakan library JavaScript terhandal saat ini. Faktanya, banyak perusahaan besar tingkat dunia menggunakan jQuery dalam teknologi website mereka. Bahkan website-website lokal pun juga tidak mau ketinggalan.
jQuery berhasil menyederhanakan fungsi-fungsi Javascript dan Ajax yang rumit, sehingga hanya dengan beberapa baris kode, kita bisa membuat website dengan tingkat interaktivitas yang tinggi (responsif), bahkan membuat animasi yang canggih tanpa memerlukan instalasi plugin flash pada browser.
Sebenarnya penggunaan jQuery sangatlah mudah, karena tanpa dibekali penguasaan pemrograman Javascript sekalipun, karena semuanya sudah dibungkus dalam bentuk library dan plugin. Intinya, kita hanya perlu tahu cara menerapkanya dalam website kita.
Selain membahas dasar-dasar jQuery, secara praktis juga membahas beberapa koleksi jQuery yang sering digunakan dalam website, seperti accordion, datepicker, tabs, expose, overlay, tooltip, scrollable, flashembed, news ticker, kotak dialog, menu dropdown superfish, animasi slideshow headline berita. galeri foto carousel, validasi interaktif, grafik 3D, efek dan animasi. Dan diakhir bab juga disajikan cara menggabungkan beberapa teknik jQuery sekaligus yang semuanya langsung diterapkan dalam sebuah proyek website lengkap yang sesuai judulnya
 |
| Bikin Website Super Keren Dengan Php & Jquery |
BAB 1. Kenalan Dulu Yuk Sama jQuery1.1.
Apa itu jQuery1.2.
Mengapa Memilih jQuery1.3.
Apa Kemampuan yang Dimiliki jQuery1.4.
Bagaimana Menggunakan jQuery?1.5.
Bagaimana Cara Kerja jQuery1.6.
Apa yang Perlu Dipersiapkan?BAB 2. Trik Dasar Memahami jQuery2.1. Filosofi Pemograman jQuery
2.2. Memahami Selectors
2.2.1. Selectors tag
2.2.2. Selector id
2.2.3. Selector class
2.3. Memahami Events
2.3.1. Events click()
2.3.2. Events dblclick()
2.4. Memahami Effects
BAB 3. Berkreasi dengan Plugin3.1. jQuery UI: Ciptakan Efek yang Canggih
3.1.1. Instalasi jQuery UI
3.1.2. Prinsip Menggunakan jQuery UI
3.1.3. Percantik Tanggal dengan Datepicker
3.1.3.1. Datepicker Standar
3.1.3.2. Datepicker Format Bahasa Indonesia
3.1.3.3. Mengubah Format Penanggalan Datepicker
3.1.3.4. Menampilkan Pilihan Bulan dan Tahun
3.1.3.5. Memilih Tanggal Menggunakan Tombol
3.1.3.6. Mengganti Themes Datepicker
3.1.3.7. Animasi Datepicker
3.1.4. Alunan Keindahan Menu Accordion
3.1.4.1. Accordion Standar
3.1.4.2. Efek Hover Accordion
3.1.4.3. Menentukan Bagian Accordion yang Aktif
3.1.4.4. Animasi Accordion
3.1.4.5. Menentukan Lebar dan Tinggi Accordion
3.1.5. Bukan Kotak Dialog Biasa
3.1.5.1. Kotak Dialog Standar
3.1.5.2. Drag dan Resize Kotak Dialog
3.1.5.3. Membuka Kotak Dialog
3.1.5.4. Modal Kotak Dialog
3.1.5.5. Menentukan Posisi Kotak Dialog
3.1.5.6. Animasi Kotak Dialog
3.1.5.7. Menampilkan Accordion dalam Kotak Dialog
3.1.6. Efek-Efek Spesial
3.1.6.1. Efek Bounce (Memantul)
3.1.6.2. Efek Explode (Ledakan)
3.2. jQuery Tools: Hadirkan Efek yang Memukau
3.2.1. Download jQuery Tools
3.2.2. Efisiensi Content dengan Tabs
3.2.2.1. Tabs Standar
3.2.2.2. Mempercantik Tampilan Tabs
3.2.2.3. Membuat Accordion dengan Tknik Tabs
3.2.2.4. Efek Kedipan Warna Accordion
3.2.3. Tooltip yang Menawan
3.2.3.1. Tooltip Standar
3.2.3.2. Tooltip Form
3.2.4. Tonjolkan dengan Expose
3.2.4.1. Expose Standar
3.2.4.2. Expose Form
3.2.5. Bikin Lapisan dengan Overlay
3.2.5.1. Overlay Standar
3.2.5.2. Modal Kotak Dialog Ala Overlay
3.2.6. Scrollable (Efek Menggulung)
3.2.6.1. Scrollable Standar
3.2.6.2. Scrollable Galeri Foto
3.2.7. Flashembed (Menampilkan Animasi Flash)
3.2.8. Mengkombinasikan Beberapa Efek
3.2.8.1. Kombinasi Efek Scrollable dan Tabs
3.2.8.2. Kombinasi Efek Scrollable, Overlay dan Tooltip
3.3. Gudang Penyimpanan Plugin
BABA 4. Kolaborasi Cantik PHP dan jQuery4.1. Tabel Berkulit Zebra
4.1.1. Tabel Berkulit Zebra (Statis - jQuery)
4.1.2. Tabel Berkulit Zebra (Dinamis - PHP)
4.2. Animasi SlideShow Headline Berita
4.2.1. Animasi SlideShow Headline Berita (Statis - jQuery)
4.2.2. Animasi SlideShow Headline Berita (Dinamis - PHP)
4.3. Menu Dropdown yang Sexy
4.3.1. Menu Dropdown (Statis - jQuery)
4.3.2. Menu Dropdown (Dinamis - PHP)
4.3.3. Menambahkan Sub Submenu pada Menu Dropdown
4.3.4. Mengubah Tampilan Menu Dropdown
4.4. Cara Gampang Membuat Grafik 3D
4.4.1. Membuat Grafik 3D (Statis - jQuery)
4.4.2. Membuat Grafik 3D (Dinamis - PHP)
4.5. Membuat Validasi Lebih Responsif
BAB 5. Proyek Bikin Website Super Keren5.1. Persiapan Database (Import Database)
5.2. Anatomi Layout Website (File Utama)
5.3. Menu Dropdown Superfish
5.4. Animasi SlideShow Headline Berita
5.5. Pengelompokan Content dengan Teknik Tabs
5.6. Percantik Pop-Up Windows dengan FancyBox
5.7. Sekilas Info (News Ticker)
5.8. Catatan Akhir jQuery
Tulisan Terkait