Belajar jQuery

1 Belajar jQuery : Pengenalan

jQuery adalah perpustakaan JavaScript yang cepat, ringan, dan kaya fitur yang didasarkan pada prinsip “write less, do morek”. API yang mudah digunakan membuat hal-hal seperti dokumen traversal dan manipulation HTML, event handling, menambahkan efek animasi ke halaman web menjadi lebih sederhana dan bekerja secara smooth di semua browser. Lanjut baca…

2. Belajar jQuery : Membuat File Pertama

Untuk memulai, unduh salinan jQuery terlebih dahulu dan sertakan dalam dokumen kalian. Ada dua versi jQuery yang tersedia untuk diunduh – compressed dan uncompressed. File yang tidak dikompres paling cocok untuk development atau debugging. Lanjut baca…

3. Belajar jQuery : Syntax

Pernyataan jQuery biasanya dimulai dengan tanda dolar ($) dan diakhiri dengan tanda titik koma (;). Pada jQuery, tanda dolar ($) hanyalah alias untuk jQuery. Metode jQuery ready() biasanya digunakan dengan fungsi anonim. Lanjut baca…

4. Belajar jQuery : Selector

JavaScript paling umum digunakan untuk mendapatkan atau memodifikasi konten atau nilai elemen HTML pada suatu halaman, serta untuk menerapkan beberapa efek seperti show, hide, animasi dll. Tetapi, sebelum kalian dapat melakukan tindakan apa pun kalian perlu menemukan atau memilih elemen HTML targetnya terlebih dahulu. Lanjut baca…

5. Belajar jQuery : Event

Event sering dipicu oleh interaksi user dengan halaman web, seperti ketika tautan atau tombol diklik, teks dimasukkan ke dalam kotak input atau text area, pemilihan dilakukan dalam kotak pilih, tombol ditekan pada keyboard, mouse pointer dipindahkan dll. Lanjut baca…

6. Belajar jQuery : Efek Show dan Hide

Kalian dapat menampilkan dan menyembunyikan elemen HTML menggunakan metode jQuery show() dan hide(). Metode hide() cukup mengatur inline style display: none untuk elemen yang dipilih. Sebaliknya, metode show() mengembalikan display properties dari set elemen yang cocok ke awalnya — Lanjut baca…

7. Belajar jQuery : Effek Fading

Kalian dapat menggunakan metode jQuery fadeIn() dan fadeOut() untuk menampilkan atau menyembunyikan elemen HTML dengan secara bertahap menambah atau mengurangi opacitynya. Seperti metode efek jQuery lainnya, Lanjut baca…

8. Belajar jQuery : Efek Sliding

Metode jQuery slideUp() dan slideDown() digunakan untuk menyembunyikan atau menampilkan elemen HTML dengan secara bertahap mengurangi atau menambah tinggi mereka (mis. Dengan menggesernya ke atas atau ke bawah). Lanjut baca…

9. Belajar jQuery : Efek Animasi

Metode jQuery animate() digunakan untuk membuat custom animasi. Metode animate() biasanya digunakan untuk menganimasi properti CSS numerik, misalnya, width, height, margin, padding, opacity, top, left, dll. Tetapi properti non-numerik seperti color atau background-color tidak dapat dianimasikan menggunakan fungsionalitas jQuery dasar. Lanjut baca…

10. Belajar jQuery : Stop Animation

Metode jQuery stop() digunakan untuk menghentikan animasi jQuery atau efek yang sedang berjalan pada elemen yang dipilih sebelum selesai. Selain itu kita juga akan mempelajari cara membuat smooth hover effect. Saat membuat efek animasi hover, salah satu masalah umum yang mungkin kalian hadapi adalah multiple queued animation, Lanjut baca…

11. Belajar jQuery : Chaining

JQuery menyediakan fitur kuat lain yang disebut metode chaining yang memungkinkan kita untuk melakukan beberapa tindakan pada set elemen yang sama, semua dalam satu baris kode. Ini dimungkinkan karena sebagian besar metode jQuery mengembalikan objek jQuery yang selanjutnya dapat digunakan untuk memanggil metode lain. Lanjut baca…

12. Belajar jQuery : Callback

Pernyataan JavaScript dieksekusi baris demi baris. Tapi, karena efek jQuery membutuhkan waktu untuk menyelesaikan kode baris berikutnya akan dieksekusi saat efek sebelumnya masih berjalan. Untuk mencegah hal ini terjadi, jQuery menyediakan callback function untuk setiap metode efek. Lanjut baca…

13. Belajar jQuery: Membuat Slideshow Banner dengan SlickJS

