Scribd
Unggah
239 tayangan

Laporan Modul 6 Jquery

Dokumen tersebut membahas tentang jQuery, yaitu library JavaScript yang populer untuk memudahkan pengembang dalam menggunakan dan menerapkan JavaScript di website. jQuery memungkinkan pengembang untuk melakukan berbagai manipulasi DOM, animasi, dan event handling dengan mudah hanya dengan beberapa baris kode. Dokumen tersebut juga membahas fitur penting jQuery seperti kemampuan lintas platform, dukungan untuk Ajax, dan manipulasi DOM.

Diunggah oleh

muhammad yusuf
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
239 tayangan

Laporan Modul 6 Jquery

Dokumen tersebut membahas tentang jQuery, yaitu library JavaScript yang populer untuk memudahkan pengembang dalam menggunakan dan menerapkan JavaScript di website. jQuery memungkinkan pengembang untuk melakukan berbagai manipulasi DOM, animasi, dan event handling dengan mudah hanya dengan beberapa baris kode. Dokumen tersebut juga membahas fitur penting jQuery seperti kemampuan lintas platform, dukungan untuk Ajax, dan manipulasi DOM.

Diunggah oleh

muhammad yusuf
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 7

Kelas

LAPORAN PRAKTIKUM
A
PEMROGRAMAN BERBASIS WEB

MODUL 6
JQUERY

Tanggal Tanda Tangan


Nama Praktikan NIM
Kumpul Praktikan Asisten

Akhmad aminuddin 121811010

Tanggal Tanda Tangan


Nama Penilai Nilai
Koreksi Asisten Dosen

Muhammad Ainul Yaqin S.Kom

Muh Zaki Ikhsani

Ahmad Amil Muktar

PROGRAM STUDI TEKNIK INFORMATIKA


UNIVERSITAS QOMARUDDIN
GRESIK
2020
A. Dasar Teori

jQuery adalah library JavaScript yang populer. Bahasa pemrograman ini


dibuat oleh John Resig, tepatnya pada tahun 2006, untuk memudahkan para
developer dalam menggunakan dan menerapkan JavaScript di website. jQuery
bukanlah bahasa pemrograman yang berdiri sendiri, melainkan bekerja sama
dengan JavaScript. Dengan menggunakan jQuery, Anda bisa melakukan banyak
hal.

Seperti yang kita ketahui, menulis kode bukanlah pekerjaan yang mudah dan
terkadang menyulitkan, terlebih lagi kalau ada banyak string kode yang harus
ditambahkan dan diaktifkan. Di sinilah jQuery memainkan perannya. Fungsi
jQuery adalah meng-compress berbagai baris atau line kode ke dalam satu buah
fungsi sehingga Anda tidak perlu menulis kembali semua baris kode hanya untuk
menyelesaikan satu task.

Contoh jQuery
Anda hanya perlu menambahkan beberapa baris kode untuk membuat efek
sliding. Gunakan perintah atau command SlideDown(), SlideUp(), dan
SlideToogle().
$("#flip").click(function(){

$("#panel").slideDown();

});

Anda juga dapat menyembunyikan elemen HTML dengan command, seperti


Hide() dan Show().
$("#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

Fitur Penting jQuery


Salah satu alasan mengapa jQuery sangat populer dan banyak digunakan adalah
kemampuan lintas platformnya. Secara otomatis, jQuery akan memperbaiki error
serta punya fungsi yang sama seperti ketika dijalankan di browser, seperti
Chrome, Firefox, Safari, MS-Edge, IE, Anroid, dan iOS.

Adanya jQuery juga memudahkan penggunaan Ajax. Ajax menganut sistem kerja
yang asinkron, dan umumnya dimulai dari kode yang tersisa. Hal ini berarti kode
yang ditulis dengan Ajax dapat berkomunikasi dengan server dan memperbarui
kontennya tanpa harus me-load kembali halaman terlebih dulu.

Sayangnya, tidak selamanya penggunaan Ajax lancar dan mulus-mulus saja.


Setiap browser mengaktifkan Ajax Api dengan cara yang berbeda-beda. Karena
itulah, sebisa mungkin kode harus diatur agar bisa dijalankan di semua jenis
browser. Jika dilakukan secara manual, pembuatan dan pengaturan kode pasti
akan terasa sulit dan memakan waktu yang lama. Untungnya, jQuery bertanggung
jawab terhadap berbagai hal teknis dan menyesuaikan kodenya ke semua web
browser.

Ada pula fitur manipulasi DOM (Document Object Model) yang punya beberapa
metode untuk menuliskan kode. Sederhananya, dengan manipulasi DOM, Anda
bisa memasukkan atau menambahkan dan menghapus elemen DOM yang ada di
halaman HTML serta ‘membungkus’ baris dengan mudah.

Animasi juga bisa dibuat dengan lebih mudah menggunakan jQuery. Lihat snippet
kode untuk animasi di bab sebelumnya, semuanya dibungkus dengan beberapa
baris kode. Anda hanya perlu memasukkan atau menambahkan variabel.

Bahkan mengaktifkan traversal dokumen HTML, menerapkan efek, serta


mengelola event lebih mudah dilakukan dengan jQuery.

jQuery adalah salah satu library JavaScript terpopuler, dan oleh karena itu, ada
banyak sumber online, seperti artikel dan tutorial, yang bisa Anda baca. Meskipun
sudah memiliki pemahaman dasar tentang JavaScript, Anda tetap tidak bisa
mengesampingkan HTML dan CSS.
B. soal

Tambahkan module CURD data penduduk dengan menggunakan AJAK JQuery


C. Screenshots

Halaman Tambah Data

Data Penduduk

Edit Data
D. kesimpulan

Jquery adalah kumpulan beberapa kode yang siap dipakai untuk mempermudah
dan mempercepat dalam pembuatan kode javascript, jadi intinya itu
menyederhanakan kode javascript.
E. daftar pusaka

http://septia-lutfi-1102412069-03.blogspot.com/2013/12/makalah-jquery.html?
m=1

Anda mungkin juga menyukai