Framework Bootstrap 4

Pengenalan Bootstrap

• Framework CSS populer di kalangan web developer, khususnya front-end developer.
• Terdiri dari tiga komponen utama:
  • HTML
  • CSS
  • JavaScript
• Disarankan mempelajari dasar-dasar HTML, CSS, dan JavaScript sebelum Bootstrap.

Keunggulan Bootstrap

• Menyediakan kelas dan komponen siap pakai.
• Meningkatkan efisiensi dalam pembangunan website.
• Mengurangi panjang sintaks kode dibandingkan tanpa Bootstrap.

Contoh Penggunaan

• Membuat button lebih sederhana:
  • Tanpa Bootstrap: Membutuhkan dua file (HTML dan CSS) dan sintaks panjang.
  • Dengan Bootstrap: Cukup satu file HTML dengan kelas BTN dan BTN Primary.

Cara Mendownload Bootstrap

1. Kunjungi situs getbootstrap.com.
2. Klik link download.
3. Download "Compiled CSS and JS".
4. Ekstrak folder Bootstrap.
   • Folder berisi CSS dan JS.

Memulai dengan Bootstrap

• Gunakan template yang disediakan.
  • Salin template dari situs Bootstrap untuk index.html.
  • Modifikasi teks "hello world" sebagai latihan.

Menghubungkan Bootstrap

Secara Online

• Template default Bootstrap menghubungkan secara online.
  • Perlu koneksi internet.
  • Menggunakan link yang disediakan.

Secara Offline

• Hubungkan tanpa internet dengan mengunduh file lokal.
  • Ganti link online dengan file lokal di folder CSS dan JS.
  • Gunakan bootstrap.min.css dan bootstrap.min.js.

Kesimpulan

• Pengantar tentang Bootstrap dan cara menghubungkannya baik online maupun offline.
• Tutorial ini akan dilanjutkan di video berikutnya.