Sabtu, 27 Februari 2016

Bootstrap



Hay guyss....
Kali ini kita akan membahas sedikit tentang Bootstrap.
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.

Keuntungan dari Bootstrap:

  • Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
  • Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
  • Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
  • Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)  
      
 Kekurangan Bootstrap :

     * Minim gambar karena menggunakan CSS3.
     * Belum mampu memberikan tampilan yang sesuai di semua web browser.
     * Membuat kita menjadi kurang kreatif karena terpaku dengancoding yang dikembangkan oleh developer.

*Tutorial Memasang Dan Menggunakan Bootstrap :

1. dowload bootstrap tersebut digithub,
2. selanjutnya folder boostrap masukan didalam project
file file diatas adalah komponen file pada bootstrap, jadi ketika didownload kita mendapatkan folder bernama bootstrap yang didalamnya berisi css js img..
didalam css:

*Bootstrap-responsive.css
        file ini digunakan untuk mensetting layout halaman website , dan keunggulannya file ini dapat menyesuaikan sendiri ukuran website pada device yang digunakan, seperti desktop,i-phone,tablet dsb…
*Bootstrap.css
        file ini digunakan untuk mensetting keseluruhan style css didalam bootstrap tersebut.
 *Bootstrap-responsive.min.css dan Boostrap.min.css
        merupakan file hasil compress sehingga ukuran file lebih diperkecil, fungsi tetap sama dengan yang aslinya…
didalam img:
– file pertama merupakan image icon yang digunakan untuk icon2 dibootstrap
– file kedua sama dengan yang diatas cuma background yang digunakan berwarna putih sedang yang atas background icon yang digunakan berwarna hitam didalam js :
bootstrap.js : merupakan sebuah file file pengaturan javascript yang menghandle semua event2 dsb didalam bootstrap
bootstrap.min.js : merupakan file file hasil compress dari bootstrap.js
jquery.js: (framework javascript) file ini di gunakan untuk memberikan sumber daya script didalam bootstrap.jsistilah simple ini adalah bahan bakar script kita he…

3.kemudian kita coba pasang file file bootstrap tersebut pada html.
Itulah sedikit penjelasan tentang Bootstrap, semoga bermanfaat :)

0 komentar:

Posting Komentar

 

Lela Darma Template by Ipietoon Cute Blog Design