Website Design Dengan Bootstrap

Website Design Dengan Bootstrap
Hasil Resume dari Webinar by Plat-M Developer

Bootstrap merupakan sebuah library front-end framework untuk mempermudah dan mempercepat pekerjaan para developer dalam membangun website. Didalam library bootstrap tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Selain untuk mempermudah, bootstrap disini juga bisa membuat design website yang  responsive.

Hal-hal yang dibutuhkan sebelum belajar bootstrap :

1.      HTML Dasar : sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web.

2.      CSS (Cascading Style Sheets) Dasar : Bahasa yang digunakan untuk mendesain dan mempercantik tampilan pada website.

Macam-macam CSS :

Ø  Inline CSS : kode css yang ditulis langsung didalam tag itu sendiri

Ø  Internal CSS : kode css yang ditulis didalam tag head

Ø  External CSS : kode css yang ditulis diluar halaman html (halamn baru)

3.      Javascript Dasar : Bahasa pemrograman yang digunakan untuk membantu website menampilkan informasi secara dinamis sehingga tampilan dan sistem halaman web lebih interaktif.

Analogi

HTML adalah struktur bangunan rumah dan sandaran bagi pintu dan tembok, sedangkan CSS adalah karpet dan wallpaper yang menghiasi setiap sudut rumah sehingga tampak lebih indah dan menarik. JavaScript, dalam hal ini, menambahkan sifat responsif sehingga Anda bisa membuka pintu dan menyalakan lampu. Anda bisa saja tidak menggunakan lampu atau tidak membutuhkan pintu. Namun, risikonya adalah rumah yang gelap dan usang, layaknya bangunan yang telah berdiri sejak tahun 1990 an.

Cara Menggunakan Bootstrap

Untuk menggunakan bootstrap yang pertama kali harus dipersiapkan adalah data atau framework bootstrap itu sendiri, yang dapat diinstal secara online maupun offline.

Ø  Cara Menginstall bootstrap secara online

Cara ini yang paling mudah dan jarang terjadi error jika bukan karena koneksi yang terputus. Untuk install online disini hanya memasukan beberapa script dalam tag pada HTML dengan menghubungkan pada data css dan javascript nya secara online.

Ø  Cara Menginstall bootstrap secara Offline

Cara ini adalah cara yang paling banyak dipilih oleh para developer karena semua file bootstrap sudah ada dalam komputer mereka, sehingga tidak harus tergantung pada koneksi internet dalam pemakaiannya. Jika untuk penggunaan / installasi secara online ditujukan langsung kepada server luar, maka pada penginstallan offline ini ditujukan pada server sendiri atau secara lokal pada perangkat masing-masing developer. Kemudian untuk menghubungkan atau menginstall bootstrapnya, buat sebuah file baik HTML atau PHP yang akan dihubungkan dengan bootstap nya dengan memasukan beberapa script untuk memanggil fungsi-fungsi yang kita butuhkan dalam bootstap tersebut.