Menu Tampilan Web yang Asik dipandang, dan mudah untuk digunakan. Sangat cocok untuk halaman dashboard dari aplikasi web apapun yang Anda buat.
Apa Itu Bootstrap?
Bootstrap
adalah front-end framework yang solek, bagus dan luar biasa yang
mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.)
guna mempercepat dan mempermudah pengembangan website. Bootstrap
menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk
dikembangkan.
Untuk Apa itu 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.
Bagaimana Belajar Bootstrap untuk pemula?
Untuk memulai belajar Bootstrap, Anda harus
mempersiapkan bahan dan tools pendukung untuk melengkapi kegiatan
belajar tersebut. Baiklah langsung saja.
Persiapan:
- Anda Harus memiliki file distribusi Bootstrap
Untuk menggunakan bootstrap, terlebih dahulu Anda
harus mendownload resource file atau file distribusi yang disediakan
oleh bootstrap di situs resminya getbootstrap.com.
Pada halaman tersebut, terdapat tombol Download Bootstrap sebagaimana
terlihat pada gambar diatas, langsung saja! klik tombol tersebut.
Kemudian pilih lagi Download Bootstrap
Setelah didownload, kemudian extract menggunakan program seperti 7zip (Gratis) atau winRAR (shareware). Sebetulnya, Anda juga bisa membuka file tersebut dengan aplikasi bawaan windows dengan cara membuka file tersebut, kemudian copy seluruh file dan paste-kan ke folder lain.
- Download jQuery Library Untuk Bekerja Offline
Untuk bisa mengaplikasikan bootstrap component
seperti modal dialog, navigation bar dan lainnya yang membutuhkan
boostrap JS, Bootstrap JS juga membutuhkan jQuery library agar bisa
berjalan normal. Bootstrap tidak menyertakan jQuery di dalam file
download-nya untuk itu, kita harus mendownloadnya secara terpisah. Hal
ini dilakukan agar kita bisa bekerja dan menggunakannya secara offline
(tanpa koneksi internet). Silahkan download jQuery library dengan menuju
situs resmi jQuery Download, pilih jQuery 1.x kemudian, download dengan mengklik link Download the compressed, production jQuery 1.12.0
- Anda harus memiliki code editor.
Code editor penting sekali untuk memanipulasi
file yang akan kita kembangkan khususnya file HTML, CSS dan Javascript
sebagaimana file tersebut terdapat pada bootstrap. Anda juga bisa
menggunakan Code Editor
dari kami yang dibuat untuk tes atau uji coba kode. Jangan pernah
menggunakan Word processor (Microsoft Word, dll) ataupun notepad untuk
memanipulasi file-file tersebut. Karena aplikasi tersebut tidak cocok
dan terdapat banyak kekurangan yang akan membingungkan kita sendiri
nantinya.
Ada banyak sekali code editor yang tersebar di internet yang dapat kita gunakan baik yang gratis maupun yang berbayar. Sebagai pemula, mungkin kita bisa memulai dengan menggunakan Notepad++. Aplikasi ini gratis dan banyak digunakan oleh developer. Download aplikasi Notepad++