Tentunya kita pernah melihat dalam sebuah website ada banner yang bisa bergerak ke kiri ke kanan atau sebaliknya. Dilengkapi dengan navigasi di kiri dan kanan sebagai penanda ke slide yang sebelumnya atau yang selanjutnya. Lanjut baca…

14. Belajar jQuery : Efek Animate

Pada seri tutorial JQuery kali ini, kita akan mempelajari efek animate. Apakah itu efek animate? Efek animate adalah salah satu efek dari JQuery yang memungkinkan suatu elemen HTML bergerak. Lanjut baca…

15. Belajar jQuery : Efek Fade dan Slide

Pada kesempatan kali ini kita akan mempelajari mengenai efek fade dan slide dari JQuery. Efek Fade ini hampir sama dengan efek show dan hide, hanya saja tampilan efek fade ini lebih pelan daripada Hide dan Show. Lanjut baca…

16. Belajar jQuery : Efek Hide dan Show

Pada kesempatan kali ini, kita akan mempelajari tentang salah satu efek dari JQuery. Seperti namanya sudah dapat ditebak bahwa artinya sembunyi dan tampil. Artinya kita akan membuat elemen HTML bisa menghilang atau ditampilkan. Lanjut baca…

17. Belajar jQuery : Pengenalan dan Syntax Dasar

Jquery adalah library dari JavaScript yang cepat, kecil, dan kaya serta bisa disisipkan pada script kode HTML. JavaScript adalah bahasa pemograman dalam sebuah website yang digunakan agar website jadi lebih interaktif dan dinamis. Lanjut baca…

18. Belajar jQuery : Focus dan Blur

Pada tutorial kali ini kita akan mempelajari Efek Jquery Focus & Blur. Pertama-tama kita harus membuat koneksi html ke jquery, lalu langkah kedua kita kasih perintah jquery berubah warna di form kita. Lanjut baca…

19. Belajar jQuery : Membuat Efek Hide dan Show

Pada kesempatan kali ini kita akan belajar tentang JQuery. Kita akan membuat objek dari tag HTML bisa menghilang dan muncul kembali. Kita akan membuat beberapa tag HTML yang dibutuhkan, yaitu div, tombol submit dan sentuhan sedikit css. Lanjut baca…

20. Belajar jQuery : Belajar Teknik AJAX

Dikutip dari Wikipedia, Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, Lanjut baca…

21. Belajar jQuery : Pencarian Data 

jQuery adalah sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian ,jQuery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript. Lanjut baca…

22. Belajar jQuery : Menampilkan dan Menyembunyikan Teks

Perintah show() dan hide() di gunakan untuk menampilkan dan menyembunyikan . Untuk membuat perintah tersebut , buat file dengan nama show_hide_jquery.html . Kemudian masukkan script di bawah ini ke dalam file show_hide_jquery.html. Lanjut baca…

23. Belajar jQuery : Membuat Validasi 

Pada kesempatan kali ini kita akan membuat form validasi dengan jquery tanpa menggunakan plugin . Validasi di butuhkan untuk mengecek sebuah inputan data , apakah data sudah diisi dengan benar atau belum. Lanjut baca…

24. Belajar jQuery : Membuat Tabel Dinamis

Pada kesempatan kali ini kita akan belajar membuat tabel yang dinamis. Namanya adalah JQuery Datatable. Datatable adalah sebuah plugin yang dibangun oleh JQuery yang sudah meliputi search, paging, hingga penomoran otomatis di tabel yang nanti kita buat. Lanjut baca…

25. Belajar jQuery : Menggunakan JQuery Bx Slider

Pada postingan kali ini, kita akan membahas tentang JQuery, lebih tepatnya pada salah satu fiturnya yaitu slider. Yang mana slider ini digunakan untuk berpindah slide yang berupa gambar dari satu gambar ke gambar yang lain. Lanjut baca…

26. Belajar jQuery : Cara Membuat Input tanggal dengan Jquery UI DatePicker

Jquery adalah Javascrpt Library atau kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah kita untuk membuat kode Javascript. Sedangkan Jquery UI Datepicker adalah plugin Jquery yang dapat dikonfigurasikan untuk menambahkan fungsi kalender ke halaman web. Lanjut baca…

27. Belajar jQuery : Menampilkan Dan Menyembunyikan Elemen

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menampilkan dan menyembunyikan elemen dengan jQuery. Berikut contoh script jQuery untuk menyembunyikan dan menampilkan sebuah elemen menggunakan show() dan hide(). Lanjut baca..

28. Belajar jQuery : Menempatkan Kotak Dialog Pada Posisi Tertentu

Pada kesempatan kali ini saya ingin membagikan artikel mengenai Apakah Kotak Dialog Bisa Ditempatkan pada Posisi Tertentu. Secara bawaan, kotak dialog ditampilkan di tengah jendela browser. Lanjut baca…

