Cara Menggunakan Bootstrap di Localhost Xampp dan Download File Bootstrap Lengkap


Cara Menggunakan Bootstrap di Localhost Xampp dan Download File Bootstrap Lengkap : saat pertama kali di perkenalkan dengan yang namanya permrograman PHP saya merasa sedikit tertarik, dari sana saya mulai menekuni bahasa permrograman PHP.. belajar membuat aplikasi sederhana dan menyelasaikan tugas matakuliah permrograman web dengan semangat…
Dari mata kuliah pemrograman web tersebut saya di perkenalkan dengan yang namanya Framework Bootstrap…
Apa itu Bootstrap ?
front-end framework yang responsive, 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. Itu pengertian yang di jelaskan oleh website dari Bootstrap tersendiri…

Tapi jika menurut saya bootstrap itu sebuah kumpulan kode fungsi yang siap di gunakan..Tinggal panggil filenya dan kita gunakan fungsinya..maka di dalam postingan ini saya akan menjelaskan bagaimana cara menggunakan bootstrap dan instalasinya

Sebelum masuk ke pembahasan ini mari kita fikirkan dulu, seberapa pentingkah kita harus mempelajari atau menggunakan framework bootstrap ini…

Menurut data yang saya ambil dari wikipedi Pada November 2013, Android menguasai pangsa pasar telepon pintar global, yang dipimpin oleh produk-produk Samsung, dengan persentase 64% pada bulan Maret 2013.  Pada Juli 2013, terdapat 11.868 perangkat Android berbeda dengan beragam versi. Keberhasilan sistem operasi ini juga menjadikannya sebagai target ligitasi paten "perang telepon pintar" antar perusahaan-perusahaan teknologi. Hingga bulan Mei 2013, total 900 juta perangkat Android telah diaktifkan di seluruh dunia, dan 48 miliar aplikasi telah dipasang dari Google Play. Maka dengan adanya telepon pintar itu bukan tidak mungkin si pengguna hanya menggunakan teleponnya untuk berinternet dan mencari beragam infomasi melalui website…jadii …!!!

Jika di baca dari pengertian bootsrap tadi, bahwa bootstrap adalah sebuah framework yang sangat mengedepankan design web untuk mobile, bisa dikatakan kita harus membuat sebuah situs yang bisa di akses melalui desktop dan mobile dan tampilan website harus mampu menyesuaikan ukuran layar.
Artinya baik kita mengunakan, desktop, tablet, ataupun handphone website tetap terlihat user friendly atau enak dilihat.. namun fitur ini bisa di non-aktifkan, jadi kita bisa membuat website hanya untuk desktop yang ketika di akses melalui handphone maka website tidak bisa menyesuaikan layar..

Bagaimana belajar bootstrap untuk pemula ??
Jika sobat baru mengenal bootstrap dan ingin belajar maka saobat harus menyiapkan beberapa hal..

  1. Sobat harus meyiapkan file distribusi bootstrap, sobat bisa langsung mendownloadnya di link yang sudah saya sediakan.. Download Bootstrap
  2. Didalam file yang di ekstract tadi terdapat folder yang bernama Docs, buka folder tersebut dan jalankan file index di browser sobat…disana sobat bisa belajar cara menggunakan bootsrap…disana lengkap kq dan itu offline..
  3. Dan yang terakhir yang tidak kalah penting adalah sobat harus mempunyai kode editor yang enak di lihat…jika sobat hanya menggunakan notepad bawaan windows maka saya sarankan sobat mending ke laut aja,,,,hehehe Tinggal download aja di website resmi codelobster, notepad++ dll
Untuk menginstalnya atau bahasa yang lebih akrap “mari memulainya”
1.     Ekstract file yang sudah di download lalu taruh di dalam folder tempat sobat menyimpan file webnya.. Contoh
Buatlah folder Bootstrap dan taruh seluruh isi file didalamnya..
2.      Lalu buka kode editor dan buatlah file baru dan copy saja script dibawah ini untuk memanggil seluruh file bootstrap…
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>

Selanjutnya sobat bisa buka file offline yang ada di folder Docs…dan silahkan sobat baca-baca dan coba-coba cara menerapkan kodenya…
Sampai disini itu dulu yang saya share tentang Cara Menggunakan Bootstrap di Localhost Xampp. Semoga aetikel saya mampu membantu sobat semua…jangan lupa kembali atau jika sobat ingin mendapatkan update artikel gratis, tinggal masukan saja email sobat di kolom di bwah ini…

Share this

Subscribe to receive free email updates:

0 Response to "Cara Menggunakan Bootstrap di Localhost Xampp dan Download File Bootstrap Lengkap"

Posting Komentar