PENGENALAN BOOTSTRAP
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih sudah mengunjungi blog saya ini, untuk kesempatan ini kita akan belajar hal baru yaitu BOOTSTRAP. Kalian sudah mengetahui apa itu Bootstrap? Kalau belum tahu yuk simak penjelasan dibawah ini.
PENGERTIAN
- Bootstrap adalah kerangka front-end gratis untuk pengembangan web lebih cepat dan lebih mudah
- Bootstrap termasuk HTML dan CSS desain template berbasis tipografi, bentuk, tombol, tabel, navigasi, modals, dll
- Bootstrap juga memberikan kita kemampuan untuk dengan mudah membuat desain responsif
- Apa itu Desain Web Responsif?
Desain web responsif adalah tentang menciptakan situs web yang secara otomatis menyesuaikan diri untuk terlihat baik pada semua perangkat, dari ponsel kecil hingga desktop besar.
- Sejarah singkat BOOTSTRAP
Bootstrap dikembangkan oleh MARK OTTO dan JACOB THORNTON di Twiter, dan dirilis sebagai produk open source pada bulan Agustus 2011 pada Github.
LATAR BELAKANG
- Mengapa menggunakan Bootstrap?
- Mudah digunakan : Siapa saja dengan pengetahuan dasar dari HTML dan CSS dapat memulai menggunakan bootstrap.
- Fitur responsif : CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop.
- Pendekatan mobile-pertama : Dalam bootstrap, gaya mobile-pertama merupakan bagian dari kerangka inti.
- Kompatibilitas browser : Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, IE, Safari, dan Opera)
ALAT DAN BAHAN
- PC/Laptop
- Aplikasi Editor Teks
- Internet
MAKSUD DAN TUJUAN
- Melalui pembahasan ini diharapkan bisa memahami tentang Bootstrap
- Mengetahui dan memahami sintak-sintak dari Bootstrap
- Memahami cara pembuatan web responsif menggunakan bootstrap
TAHAP PELAKSANAAN
- Dimana mendapatkan Bootstrap?
Ada 2 cara untuk mulai menggunakan bootstrap :
- Download Bootstrap dari getbootstrsap.com
- Sertakan Bootstrap dari sebuah CDN (Content Deliveri Network)
Jika kita tidak ingin mendownload dan menghost bootstrap sendiri, kita dapat memasukannya dari CDN (menggunakan koneksi internet).
Contoh :
Sintak diatas dimasukan diantara elemen <head>
Kita juga bisa mendownload file bootstrap dan menggunakannya tanpa membutuhkan koneksi internet. Akan saya bahas pada tutorial yang akan datang.
KESIMPULAN
Dapat disimpulkan bahwa Bootstrap adalah kerangka front-end gratis untuk pengembangan web lebih cepat dan lebih mudah, memberikan kemudahan untuk membuat desain web responsif.
REFERENSI
http://www.w3schools.com/bootstrap/bootstrap_get_started.asp
Bagaimana sobat, sudah mengerti apa itu bootstrap? Jika ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih.
Wassalamu'alaikum Wr. Wb