Home Web Berkenalan Dengan Bootstrap

Berkenalan Dengan Bootstrap

0
Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. Tidak seperti kebanyakan kerangka kerja web lainnya, kerangka kerja ini hanya fokus pada pengembangan front-end saja.

Bootstrap adalah proyek yang paling banyak dibintangi keenam di GitHub, dengan lebih dari 139.000 bintang.

Sejarah
Awal mula
Bootstrap, awalnya bernama Twitter Blueprint, dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter sebagai kerangka kerja untuk mendorong konsistensi di perangkat internal yang sesuai. Sebelum Bootstrap, berbagai pustaka sudah banyak digunakan untuk pengembangan antarmuka, yang menyebabkan ketidak-konsistenan dan beban pemeliharaan yang berat. Menurut Mark Otto, pengembang Twitter:

“Sebuah grup developer super kecil dan juga aku telah bersama-sama untuk mendesain dan membangun perangkat internal baru dan melihat kesempatan untuk melakukan hal yang lebih banyak lagi. Melalui proses itu, kami melihat bahwa kami sedang membangun sesuatu yang lebih substansial dari perangkat internal lainnya. Beberapa bulan kemudian, kami menghasilkan sebuah versi paling awal dari Bootstrap, sebagai sebuah cara untuk berbagi pola desain yang lazim dan dan aset-aset perusahaan.”

Setelah beberapa bulan pengembangan oleh sebuah kelompok kecil, banyak pengembang di Twitter mulai memberikan kontribusi untuk proyek ini sebagai bagian dari Hack Week, sebuah pekan ala hackathon untuk tim pengembangan Twitter. Nama itu diganti dari Twitter Blueprint menjadi Bootstrap, dan dirilis sebagai proyek sumber terbuka pada 19 Agustus 2011. Hal ini terus dipertahankan oleh Mark Otto, Jacob Thornton, dan sekelompok kecil pengembang inti, serta sejumlah besar komunitas dari para kontributor.

Bootstrap 2 dan 3
Pada 31 Januari 2012, Bootstrap 2 dirilis, yang menambahkan sistem layout dua belas kolom grid yang responsif, dukungan built-in untuk Glyphicons, beberapa komponen baru, serta perubahan dari beberapa komponen yang sudah ada.

Pada 19 Agustus 2013, Bootstrap 3 dirilis, yang didesain ulang komponennya untuk menggunakan desain flat, dan pendekatan mobile-first.

Bootstrap 4
Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan. Versi alfa pertama dari Bootstrap 4 dirilis pada 19 Agustus 2015. Pada 6 September 2016, Mark menghentikan pengerjaan Bootstrap 3 dalam rangka untuk meluangkan waktu untuk pengerjaan Bootstrap 4. Sejauh ini, sudah lebih dari 17.500 kommit yang telah dibuat untuk basis kode Bootstrap 4. Versi beta pertama dirilis pada 10 Agustus 2017.

Versi stabil dari Bootstrap 4 yang dirilis pada 18 Januari 2018, mayoritas merupakan tulisan ulang dari Bootstrap 3. Perubahan yang signifikan di antaranya:

Peralihan dari Less menuju Sass.
Peluncuran but ulang untuk normalisasi css.
Menghapus dukungan peramban web IE8, IE9, dan iOS 6.
Penambahan dukungan flexbox dan menghapus dukungan komponen non-flexbox.
Penambahan kustomisasi pilihan navigasi.
Penambahan utilitas untuk pemberian ruangan dan ukuran yang responsif.
Beralih dari piksel ke em.
Meningkatkan ukuran fon global dari 14px menjadi 16px.
Menghapus panel, keluku, dan juga komponen-komponen yang mendukung elemen cards.
Menghapus fon ikon Glyphicons.
Menghapus komponen pembuat halaman (pager).
Menambahkan sejumlah besar utilitas “class”.
Memperbaiki perancangan formulir.
Memperbaiki tombol dan dropdown.
Memperbaiki objek media dan “class” untuk gambar.
Penulisan ulang hampir semua komponen, plugin jQuery, dan dokumentasi.
Bootstrap 5
Bootstrap 5 adalah versi baru Bootstrap yang akan datang. Perubahan besar termasuk:

Menghapus jQuery dari komponen dan menggunakan vanilla JavaScript.
Menulis ulang komponen grid untuk mendukung fitur kolom yang ditempatkan di luar baris dan gutter (ruang antar kolom) yang responsif.
Migrasi perangkat lunak dokumentasi dari Jekyll ke Hugo.
Menghapus dukungan peramban web IE10.
Memindahkan infrastruktur pengujian dari QUnit ke Jasmine.
Fitur-fitur
Bootstrap 3 mendukung versi terbaru Google Chrome, Firefox, Internet Explorer, Opera, dan Safari (kecuali pada Windows). Selain itu mendukung kembali IE8 dan Firefox Extended Support Release (ESR) terbaru.

Sejak versi 2.0, Bootstrap mendukung desain web responsif. Ini berarti tata letak halaman web secara dinamis dapat menyesuaikan dengan mempertimbangkan karakteristik dari perangkat yang digunakan (desktop, tablet, ponsel).

Dimulai dari versi 3.0, Bootstrap mengadopsi filosofi desain “mobile-first”, menekankan pada desain responsif secara baku.

Versi 4.0 menambahkan dukungan Sass dan flexbox.

Penggunaan ulang komponen-komponen
Selain elemen HTML reguler, Bootstrap juga berisi elemen antarmuka yang umum digunakan. Komponen-komponen tersebut diimplementasikan dalam bentuk “class” CSS, yang harus diaplikasikan dalam elemen HTML tertentu pada halaman situs web.

Komponen-komponen JavaScript
Bootstrap dilengkapi dengan beberapa komponen JavaScript dalam bentuk plugin jQuery. Mereka menyediakan tambahan elemen antarmuka untuk pengguna seperti kotak dialog, tooltips, dan carousels. Mereka juga memperluas fungsi dari beberapa elemen antarmuka yang sudah ada, termasuk misalnya sebuah fungsi auto-complete untuk bidang input. Di versi 1.3, plugin JavaScript berikut ini didukung oleh Bootstrap: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel dan Typeahead.