Bootstrap 4: Tutorial Pemasangan Jquery pada Bootstrap 4

 

 

FreeLoad — Hallo semua pada postingan kali ini kita akan melanjutkan tutorial pemasangan bootsrap secara offline, bagi anda yang baru berkunjung dan membaca postingan ini, bisa membaca postingan sebelumnya mengenai tutorial pemasangan bootstrap 4 Versi.4.5 Anda bisa klik disini untuk postingan sebelumnya. 

sebelum kita memasuki tutorialnya saya ingin menjelaskan sedikit tentang Jquery, di kutip dari niagahoster.co.id Jquery merupakan library Javascript yang cukup ringkas dan membuat pemrosesan HTML seperti perubahan dan manipulasi documen,  event handling, animasi, dan Ajax dapat menjadi lebih sederhana. Hal ini didukung dengan API yang mudah digunakan dan dapat bekerja di berbagai macam browser.

tanpa Jquery kita tidak bisa menjalanjan komponen Seperti Slider Modal PopUp, accordion atau yang sifatnya animasi pada bootstrap, membutuhkan jquery. 

nah itu sedikit pengenalan mengenai jquery dari pada terlalu panjang kata pembuka yuk lansung saja untuk tutorialnya, pasti sudah tidak sabarkan untuk melihat bagai mana cara pemasangan jquerynya. 

1.Download Jquery

Untuk download Jquery Pertama-tama anda harus mengunjungi website Jquery Untuk link sudah saya siapkan Anda bisa mengunjungi Jquery.com

Setelah anda mengunjungi web tersebut maka akan tampil gambar seperti dibawah ini lalu klik Download JQuery v.3.5.1.

Setelah anda Klick Download maka akan tampil seperti gambar dibawah ini lalu download file yang saya tandai dengan kotak merah

Setelah anda melakukan download maka akan tampil seperti gambar dibawah ini, anda bisa block semua syntax seperti yang terlihat didalam gambar dibawah ini, dengan menekan  short cut CTRL + S Untuk di Save directori Js 

Untuk penyimpanannya anda bisa menyimpan di Folder bootsrap yang anda simpan sebelumnya dan di dalam folder JS, contohnya seperti ini bootstrap -> Assets -> JS ini merupakan contoh dari file direktory yang saya simpan.

Setelah anda menyimpanya maka langkah selanjutnya buka text editor anda dan buka file index.html anda tadi.
lalu link kan script nya dengan cara di bawah ini

<script src="assets/js/jquery-3.5.1.min.js"></script>

Untuk meletak kan Script JQuery ini harus di inputkan sebeelum  Script bootstrap seperti dibawah ini.

 <script src="assets/js/jquery-3.5.1.min.js"></script> //Script Jquery

    

    <script src="assets/js/bootstrap.min.js"></script> // Script Bootstrap.min.js

Setelah anda selesai melakukan link, langkah selanjutnya untuk memastikannya bootstrapnya terpasang dengan JQuerynya caranya buka index.html anda di browser lalu inspect elemen cara inspect elemen dengan menekan klik kanan pada web browser kalian lalu pilih inspect atau bisa menggunakan Shortcut Ctrl + Shift +i

Pada gambar atas tampilan Console tidak terdapat error maka anda sudah sukses untuk membuat Link JQuery.

Sekian dulu tutorial kali ini, Terimakasih sudah menyempatkan waktunya untuk membaca postingan kali ini dan sampai jumpa.