29. Belajar jQuery : Memasang File Library jQuery

Berbagai fungsi JavaScript siap pakai dari jQuery disimpan pada sebuah file yang bernama jquery-xxx.js atau jquery-xxx.min.js. Tanda xxx merupakan angka versi jQuery. Adapun .min menandakan file tersebut telah dikompres agar ukurannya lebih kecil dari versi standarnya. Lanjut baca…

30. Belajar jQuery : Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()

jQuery merupakan Javascript Library yang mana jQuery ini merupakan kumpulan script-script perintah pada Javascript yang sudah siap untuk dipakai. jQuery digunakan untuk meringkas listing kode Javascript sendiri agar lebih mudah untuk dipakai. Lanjut baca…

31. Belajar jQuery : Memindahkan Objek Dengan Click & Drag

Pada kesempatan kali ini saya ingin membagikan artikel mengenai bagaimana suatu objek bisa dipindahkan ke mana saja dengan “Click & Drag”. JQuery UI mendukung fasilitas seperti itu. Lanjut baca…

32. Belajar jQuery : Apakah jQuery Mempunyai Perintah Untuk Menambah Isi Suatu Elemen?

Pada kesempatan kali ini saya ingin membagikan artikel mengenai Apakah jQuery Mempunyai Perintah Untuk Menambah Isi Suatu Elemen? Jawabannya ya jQuery mempunyai perintah untuk menambah isi suatu elemen, penambahan bisa dilakukan di awal atau di akhir isi semula. Lanjut baca…

33. Belajar jQuery : Menambahkan Video Bertipe AVI Dalam Halaman Web

Salah satu plugin yang bisa dipakai memainkan file bertipe seperti AVI yaitu jQuery Media Plugin. Plugin ini tidak hanya bisa dipakai untuk memainkan file video (asx, asf, avi, flv, mov, mpg, mpeg, mp4, qt, ra, smil, swf, wmv, 3g2, 3gp), tetapi juga bisa digunakan untuk memainkan file suara (audio) seperti mp3, rm, dan au. Selain itu juga bisa dipakai untuk menampilkan dokumen PDF. Lanjut baca…

34. Belajar jQuery : Menggunakan Efek Transition dengan jQuery Mobile

Apa sih efek transitions dan seperti apa efek transition itu ? efek transition adalah efek yang muncul ketika button / link diklik. Proses perpindahan Page tidak dalam keadaan biasa melainkan ada efek bergerak. Lanjut baca…

35. Belajar jQuery : Tutorial Membuat Popup Image dan Collapsibles dengan JQuery Mobile

Pada kesempatan kali ini kita akan Membahas Bagaimana Membuat Animasi Popup & Efek Collapsible Menggunakan Jquery Mobile dan JQuery, Pertama kita akan berkenalan, apa itu Jquery mobile? jQuery mobile itu adalah Javascript library dan Css Framework. Lanjut baca…

36. Belajar jQuery : Menambahkan jQuery Fancy Box di Konten yang Kita Inginkan

Pada artikel kali ini saya mencoba memperkenalkan seperti apa sih Jquery fancy box itu? Bagaimana sih cara kerja nya? Pertama2 silahkan kalian lihat contoh gallery yang dibuat menggunakan jQuery fancy box  dibawah ini. Lanjut baca…

37. Belajar jQuery : Merubah Tampilan Scroll Bar 

Pada kesempatan kali ini kita akan mencoba sebuah tutorial, yaitu merubah tampilan scroll bar dengan jquery. Biasanya tampilan scroll bar terlihat begitu kaku atau tampilannya hanya begitu-begitu saja pada sebuah jendela browser. Lanjut baca…

38. Belajar jQuery : Free JQuery Slider Plugin

Pada kesempatan kali ini saya akan membagikan beberapa plugin jQuery. Berikut beberapa plugin jquery yang dapat kalian download dengan gratis, semoga bermanfaat. Lanjut baca…

39. Belajar jQuery : Mengenal Jquery

jQuery adalah library atau kumpulan kode JavaScript siap pakai. Keunggulan menggunakan jQuery dibandingkan dengan javascript standar, yaitu menyederhanakan kode javascript dengan cara memanggil fungsi – fungsi yang disediakan oleh jQuery. Lanjut baca…

40. Belajar jQuery : Konversi Gambar ke Base64 dengan jQuery

Menurut wikipedia, Base64 adalah sekelompok skema pengkodean biner-ke-teks yang mewakili data biner dalam format string ASCII dengan menerjemahkannya ke dalam representasi radix-64. Versi sederhananya adalah kumpulan karakter atau string. Lanjut baca…