Senin, November 14, 2022

boostrap


Bootstrap adalah framework CSS yang bersifat Free dan Open Source. Bootstrap menyediakan class-class CSS dan beberapa fungsi Javascript untuk mempermudah pembuatan web.

Jika kamu sebelumnya pernah membuat web tanpa menggunakan framework CSS..

Pasti pernah merasakan membuat kode CSS sendiri dari nol.

Betapa melelahkannya..

Karena itulah, hadir Bootstrap untuk membantu kita.

Biar semakin paham, mari kita bahas sejarahnya dulu:

Sejarah dan Versi Bootstrap

Bootstrap awalnya bernama Twitter Blueprint. Karena waktu itu pertama kali dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter.

Tujuan awalnya untuk menjaga konsistensi pada tool internal di Twitter. Karena sebelum adanya Bootstrap, tim Twitter sudah menggunakan beberapa library untuk membuat tampilan (GUI) Twitter. Akan tetapi tidak konsisten sehingga kode jadi sulit dirawat (maintenance).

Berangkat dari masalah tersebut:

Mark Otto dan tim kecil yang berisi programmer mulai mendesain dan membuat sebuah tool internal yang dinamakan Twitter Blueprint.

Setelah beberapa bulan pengembangan, banyak programmer lainnya ikut berkontribusi pada proyek ini sebagai partisipasi dalam Hack Week.

O ya, Hack Week adalah sebuah Hackathon yang ada di tim Development Twitter.

Kemudian Twitter Blueprint diubah namanya menjadi Bootstrap dan dirilis sebagai proyek Open Source pada 19 Agustus 2011.

Bootstrap 2 dan 3

Pada tanggal 31 Januari 2012, Bootstrap 2 dirilis dengan penambahan dukungan pada Glyphicons, penambahan beberapa komponen, dan juga perubahan pada komponen yang sudah ada.

Pada Versi ini sudah mendukung responsive web design, yakni sebuah layout yang dapat menyesuaikan diri pada ukuran perangkat yang digunakan.

Selanjutnya Bootstrap 3, dirilis pada tanggal 19 Agustus 2013. Pada versi ini komponen Bootstrap didesain ulang dengan konsep Flat design dan menggunakan pendekatan Mobile first.

Bootstrap 3 dengan konsep Flat Design

Pendekatan mobile first artinya tampilan pada mobile diutamakan. Jadi jika ada sebuah class bootstrap digunakan pada elemen, ia akan menggunakan class pada tampilan mobile terlebih dahulu.

Bootstrap 4

Pada tanggal 29 Okteober 2014, Bootstrap 4 rilis dan versi finalnya rilis pada tanggal 18 Januari 2018. Versi final artinya versi yang tidak dilanjutkan pengembangannya.

Beberapa perubahan pada rilis ini:

Penulisan ulang kode mayor;Mengganti Less dengan Sass;Menambahkan Normalize CSS;Menghapus dukungan IE8, IE9, dan iOS6;Mendukung CSS Flex Boxdan masih banyak lagi (silahkan baca di release notes).Bootstrap 5

Bootstrap 5 resmi dirilis versi Alpha pada tanggal 16 Juni 2020. Berikutnya versi Beta dirilis pada 7 Desember 2020.

Beberapa perubahan pada Bootstrap 5:

Menghapus jQuery;Penulisan ulang pada sistem grid;Migrasi dari Jekyll ke Hugo untuk web dokumentasi Bootstrap;Menghapus dukungan untuk IE10 dan IE11;Menambahkan sekumpulan SVG icons;dan masih banyak lagi (silahkan baca di release notes).