Oke, kali ini kita akan membahas mengenai Perbedaan JavaScript dan JQuery. Kan kemarin kita juga sudah membahas mengenai pengertian dari Javascript dan JQuery. Selanjutnya, apa perbedaan dari keduanya?. Jika ingin mengetahui perbedaannya, mari kita bahas bersama-sama.
PENGERTIAN
Javascript adalah bahasa pemrograman yang digunakan khusus untuk bagian front-end yang digunakan untuk memberi efek pada tampilan atau template website agar lebih terkesan hidup dan lebih indah.
Sedangkan JQuery adalah merupakan Library Javascript, yang akan memudahkan development atau pengembang untuk menggunakan Javascript. Dikatakan mudah, karena JQuery merupakan script singkat atau script ringkasan dari Javascript.
LATAR BELAKANG
Sering orang-orang disekitar kita belum mengetahui secara pasti perbedaan dari Javascript dan JQuery itu sendiri termasuk juga saya. Saya juga merasa masih belum terlalu memahami perbedaan dari keduanya.
MAKSUD DAN TUJUAN
Agar kita memahami perbedaan dari Javascript dan JQuery.
HASIL YANG DIHARAPKAN
Memahami Javascript dan JQuery.
URAIAN
Javascript adalah bahasa pemrograman yang digunakan khusus untuk bagian front-end yang digunakan untuk memberi efek pada tampilan atau template website agar lebih terkesan hidup dan lebih indah.
Untuk di Javascript kita akan membuat sebuah tampilan dari awal dan tidak menggunakan pemanggilan fungsinya saja. Di Javascript, kita memanggil sebuah sintak menggunakan script seperti dibawah ini :
document.getElementById("demo")Untuk demo, demo ini bisa diubah sesuai dengan yang kita inginkan. Misalnya saja demo kita ubah menjadi kelas. Hal itu tidak akan berpengaruh, dengan syarat, kita nanti akan membuat tag <p> atau tag untuk teks lainnya dengan menambahkan id didalamnya.
Dan jika akan menggunakan sintaks HTML, maka dibelakang class-nya kita menambahkan sintaks .innerHTML, seperti ini :
document.getElementById("demo").innerHTML
Sedangkan JQuery adalah merupakan Library Javascript, yang akan memudahkan development atau pengembang untuk menggunakan Javascript. Dikatakan mudah, karena JQuery merupakan script singkat atau script ringkasan dari Javascript.
Nah, untuk JQuery ini kita hanya perlu memanggil function-nya saja. Contoh untuk pemanggilan function ini seperti dibawah ini :
$(document).ready(function(){Nah, didalam kurung kurawal ini kita bisa mengisikan function yang akan kita gunakan, misalnya kita ingin membuat jquery animasi, maka kita hanya perlu memanggil function dari jquery animasi saja, seperti ini contoh script-nya :
});
<!DOCTYPE html>Coba script diatas, simpan kemudian lihat dibrowser. Untuk menjalankan animasi-nya, silakan klik Start. Kemudian lihat apa yang terjadi.
<html>
<head>
<script src="../../ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left: '250px'});
});
});
</script>
</head>
<body>
<button>Start</button>
<p>Ini adalah JQuery Animate</p>
<div style="background: cyan ;height: 100px; width: 100px; position: absolute;"></div>
</body>
Oke, cukup sekian dan semoga bermanfaat ya teman-teman.
HASIL YANG DIDAPATKAN
Paham mengenai perbedaan antara Javascript dan JQuery.
TEMUAN PERMASALAHAN
Alhamdulillah sampai saat ini belum ada permasalahan yang muncul disini.
KESIMPULAN
Javascript adalah bahasa pemrograman yang dirancang untuk berjalan di lingkungan klien yang dikombinasikan dengan dokumen HTML. Javascript dijalankan dengan bantuan browser sehingga dapat melakukan interaksi dengan user, melakukan kontrol browser dan memanipulasi dokumen web atau materi web saat ditampilkan serta beberapa validasi data.
Sedangkan JQuery adalah sebuah komponen/librari/framework (kamus atau perpustakaan) yang dibuat dari JavaScript dengan tujuan memudahkan seorang programmer dalam menggunakan fungsi-fungsi yang lebih rumit. Dengan jquery, seorang programmer bisa lebih leluasa dan mudah melakukan kontrol, manipulasi, automasi halaman web. Oleh karena kemudahan tersebut jQuery memiliki semboyan "write less, do more" yang bisa kita artikan dengan sedikit menulis kode tapi dapat melakukan banyak hal.
jQuery itu library-nya, JavaScript bahasanya
REFERENSI
http://jelasinblog.blogspot.co.id/2014/12/perbedaan-javascript-dan-jquery-beserta.html
https://id.wikipedia.org/wiki/JQuery
https://id.wikibooks.org/wiki/JavaScript
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon