Saturday, January 27, 2018

Perbedaan Javascript dengan JQuery



A.PENDAHULUAN

Hallo Teman..!! Apa kabar?? Bertemulagi dengan blog saya kali ini saya akan berbagi tentang kegiatan prakerin di blc telkom klaten

B.PENGERTIAN
jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML.jQuery pada intinya merupakan pustaka untuk memanipulasi DOM (Document Object Model). Dom adalah struktur-pohon representasi dari semua elemen yang terdapat dalam sebuah halaman Web, dan jQuery menyederhanakan sintaks untuk mencari, menyeleksi, dan memanipulasi elemen-elemen DOM tersebut. Sebagai contoh, jQuery dapat digunakan untuk mencari elemen dalam dokumen dengan properti tertentu (mis: semua elemen dengan tag h1), mengubah satu atau lebih atribut tersebut (mis: warna, keterlihatan), atau membuatnya merespon sebuah event (mis: ketika mouse diklik).

javaScript adalah bahasa pemrograman ditafsirkan bahwa sebagian besar digunakan untuk mengubah halaman web statis menjadi halaman dinamis dan interaktif setelah web browser telah selesai men-download sebuah halaman web. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.
 

C.LATAR BELAKANG

  Untuk mengetahui perbedaan antara jQuery dengan javaScript
 
D.MAKSUD DAN TUJUAN

  Agar dapat mengetahui perbedaannya

E.ALAT DAN BAHAN
 laptop/pc
koneksi internet


F.WAKTU YANG DIPERLUKAN 


-


G.PEMBAHASAN

 
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>
<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>
Coba script diatas, simpan kemudian lihat dibrowser. Untuk menjalankan animasi-nya, silakan klik Start. Kemudian lihat apa yang terjadi.




H.HASIL YANG DIDAPAT

Mengetahui apa perbedaan dari java script dan jquery


I.PENUTUP
 sekian yang dapat saya sampaikan semoga bermanfaat..!!

J.REFERENSI