Kursus Pemrograman

Cara Menggunakan Bootstrap


Cara Menggunakan Bootstrap
Agar kita bisa menggunakan Bootstrap, maka kita harus mempersiapkan bahan dan tools pendukung. Apa saja bahan dan tools pendukung yang harus disiapkan? mari kita simak sama-sama tutorial sederhana berikut ini : 

Siapkan file distribusi Bootstrap

Untuk menggunakan bootstrap, terlebih dahulu kita harus mendownload resource file atau file distribusi yang telah disediakan oleh bootstrap di situs resminya getbootstrap.com. Pada halaman tersebut, terdapat tombol Download Bootstrap, langsung saja! klik tombol tersebut. Kemudian pilih lagi Download Bootstrap
 
Setelah didownload, langkah selanjutnya adalah extract menggunakan program seperti 7zip (Gratis) atau winRAR (shareware). Sebetulnya, kita 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  
Agar bisa mengaplikasikan bootstrap component seperti modal dialog, navigation bar dan lainnya maka dibutuhkan boostrap JS, Bootstrap JS juga membutuhkan jQuery library agar bisa berjalan normal. Karena Bootstrap tidak menyertakan jQuery di dalam file download-nya, maka kita harus mendownloadnya secara terpisah. Hal ini dilakukan biar kita bisa bekerja dan menggunakannya secara offline (tanpa koneksi internet). Silahkan lengsung ke TKP tuk 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

Code Editor 

Code editor sangat penting guna memanipulasi file yang akan kita kembangkan khususnya file HTML, CSS dan Javascript sebagaimana file tersebut terdapat pada bootstrap.  Ada banyak sekali code editor yang tercecer di internet yang dapat kita gunakan baik yang gratis maupun yang berbayar, pokoke tinggal pilih sesuai selera. Sebagai pemula, kami sarankan untuk menggunakan Notepad++. Aplikasi ini gratis dan banyak digunakan oleh developer. Silahkan sedot aplikasi disini Notepad++
 
Cara Menggunakan Bootstrap Cara Menggunakan Bootstrap Reviewed by Anonim on 11.19 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.