Belajar CSS Framework Bootstrap 5
Panduan menggunakan Bootstrap Framework sebagai tools untuk membangun tampilan halaman website
BEGINNER943 penilaian939 peserta
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


Testimoni Oleh Siswa
4.6
(943 reviews)
5 Bintang
77%
4 Bintang
16%
3 Bintang
3%
2 Bintang
1%
1 Bintang
1%

Josef Christian
It's a good material, i can learn basic skill of bootstrap. I also enjoy the course well. He is a good teacher
MOKHAMAD ARIFIN ILHAM
djrjgbpdbhjopgjgjgbopebjrigjwpjdogpjrwporjbopfjbnopfwqjfopwrgjrpgjwrgjefpewjdfvbjfbjrgpwdjpwdofcjepogjrop test keyboayd
Andri
mantap penjelasan nya mudah di mengerti................................................................................
Novan Purba Wasesa
Sudah sangat jelas dan namun jujur kadang terlalu cepat saat penjelasan tapi masih oke untuk diikuti
Fauzi Dwika Aditya Putra
lumayan mudah untuk dimengerti dan dipelajari untuk saya yang sama sekali blm paham apa itu CSS.. Terima Kasih!
Saepul Bahri
Materi yang diberikan dalam pembelajaran ini sangat informatif dan membantu dalam memahami konsep yang dibahas. Penyampaian oleh guru sangat jelas, sistematis, dan menarik, sehingga mudah dipahami oleh siswa.
Gyon
Bagus Kelasnya, Materinya mudah di pahami dan di praktekkan, terima kasih untuk kakak mentornya, jadi tambah semangat belajar Coding^^
I Wayan Purwa Ardinata
mentornya memberikan penjelasan yang sangat mudah dimengerti saran saya tolong ditampilkan wajah pengajar agar bisa mengenal siapa mentornya
Ariyanto Wibisana Arrasyid
CSS adalah bahasa desain utama untuk mempercantik tampilan situs web. Tanpa CSS, halaman HTML akan terlihat polos dan membosankan. CSS memisahkan konten dari tampilan, membuat struktur kode lebih bersih. Dengan CSS, kamu bisa mengubah warna, font, dan layout situs web dengan mudah. CSS sangat penting dalam pengembangan front-end modern. Media queries di CSS memudahkan desain responsif. CSS memungkinkan situs web tampil menarik di berbagai perangkat. Flexbox adalah fitur powerful dalam CSS untuk membuat layout fleksibel. Grid layout di CSS memberikan kontrol penuh terhadap struktur halaman. Belajar CSS bisa membingungkan di awal, tetapi sangat bermanfaat. CSS punya kurva belajar yang landai tapi panjang. Banyak developer yang meremehkan kekuatan CSS. Animasi di CSS sangat halus dan ringan dibanding JavaScript. Transisi CSS mempermudah efek hover yang elegan. CSS mendukung desain dark mode hanya dengan beberapa baris kode.
Tyta Syahrullah
sangat membantu. banyak pengetahuan yang belum saya ketahui, dari sini saya mendapatkan materinya.
Lihat Rekaman