logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery
Google Powered Search
 
ilmu grafis » JQUERY

Tentang Fungsi jQuery dan Sejarahnya

Publish: 2 Maret 2013 | Author & Copyright: Johan | Status: FREE tutorial jQuery

Sejarah dan Pengenalan jQuery

Semenjak dirilis pertama kali pada tahun 2006 oleh john Resig, jQuery telah mencuri perhatian para developer web. Buktinya, pada tahun-tahun berikutnya jQuery telah banyak digunakan oleh website - website terkemuka di dunia seperti Google, Microsoft, intel , Nokia, Oracle , IBM, DELL, BBC, NBC, ESPN, EAPN, EA Sport, Twitter, Facebook, Amazon, Techorati, Youtobe Apple, Wordpress, Mozila, Netflix , Digg, Time, dan masih banyak lagi. Bahkan website lokalpun tidak mau ketinggalan, Lihat saja Detik, Studio 21 (21cineplex.com). Indosiar, Vivanews, Kompas, termasuk IlmuGrafis tentunya dan lain-lain.

Website ilmugrafis pakai jQuery di mananya gan?
Cek di tab Menu Utama website ilmugrafis.com sebelah atas, disitu jika di klik bagian panah kecil maka akan ada drop down menu, dan juga smooth "back to top" yang ada di sebelah kanan bawah juga pakai jQuery. tenang saja, Nanti akan saya bagikan cara / trik pembuatannya di tutorial berikutnya.

Kembali ke topik bahasan tentang Jquery...

Dan sampai saat ini sudah tercatat ada jutaan website yang telah menggunakan jQuery. Untuk lebih lengkapnya, silahkan lihat di http://docs.jquery.com/Sites_Using_jQuery. Jadi jika kita yang ngaku-ngaku sebagai seorang developer web namun belum mengenal jQuery maka kita termasuk orang yang ketinggalan dan rugi, mari kita jelajahi dunia jQuery yang penuh dengan keindahan.

Apa itu jQuery?

jQuery adalah  javascript Library -> kumpulan kode / fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Secara standar. Apabila kita membuat kode Javascript, maka diperlukan kode yang cukup panjang,  bahkan terkadang sangat sulit dipahami, misalnya fungsi Javascript untuk membuat stripe (warna selang-seling) pada baris suatu tabel adalah sebagai berikut:

Nah, disinilah peran jQuery sebagai Javascript Library, dimana kita bisa langsung memanggil fungsi yang terdapat di dalam Library tersebut, menariknya kita hanya memerlukan satu/dua baris untuk membuat warna selang-seling pada suatu tabel, yaitu:

jQuery(‘table trinth-child(odd)’) .addClass (‘odd’) ;

Kesimpulannya, jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya ‘Write less, do more ‘ cukup tulis sedikit, tapi bisa melakukan banyak hal.

logo jquery write less do more
Gambar : Logo jQuery dan slogannya

Catatan:
Javascript merupakan pemrograman yang berjalan disisi klien (browser), sehingga Javascript dapat membuat website lebih hidup (interaktif dan responsif) . Beberapa contoh yang bisa dilakukan Javascript adalah pembuatan animasi, kotak dialog , mengubah bentuk kursor mouse, validasi form, dan lain-lain. Kemampuan istimewa lainnya. Javascript dapat membuat website dengan cita rasa desktop.

Mengapa Menggunakan jQuery?

Apa keunggulan jQuery dibandingkan Javascript Library pendahulunya seperti Phototype, Mootools , YUI (Yahoo User Interface), dan Dojo? Berikut beberapa alas an yang membuktikan jQuery sangat powerfull dan layak dijadikan pilihan, yaitu:

  • jQuery telah banyak digunakan oleh website-website terkemuka di dunia.
  • Kompatibel/cocok dengan semua browser yang popular, seperti Mozila, Internet Explorer, Safari, Chrome, Opera.
  • Kompatibel dengan semua versi CSS (CSS 1 sampai dengan CSS 3)
  • Dokumentasi, tutorial dan contoh-contohnya lengkap, silahkan kunjungi website resminya di http://jquery/com
  • Didukung oleh komunitas yang besar dan aktif, seperti forum,milis, blog, social engineering (twitter dan facebook), website, dan tutorial.
  • Ketersediaan plugin yang sangat banyak jumlahnya. Plugin merupakan kemampuan tambahan yang bisa disertakan pada jQuery.
  • Filenya hanya satu dan ukurannya pun kecil, hanya sekitar 20 KB, sehingga cepat diakses
  • Open source/free (gratis) dengan lisensi dari GNU General Public Lisence  dan MIT License.
  • jQuery lebih banyak digunakan oleh para developer web dibandingkan Javascript Libary lainnya

Apa Kemampuan yang dimiliki jQuery?

Dari beberapa uraian sebelumnya, kita sudah melihat sebagaian kemampuan jQuery. Berikut ini akan dijabarkan lagi mengenai kemampuan yang dimiliki jQuery, diantaranya:

  1. Mempermudah akses dan manipulasi elemen tertentu pada dokumen.
    Biasanya diperlukan baris program yang cukup panjang untuk mengakses suatu elemen dokumen . Namun  , jQuery dapat melakukannya hanya dalam beberapa baris program saja. Karena jQuery menpunyai Selector yang sangat efisien untuk mengakses suatu elemen tertentu pada dokumen yang selanjutnya bisa dimanipulasi sesuai dengan keinginan kita.

  2. Mempermudah modifikasi/perubahan tampilan halaman web.
    Biasanya untuk memodifikasi tampilan halaman web digunakan CSS. Permasalahannya, CSS sangat dipengaruhi oleh web browser yang digunakan sehingga Sering terjadi halaman web yang dibuat sudah rapi dan bagus tampilannyadi browser Mozilla, namun ketika ditampilkan di Opera menjadi berantakan. Namun, jQuery dapat menyesuaikan style CSS pada semua browser, sehingga permasalahann tersebut dapat dihindari.

  3. Mempersingkat Ajax (Asynchronous Javascript and XML)
    Kemampuan favorit dari Ajex adalah mampu mengambil informasi dari server tanpa melakukan refresh pada halaman web, artinya halaman web terlihat berganti secara otomatis. Apabila kita menuliskan kode Ajax secara manual, biasanya diperlukan baris yang cukup panjang, namun jQuery dapat mempersingkatnya menggunakan Ajax cell, perbandingan 25 baris kode Ajax dapat disingkat menjadi 5 baris kode aja kita menggunakan jQuery.

  4. Memiliki API (Application Programming Interface)
    Dengan API, jQuery dapat memanipulasi content pada suatu halaman web, seperti pengubahan teks, manipulasi gambar (resize,rotate,crop), penyusunan daftar (list), pengurutan list, paging, dan lain-lain.

  5. Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat.

  6. Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.
Demikianlah beberapa kemampuan yang ditawarkan jQuery, semoga anda tergoda untuk mempelajarinya. Sampai jumpa di tutorial jQuery berikutnya yaitu implementasi JQuery. Terima kasih. Semoga Bermanfaat.

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Berlangganan ilmuGrafis.com via Email


author

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai komputer grafis terutama program photoshop dan coreldraw. Saat ini bekerja sebagai designer grafis di salah satu perusahaan swasta di Surabaya.
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ : johan felisitas
Facebook : facebook.com/tomuramaster
Email : johan.felisitas[at]gmail[dot]com



Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh ilmuGrafis Store
HTML CSS
Website HTML CSS

Video Tutorial Cara Pembuatan Website dengan HTML Fundamental dan CSS Style
PHP 1
Pemrograman PHP

Video Tutorial Cara Membuat dan Memprogram Website Dinamis dengan PHP
DREAMWEAVER
Webdesain Dreamweaver

CD Tutorial ini berisi tips dan trik desain website dengan Dreamweaver dan Photoshop
joomla premium templateJoomla Template
Joomla Premium Template Koleksi template premium untuk CMS Joomla 1.5 , 2.5 dan 3.0
Flash Animation
FLASH CS4 Animasi

Membahas cara menguasai Adobe Flash CS4 dalam pembuatan animasi dan website
webmaster collection
Webmaster Collection

Webmaster Collection terdapat Ribuan jenis dan type Template Web Professional


ARTsense Dumetschool
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use

kategori

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

PHOTOGRAPHY
Lightroom

VECTORIZE
Adobe Illustrator

ANIMATION
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DEVELOPER
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

DESIGN
News
Artikel

PERKAKAS
Fonts
Software
Templates

INSPIRATION
Gallery
Papercraft

EXHIBITION
Liga Grafis
Hall Of Fame

EXTRA
Bursa Kerja
Jasa Grafis
Donasi

INTERAKSI
Buku Tamu
Kontak
Facebook
Google+
Twitter

Link Banner
ilmugrafis banner

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top