Belajar CSS Framework Bootstrap 5
Panduan menggunakan Bootstrap Framework sebagai tools untuk membangun tampilan halaman website
Tentang Kelas
Dalam kelas online ini kamu akan mengenal dan belajar menggunakan Framework Bootstrap untuk membangun sebuah tampilan web.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat membuat sebuah website perusahaan sederhana menggunakan Mobirise
- Dapat mengetahui dasar-dasar Bootstrap
- Dapat menginstal software yang dibutuhkan
- Dapat menjelaskan fitur-fitur yang terdapat di Bootstrap
- Dapat membuat website perusahaan menggunakan Bootstrap
Silabus Topik 1: CSS Framework: Bootstrap Topik 2: Galeri Museum Arkeolog Project dengan Bootstrap
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer atau bagi orang yang baru mau membuat sebuah kantor/perusahaan
Metode Ajar
- Online Self-paced Learning
- Siswa dapat menentukan sendiri waktu belajarnya
- Fasilitas Pengajaran
- Materi disediakan berupa video
- Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
- Grup telegram: Berisi member CodePolitan
- Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas
- Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080) Software:
- Browser (tidak ada preferensi khusus)
- Teks Editor (tidk ada preferensi khusus)
Daftar Materi
| Mengenal Bootstrap | 07:15 | |
| Cara Pakai Bootstrap dan Memahami Containers | 09:01 | |
| Component Button | 11:02 | |
| Typography dan Kebutuhan lainnya yg bisa dimanfaatkan | 10:07 | |
| Componen lencana, alert dan menggabungkan Button dengan bootstrap | 09:43 | |
| Mengenal Sistem Grid Bootstrap dan Manfaatnya | 09:25 | |
| Responsive design dengan Bootstrap | 09:26 | |
| Fungsi yang bermanfaat pada Grid | 08:01 | |
| Mendesain Form dengan Bootstrap | 12:30 | |
| Membuat Navbars dengan Bootstrap | 12:44 | |
| Fungsi lain yang dimiliki Bootstrap | 07:09 | |
| Kita campurkan fungsi-fungsi yang ada di dalam Boostrap pada Halaman | 07:46 |
| Studi Kasus Museum Arkeologi 1 | 06:24 | |
| Studi Kasus Museum Arkeologi 2 | 10:07 | |
| Studi Kasus Museum Arkeologi 3 | 11:00 | |
| Studi Kasus Museum Arkeologi 4 | 11:59 | |
| Studi Kasus Museum Arkeologi 5 | 08:18 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(955 reviews)
CIPTA ARY NUGRAHA
Minggu, 19 April 2026 pukul 08.45
mantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantapmantap
Muhammad Veril
Rabu, 4 Februari 2026 pukul 09.14
Pelajarannya sangat mudah dipahami, penjelasannya juga jelas dan tidak terkesan susah bagi yang baru memulai dari nol
ACHMAD REGGAL READYANSYAH
Selasa, 13 Januari 2026 pukul 04.11
Materinya sangat menrik, saya sebagai pemula merasa lebih bersemangat dan lebih mudah paham tentang materi yang disampaikan karena bisa dijelaskan berthap serta diberikan contoh konkrit penggunaannya
Andriansyah
Senin, 5 Januari 2026 pukul 04.15
Materi fundamentalnya disampaikan secara sederhana dan mudah untuk dipahami, cocok untuk pemula yang masih bingung mau belajar bootstrap.
Andriansyah
Senin, 5 Januari 2026 pukul 04.15
Materi fundamentalnya disampaikan secara sederhana dan mudah untuk dipahami, cocok untuk pemula yang masih bingung mau belajar bootstrap.
Andriansyah
Senin, 5 Januari 2026 pukul 04.15
Materi fundamentalnya disampaikan secara sederhana dan mudah untuk dipahami, cocok untuk pemula yang masih bingung mau belajar bootstrap.
Ipong Pujo Nalindro
Senin, 3 November 2025 pukul 05.13
mantap sudah mulai bisa dalam penerapan di website dari yang awal nya dasar sekarang mulai bisa menambahkan gambar ling navbar
MUH FAUZAN AZIMA A
Selasa, 14 Oktober 2025 pukul 04.09
materi yang disampaikan mudah dimengerti untuk orang awam seperti saya, terima kasih mentor, terima kasih Codepolitan!
Azis Steven Ance
Minggu, 12 Oktober 2025 pukul 03.11
Pembelajaran Framework CSS ini sangat terstruktur, ditambah dengan penerapan project oleh mentor, sehingga teori-nya mudah di pahami pada saat kita mengerjakan project
Sayyar Nazam
Rabu, 8 Oktober 2025 pukul 04.45
Materi yanmg disampaikan sangat mudah untuk dimengerti dan dipelajari, terimakasih atas bimbingannya