Pengenalan Bootstrap
A.
JUDUL
Pengenalan Bootstrap
B.
PENDAHULUAN
1.
Pengertian
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 di kalangan web developer. pada saat ini hampir
semua web developer telah menggunakan bootstrap untuk membuat
tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda
hanya perlu menambahkan class-class tertentu untuk misalnya membuat
tombol, grid, navigasi dan lainnya.
2.
Latar Belakang
Bootstrap
telah menyediakan kumpulan komponen class interface dasar yang telah
di rancang sedemikian rupa untuk menciptakan tampilan yang menarik,
bersih dan ringan. selain komponen class interface, bootstrap juga
memiliki fitur grid yang berfungsi untuk mengatur layout pada halaman
website yang bisa digunakan dengan sangat mudah dan cepat. dengan
menggunakan bootstrap kita juga di beri keleluasaan dalam
mengembangkan tampilan website yang menggunakan bootstrap
yaitu dengan cara mengubah tampilan bootstrap dengan menambahkan
class dan CSS sendiri.
Salah
satu contoh website
besar yang menggunakan framework
bootstrap
adalah Twitter, tentu anda sudah familiar dengan twitter bukan ? yap,
interface twitter di bangun dengan menggunakan bootstrap. karena
sebenarnya bootstrap di kembangkan oleh developer twitter sendiri
sehingga bootstrap sering juga di sebut “twitter bootstrap”.
Bootstrap berisi kumpulan class yang siap pakai. misalnya anda ingin
membuat sebuah tombol dengan cepat dan tana harus merancang dan
mengetikkan syntax css untuk membuat sebuah tombol, maka dengan
bootstrap anda dapat membuatnya dengan sangat cepat,
3.
Maksud dan Tujuan
Mempercepat dalam pembuatan layout,
dan sangat mudah di gunakan
C.
ALAT DAN BAHAN
1. laptop
2. web browser
3. text editor
4. bootstrap, kalian bisa download di
situs resminya https://getbootstrap.com
di situ sudah ada versi yang terbaru yaitu bootstrap 4.0
D.
JANGKA WAKTU PELAKSANAAN
15 menit
E.
PEMBAHASAN
Instal
bootstrap 4.0
-
Cara online
code
di atas di masukkan ke dalam file html.-
Cara
offlinefolder
bootstrap memiliki
2 folder yaitu js dan css, folder tersebut di jadikan satu sama
htmlnya. Seperti gambar di bawah ini.
Setelah di jadikan satu, file index.html di beri script seperti di bawah ini, oh ya sebelumnya kalian harus download jquerynya dulu di http://jquery.com/ supaya bisa di jalankan secara normal. Atau bisa copy script yang ada di https://code.jquery.com/jquery-3.2.1.slim.min.js . Salin script yang ada di situ kemudian buat file baru di folder js. File di beri nama “jquery-3.2.1.slim.min.js”. Dan juga salin script yang ada di https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js . Buat file baru di folder js dengan nama “popper.min.js”.
Script
index.html
F.
HASIL YANG DI DAPATKAN
Membuat tampilan front-end lebih cepat
selesai
G.
KESIMPULAN
Bootstrap adalah framework front-end
yang mempercepat dalam pembuatan tampilan web, karena sudah di
sediakan css dan jquery kita tinggal memanggil class-class nya
H.
REFERENSI
Tidak ada komentar: