Semenjak Internet menjadi kebutuhan masyarakat moderen pada saat ini, maka berbanding lurus dengan perkembangan website/situs. Seiring dengan kebutuhan dan perkembangan website yang semakin tinggi, maka teknologi di dalam website semakin tinggi pula.
Dahulu Tampilan website hanya statis dan belum interaktif, sehingga terkesan membosankan dan tidak profesional. Sekarang ini jika Anda amati, semakin bertebaran website yang interaktif dan memiliki tampilan dinamis, sehingga memanjakan pengguna Internet.
Website berupa mesin pencarian, blog, situs jejaring, web berita, dan beberapa kategori lainnya , pada saat ini nampak telah menunjukkan sebuah website yang profesional, dinamis, dan canggih.
Hal ini karena Teknologi pendukung pembuatan Website telah berkembang dengan pesat. Salah satu teknologi penunjang sebuah website moderen yaitu JQuery. Lantas Seperti apakah JQuery itu?
Section Artikel
JQuery
JQuery merupakan sebuah Javascripts Library atau bisa disebut juga perpustakaan atau kumpulan kode/kode program Javascript yang siap pakai.
Dalam arti sederhana, JQuery dapat digunakan untuk meringkas sebuah kode program Javascript yang panjang dalam sebuah proyek pembuatan website.
Sehingga Anda sebagai Developer Web, akan diberikan kemudahan dalam menghadapi bagian yang mengandung Javascript. JQuery merupakan program yang berjalan pada sisi server dan akan ditampilkan pada Browser Web.
Jquery dapat berjalan di dalam HTML, atau bahasa pemprograman berbasis web lainnya seperti PHP atau JSP.
Apa Saja yang Perlu Dipelajari
Ada beberapa hal yang perlu Anda kuasai atau ketahui sebelum Anda mempelajari JQuery, yaitu:
HTML
HTML merupakan bahasa StAndar dari sebuah website. Atau bisa dikatakan bahwa HTML adalah pondasi dalam pembuatan website.
bahasa pemprograman server-side-scripting yang berjalan pada sisi server , sehingga permintaan dari user melalui browser, akan diolah di dalam server kemudian jawabannya akan dikirim lagi kembali di tampilan browser.
<html> <head> <title>Kode program HTML Pertama</title> </head> <body> Halo, ini adalah Kode program HTML pertama saya!! </body> </html>
Jika Anda masih sangat awam tentang HTML, Anda dapat membaca buku atau mencari tutorial tentang HTML, sehingga setelah Anda sedikit menguasai HTML, Anda dapat dengan mudah mempelajari JQuery.
PHP
PHP adalah salah satu program untuk pembuatan Website dinamis yang disisipkan di dalam HTML. Php adalah server side language yang dapat membantu pembuatan web.
Kode program PHP dapat dikolaborasikan dengan Jquery untuk membangun Website yang interaktif dan dinamis, sehingga akan menghasilkan Web yang Profesional.
JavaScript
Jika Anda ingin mempelajari JQuery, pastinya Anda harus mengerti dasar-dasar Javascript, ini wajib karena memang bahasa dasar dari Jquery adalah Javascript.
Selain Anda setidaknya mengenal tentang HTML dan PHP, jika Anda ingin menguasai pemrograman Web secara keseluruhan (kompleks) dengan memanfaatkan Jquery, Anda dapat mempelajari Database seperti MySQL,CSS, dasar JavaScript, dan Ajax.
Keunggulan Jquery
Semenjak diluncurkan pada tahun 2006, JQuery merupakan Javascript Library yang popular pada saat ini. Sehingga banyak website-website ternama menggunakan JQuery di di dalamnya.
JQuery memiliki keunggulan yang lebih dibandingkan dengan Javascript Library pendahulunya seperti Yahoo User Interface, Mootools, dan Prototype. Hal ini dikarenakan Jquery memiliki beberapa keunggulan, diantaranya:
- Mudah dioperasikan, karena hanya mengetikkan beberapa baris kode saja, sehingga tidak perlu menuliskan program yang panjang.
- JQuery menyediakan fasilitas Plugins yang beragam. Plugins-plugins ini sangat berguna dalam aksesori maupun teknologi suatu website yang Anda bangun menggunakan JQuery.
- JQuery dapat menyesuaikan style CSS dalam semua browser web, sehingga pengunjung dapat menikmati tampilan Web Anda yang bagus dari semua Browser.
- Menyediakan fasilitas untuk tampilan Animasi seperti pada pembuatan animasi menggunakan Flash.
- Didukung oleh komunitas dan pengembang JQuery yagn tersebar diseluruh dunia.
- JQuery merupakan Open Source, sehingga bebas dan gratis digunakan oleh siapa saja.
- Dan lain-lain.
Persiapan Menggunakan JQuery
Unduh dan Instal JQuery
- Untuk dapat mencoba menggunakan JQuery di dalam komputer lokal Anda. Unduh dahulu file JQuery dari website resmi JQuery yang beralamat di http://jquery.com.
- Setelah masuk ke dalam halaman website JQuery, Anda dapat masuk ke dalam menu Download. Anda dapat pilih versi terbaru, pada saat artikel ini ditulis versi Jquery 3.4.1. Anda dapat pilih yang uncompressed Development atau compressed production.
- Jika sudah klik tutan unduh Jquery, maka browser akan menampilkan kode program JQuery Library yang dapat Anda ungguh. Jika Anda menggunakan Chrome klik kanan Save As lalu simpan ke dalam komputer.
- Kemudian akan muncul jendela untuk proses peyimpanan terakhir. Simpanlah di dalam folder atau direktori yang Anda kehendaki. Jika Anda hanya akan melakukan ujicoba JQuery di dalam HTML, Anda dapat menyimpan JQuery tanpa harus di dalam aplikasi server lokal seperti AppServ atau Xampp. Namun jika nanti sudah melangkah ke dalam pembuatan web dinamis, dengan mengkolaborasikan HTML. PHP, dan JQuery, maka haruslah semua file disimpan di dalam server lokal, agar dapat dikompilasi.
- File JQuery yang tersimpan di dalam komputer Anda berekstensi .js, yaitu jquery-3.4.1.js .
Berikut ini contoh tampilan kode program yang ada JQuery di dalamnya :
<html>
<head>
<title>JQuery Pertama</title>
<script src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($("img").attr("alt"));
});
</script>
</head>
<body>
Ujicoba pertamaku
<img src="images/logo-jquery.jpg" height="50" width="50" alt="Ujicoba Pertamaku">
</body>
</html>
