Kerangka front-end memungkinkan Anda mencapai landasan saat mengembangkan situs web baru. Karena popularitas mereka, beragam kerangka kerja front-end tersedia, dan yang baru muncul secara teratur.

Karena ada begitu banyak yang bisa dipilih, penentuan kerangka front-end yang tepat bisa jadi rumit. Seperti banyak pengembang, Anda mungkin tertarik pada pilihan yang sangat populer, yang sudah dicoba dan benar seperti Bootstrap dan Foundation. Kemudian lagi, kerangka kerja yang lebih baru namun kurang dikenal mungkin lebih efektif sesuai dengan kebutuhan Anda, jadi sangat layak untuk mendapatkan informasi tentang opsi paling populer saat ini.

Hal yang Harus Diperhatikan dalam Kerangka Front-End
Sebelum memulai pencarian Anda untuk kerangka kerja front-end untuk proyek Anda berikutnya, penting untuk mendidik diri Anda sendiri tentang hal-hal utama yang harus dicari dalam satu. Dengan memperhatikan pertimbangan ini, Anda akan memiliki waktu yang lebih mudah menimbang pro dan kontra dari kerangka kerja front-end yang paling populer:

Tingkat Keterampilan ~ Pertimbangkan keterampilan Anda saat memilih kerangka kerja front-end. Jika Anda seorang pemula, kerangka yang lebih kuat seperti Bootstrap mungkin dalam urutan, karena dilengkapi dengan banyak widget yang bermanfaat dan memerlukan keterampilan pengkodean yang minimal. Jika Anda lebih berpengalaman, Anda mungkin lebih baik dengan kerangka yang lebih sederhana yang memberi Anda banyak ruang gerak untuk penyesuaian. Kerangka ini biasanya lebih ramping dan kurang kembung juga, yang merupakan nilai tambah.

Desain Responsif ~ Setiap situs yang Anda kembangkan harus dirender dengan semestinya di semua perangkat, karena semakin banyak orang yang mengakses internet melalui perangkat seluler. Menurut Laporan Status Web Seluler Web Serupa AS 2015, diperkirakan 56 persen lalu lintas konsumen ke situs web terkemuka AS kini berasal dari perangkat seluler. Oleh karena itu, tetap dengan kerangka kerja front-end yang mendukung desain web responsif, sehingga Anda memiliki satu hal yang perlu dikhawatirkan.

CSS Preprocessors ~ Jika Anda menggunakan preprocessors CSS dan lebih memilih satu atau lebih khususnya, biasanya Sass vs LESS, pastikan bahwa framework yang Anda gunakan mendukungnya.

Penampilan ~ Pilih kerangka kerja yang memungkinkan Anda untuk mencapai penampilan yang Anda inginkan dengan usaha sesedikit mungkin.

Prototypes ~ Kerangka front-end yang ideal memungkinkan Anda dengan cepat menghasilkan wireframes dan prototipe untuk mempercepat keseluruhan proses desain dan pengembangan. Lebih dari segalanya, kerangka front-end yang tepat menyederhanakan, menyederhanakan dan mempercepat proses desain dan pengembangan situs web sambil tetap memberikan Anda fleksibilitas dan fitur yang Anda butuhkan untuk menghasilkan hasil yang luar biasa.

1. Bootstrap

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis .

Features

Bootstrap 3 mendukung versi terbaru Google Chrome, Firefox, Internet Explorer, Opera, dan Safari (kecuali di Windows). Ini juga mendukung kembali ke IE8 dan Firefox Extended Support Release (ESR) terbaru.

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

Dimulai dengan versi 3.0, Bootstrap mengadopsi filosofi desain mobile-first, menekankan desain responsif secara default.

Versi 4.0 menambahkan dukungan Sass dan flexbox.

while ( ! ( succeed = try() ) );