Belajar Bootstrap untuk Pemula

05.56
Belajar Bootstrap untuk Pemula - Setelah mengetahui apa itu bootstrap dan kegunaan bootstrap,  untuk memulai belajar Bootstrap, Anda harus mempersiapkan bahan dan tools pendukung untuk melengkapi kegiatan belajar tersebut. Baiklah langsung saja.

Persiapan Belajar Bootstrap

Untuk memulai menggunakan bootstrap, Anda harus mempersiapkan bahan dan tools pendukung untuk melengkapi kegiatan belajar tersebut.

1. 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. Link disediakan adalah versi 3.3.5 jika ingin melihat update bootstrap silahkan buka situs getbootstrap.com. Pada halaman tersebut, terdapat tombol Download Bootstrap, langsung saja! klik tombol tersebut. Kemudian pilih lagi dibagian Source Code dan pilih tombol Download source code.


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.

2. File jQuery Library

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 2.x kemudian, download dengan mengklik link Download the compressed, production jQuery 2.1.4

3. 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 Sublime Text editor yang sudah saya tes atau uji coba. 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 Sublime Text Editor. Aplikasi ini gratis dan banyak digunakan oleh developer. Download aplikasi Sublime Text Editor

4. Xampp 
Software ini untuk kita yang ingin belajar membuat website secara offline di komputer sendiri. Baca juga : Membuat website localhost


Materi berikutnya adalah instalasi bootstrap di komputer kamu.

(Belajar Bootstrap)

Artikel Terkait

Previous
Next Post »