Twitter Bootstrap adalah frontend paling populer belakangan ini. Ini adalah kerangka kerja front-end seluler yang ramping, intuitif, dan kuat untuk pengembangan web yang lebih cepat dan lebih mudah. Ini menggunakan HTML, CSS dan Javascript. Tutorial ini akan mengajarkan Anda dasar-dasar Kerangka Bootstrap, yang dengannya Anda dapat membuat proyek web dengan mudah. Tutorial dibagi menjadi beberapa bagian seperti Basic Bootstrap Framework, CSS Bootstrap, Bootstrap Layout Components, dan Bootstrap Plugins. Masing-masing bagian ini berisi topik terkait dengan contoh sederhana dan bermanfaat.
Audiens Tutorial ini ditujukan bagi rekan rekan semua yang memiliki pengetahuan dasar tentang HTML dan CSS dan ingin mendesain situs web dengan cepat. Setelah menyelesaikan tutorial ini, Anda akan berada di tingkat menengah dalam pengembangan web menggunakan Twitter Bootstrap.
Prasyarat
Sebelum melanjutkan dengan tutorial ini, kami berasumsi bahwa Anda sudah terbiasa dengan dasar-dasar HTML dan CSS. Jika Anda tidak begitu akrab dengan konsep-konsep ini, kami sarankan Anda membaca tutorial singkat kami tentang Tutorial HTML dan Tutorial CSS.
Apa yang Dapat Anda Lakukan dengan Bootstrap
- Kemudahan dalam membuat web yang responsif
- Kemudahan dalam membuat kolom / multi kolom
- Kemudahan dalam membuat berbagai tipe div
- Kemudahan membuat navigasi
- Tersedia modul seperti accordeon, modal, dan anda akan membuatnya dengan mudah tanpa harus mengetahui Javascript
- Kemudahan Membuat tab yang dinamis
- Membuat tooltips text tanpa koding yang banyak
- Tersedia modul untuk membuat animasi
- Tersedia Berbagai jenis notifikasi yang siap di gunakan
- Dan masih banyak yang bisa anda gunakan
Keuntungan Menggunakan Bootstrap
- Menghemat banyak waktu
- Fitur responsif
- Desain yang konsisten
- Mudah digunakan
- Kompatibel dengan browser
- Open Source