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
(967 reviews)
Dandy Nur Alfajar
Selasa, 19 Mei 2026 pukul 23.35
Saya suka bagian studi kasus yang di bagi menjadi 5 segmen video, dengan masalah masing msaing dan cara pengerjaan nya.. cihuy
Dandy Nur Alfajar
Selasa, 19 Mei 2026 pukul 23.35
Saya suka bagian studi kasus yang di bagi menjadi 5 segmen video, dengan masalah masing msaing dan cara pengerjaan nya.. cihuy
Anazri Eriyani
Selasa, 19 Mei 2026 pukul 22.49
sebagai pemula, mempelajari bootstrap melalui online course adalah pengalaman baru bagi saya. cara moderator menyampaikan materi sangat mudah untuk dimengerti, studi kasus yang dibawakan pun bisa saya ikuti. 100% recommended, u guys would love this course :D
YENDIRI amohoso
Senin, 18 Mei 2026 pukul 19.54
Saya mau belajar lebih paham lagi di lain waktu ? dan saya tetap Masih mau belajar kode politan css
Putra Iqbal Amin
Senin, 18 Mei 2026 pukul 15.25
kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti kerenn mudah di mengerti
Marvin Muhammad Rizki
Minggu, 17 Mei 2026 pukul 22.19
Materi yang disampaikan mentor dapat dimengerti dengan baik dan jelas, penyampaian nya juga sangat bagus.
Nurhuda Dafa
Minggu, 17 Mei 2026 pukul 14.29
penjelasan mentor snagat mudah di pahami dan tidak terburu buru, studi khasus nya banyak karena sangat mudah
Nurhuda Dafa
Minggu, 17 Mei 2026 pukul 14.29
penjelasan mentor snagat mudah di pahami dan tidak terburu buru, studi khasus nya banyak karena sangat mudah
Nurhuda Dafa
Minggu, 17 Mei 2026 pukul 14.29
penjelasan mentor snagat mudah di pahami dan tidak terburu buru, studi khasus nya banyak karena sangat mudah
Balkhi Razzas Q
Minggu, 17 Mei 2026 pukul 13.39
mentornya bagus, menyampaikan dengan bahasa yang mudah di pahami, studi kasusnya juga banyak jadi sangat mudah di pahami, thank u codepolitan