Dirilisnya HTML5 dan CSS3 beberapa tahun lalu membawa sebuah revolusi di bidang web. Website modern bermunculan dengan tampilan "wah" dan memiliki ciri khas yang sama: responsive.
Bagi pengguna internet secara umum, perubahan ini membawa pengaruh positif. Tampilan web menjadi semakin menarik dan bisa tampil sempurna di semua perangkat. Namun bagi kita sebagai web developer, ini menjadi tantangan tersendiri.
CSS yang dulunya hanya dipakai untuk design sederhana seperti mengubah warna font dan menambah bingkai gambar, sekarang menjadi sangat powerful. Kita bisa memakai CSS untuk membuat bayangan (shadow), efek filter gambar, animasi, gradient, transform hingga membuat web responsive (media query).
Mempelajari semua ini butuh waktu yang tidak sebentar dan harus di tambah dengan skill design yang mumpuni agar hasilnya bisa maksimal. Belum lagi mengatasi perbedaan dukungan web browser untuk fitur CSS3 terbaru (harus diatasi dengan vendor prefix).
Sebagai jalan pintas, kita bisa menggunakan CSS Framework. Secara sederhana CSS Framework adalah kumpulan kode CSS siap pakai untuk membuat komponen-komponen web. Misalnya jika ingin membuat buat menu navigasi, tinggal tulis beberapa baris kode HTML dan menu navigasi sudah jadi, lengkap dengan fitur responsive.
Tidak dapat dipungkiri bahwa Bootstrap menjadi salah satu CSS Framework yang paling populer. Jika melihat lowongan kerja web designer / front-end developer, Bootstrap hampir selalu menjadi syarat.
Karena alasan itulah Duniailkom akan menyajikan seri Tutorial Belajar Bootstrap 5. Semoga sedikit banyak bisa bermanfaat bagi teman-teman semua.
Dalam halaman ini kami meng-index seluruh tutorial dan artikel Bootstrap di duniailkom:
eBook Bootstrap 5 Uncover Duniailkom
Apabila anda serius ingin belajar framework CSS Bootstrap 5 dan butuh tutorial Bootstrap yang lebih lengkap, Duniailkom telah menerbitkan eBook Bootstrap 5 Uncover.
Buku Bootstrap Uncover ini saya tujukan bagi rekan-rekan yang ingin mempelajari framework Bootstrap dari awal. Kita akan bahas cara penggunaan Bootstrap, mulai dari grid system, utility class, puluhan komponen Bootstrap seperti navbar, list group, button, form, card, hingga carousel (slider). Dan di akhir buku nanti terdapat studi kasus pembuatan 2 buah template modern.
Bootstrap 5 Uncover bisa didapat dengan harga Rp. 60.000 (untuk versi eBook). Untuk pemesanan bisa email ke [email protected] atau WA ke 083180285808 (andre).
Pengertian dan Cara Install Bootstrap 5
Untuk tutorial awal, kita akan bahas pengertian Bootstrap 5 beserta cara instalasinya:
- Tutorial Bootstrap Part 1: Pengertian Framework CSS Bootstrap
- Tutorial Bootstrap Part 2: Cara Menginstall VS Code
- Tutorial Bootstrap Part 3: Cara Menginstall Bootstrap 5
- Tutorial Bootstrap Part 4: Pengertian Bootstrap Container
- Tutorial Bootstrap Part 5: Pengertian Bootstrap Grid System
- Tutorial Bootstrap Part 6: Cara Membuat Grid Responsive
- Tutorial Bootstrap Part 7: Cara Mengubah Warna Teks
- Tutorial Bootstrap Part 8: Cara Mengubah Warna Background
- Tutorial Bootstrap Part 9: Cara Membuat Tombol (Button)
- Tutorial Bootstrap Part 10: Cara Membuat Border
- Tutorial Bootstrap Part 11: Cara Membuat Border Radius (Sudut Membulat)
- Tutorial Bootstrap Part 12: Cara Membuat Efek Bayangan (Shadow)