Iklan 728x90

Penjelasan Bootstrap, Memulai Belajar Bootstrap Untuk Pemula

Pengertian Bootstrap?

Bootstrap adalah sebuah library framework CSS  yang di buat khusus untuk bagian pengembangan front-end website. bootstrap merupakan salah satu framework HTML, CSS dan javascript  yang paling populer bagi pengembang web developer. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan. Saat ini banyak web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class tertentu misalnya membuat tombol, grid, navigasi dan lainnya.
Trus untuk apa kita menggunakan bootstrap?
Bootstrap merupakan framework di gunakan untuk membangun desain web secara responsif. Jika kita membuat tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan seperti di desktop, tablet ataupun mobile device. Fitur ini bisa di aktifkan maupun di non aktifkan, sehingga kita bisa membuiat tampilan web seperti desktop saja atau mobile. Tampilan web bisa menyesuaikan apabila di render oleh mobile browser maka tampilan dari web yang kita buat bisa beradaptasi sesuai layar. Menggunakan bootstrap kita juga bisa membangun web dinamis ataupun statis.
Cara Menggunakan Bootstrap
cara menggunaan bootstrap anda melakukan instalasi bootstrap. Anda dapat mendownload langsung bootstrap pada alamat website resminya http://getbootstrap.com/getting-started/
Cara Menginstal Bootstrap
Persiapan:
  1. 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 Kemudian pilih lagi Download Bootstrap
    Setelah didownload, kemudian extract menggunakan program seperti zip atau winRAR.  Anda juga bisa membuka file tersebut dengan aplikasi bawaan windows dengan cara membuka file tersebut, lalu copy seluruh file dan paste-kan ke folder yang lain.
  2. Download jQuery Library Untuk Bekerja Secara 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. Karena Bootstrap tidak menyertakan jQuery di dalam file hasil download, kita harus mendownload jQuery secara terpisah. sehingga kita bisa bekerja dan menggunakan secara offline tanpa harus terkoneksi internet. Anda bisa download jQuery library di situs resmi jQuery Download, pilih jQuery 1.xkemudian, download dengan mengklik link Download the compressed, production jQuery 1.12.0
  3. Menggunakan code editor.
    Code editor di gunakan untuk memanipulasi file yang akan kita kembangkan khususnya file HTML, CSS dan Javascript sebagaimana file tersebut terdapat pada bootstrap. 
    Banyak sekali code editor yang ada di internet dapat kita gunakan baik yang gratis maupun yang berbayar. Mungkin kita bisa memulai dengan menggunakan Notepad++ sebagai pemula. Aplikasi ini di sediakan secara gratis dan banyak digunakan oleh Web developer, download aplikasi Notepad++. Artikel akan berlanjut Bersambung dulu ya....

Post a Comment

0 Comments