Seri-4 Bootstrap: Plugin Javascript

Author: · Published: June 29, 2015 · Category: Internet dan Web, Pemrograman HTML, XML, CSS, Pemrograman Javascript 

Di seri ini kita mulai mendiskusikan cara menggunakan plugin Javascript  yang tersedia di Bootstrap. Pertama kali yang anda harus ketahui bahwa semua plugin ditulis di file bootstrap.js, file ini memiliki versi mini nya, bootsrap.min.js, yaitu versi yang menghilangkan semua space character (spasi, newline, dan tab) yang ada di bootstrap.js sehingga ukuran file  versi mini ini lebih kecil. Versi mini ini cocok digunakan untuk versi production sistem kita (production adalah salah satu tahapan membangun sistem yang menyatakan bahwa sistem tersebut sudah siap untuk di-publish, berikut ini urutan tahapannya: development, stage, dan production) karena ukurannya lebih kecil sehingga request ke server untuk meminta file tersebut lebih cepat.

Bootstrap sendiri juga menyediakan versi yang memisahkan setiap file berdasarkan fungsi dari setiap plugin, misal  plugin tooltip ditulis di file tooltip.js.

Perlu diingat lagi (di seri 1) bahwa plugin Javascript ini memiliki ketergantungan dengan JQuery sehingga kita harus mensematkan file jquery.min.js terlebih dahulu sebelum bootstrap.min.js.

Pada intinya, plugin Javacript menawaran kemudahan dan kebersihan code, oleh karenanya semua plugin menggunakan data attribute (attribute element/tag html yang memiliki prefix ‘data-‘), dengan menggunakannya sangat memungkin sekali source html kita bersih dari script Javascript.

Download Tulisan Lengkap: irul-seri4-bootstrap-plugin-javascript.pdf

Related Articles

  1. Seri-1 Bootstrap: Persiapkan Dirimu!
  2. Mengenal Theme di Aplikasi Web yang Dihasilkan oleh PHPMaker
  3. Seri-3 Bootstrap: Sistem Grid
  4. Seri-2b Bootstrap: Semudah Apa Bootstrap?
  5. PHPMaker = {PHP Code Generator + PHP Framework + CSS dan Javascript Framework}
  6. JavaScript Interop Pada Aplikasi Blazor – Part 2
  7. Invoking JavaScript Dari .NET Pada Blazor – Part 1
  8. Menambahkan Kemampuan Plugin ke dalam Kode Anda
  9. Menyembunyikan dan menampilkan elemen dengan jQuery
  10. Pengenalan Visual Studio LightSwitch HTML Client
  11. JavaScript Interop Pada Aplikasi Blazor – Part 4
  12. Trik Mempercepat Waktu Akses Website
  13. Histogram Equalisation – Pengolahan Citra Digital
  14. Di bawah /etc (Sebuah Panduan Singkat)
  15. Instalasi VMware 5
  16. Membuat Backslide pada Website
  17. Mendesain Menu dengan CSS
  18. Hal-hal Sepele yang Sering Dilupakan oleh Web Developer (Bagian 1)
  19. Hal-hal Sepele yang Sering Dilupakan oleh Web Developer (Bagian 2)
  20. Pembuatan Aplikasi Berbasis Web dengan menggunakan HTML, CSS dan PHP