Pada tutorial sebelumnya kita telah banyak belajar tentang fungsi-fungsi event yang ada pada jquery, mulai dari click,change,css dan lainnya, nah pada kesempatan ini saya akan membahas tentang salah satu library javascript lagi yaitu jquery-ui dan pada tutorial kali ini saya akan mengajarkan tentang bagaimana cara memasang library jquery-ui pada halaman website.
Sebelum saya menagjarkan tentang bagaimana cara memasang library dari javascript ui, terlebih dahulu saya akan menjelaskan tentang apa itu jquery-ui?
Jquery-ui merupakan salah satu library dari jquery dan UI merupakan singkatan dari user interface, library ini lebih diusungkan untuk pengembang aplikasi pada bagian interface atau bagian front-end, dan karna jquery ini dikembangkan dari library jquery juga oleh sebab itu kita membutuhkan core atau library jquery juga untuk memasangnya pada halaman website kita.
Dan sekarang kita masuk pada bagaimana cara memasangnya, pertama teman -teman harus mendownload dulu library dari situs resme jquery-ui yaitu jqueryui.com/download,silahakan teman-teman download terlebih dahulu dan jika sudah teman-teman ekstrak zipnya, lalu teman-teman buat sebuah file dan ketikan struktur dasar html seperti berikut ini:
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>belajar jquery ui</title> </head> <body> </body> </html> |
Seperti biasa kita membuat struktur dasar dari htmlnya, dan coba sekarang kita panggil file-file yang kita buttuhkan untuk memasang jquery-ui ini, silahkan teman-teman tambahkan script berikut ini pada bagian head atau element head :
|
1 |
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"?></script> |
Script diatas adalah core dari jquery yang diambil dari jquery.com, karna jquery-ui adalah kembangan dari jquery maka kita harus memanggil plugin atau library jquery juga untuk menjalankannya, nah sekarang teman-teman tambahkan lagi script berikut ini :
|
1 |
<script src="jquery-ui-1.12.1.custom/jquery-ui.js" type="text/javascript"?></script> |
Script diatas adalah script untuk memanggil plugin atau library jquery-ui yang tadi kita telah download sebelumnya, lalu sekarang boba teman-teman tambahkan script berikut ini :
|
1 |
<link href="jquery-ui-1.12.1.custom/jquery-ui.css" type="text/css" rel="stylesheet" /> |
Script ini berfungsi untuk memanggil css dari library jquery-ui yang kita download tadi. jika sudah maka kita telah selesai memasang library jquery-ui pada halaman website, Dengan ini kita dapat memasangkan animasi-animasi yang ada pada jquery-ui, dan untuk bagaimana cara memasang animasi-animasinya kita akan sambung pada tutorial selanjutnya nanti, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, untuk tutorial kali ini tentang cara memasang library jquery-ui pada halaman website cukup sampai sini dulu, semoga bermanfaat.