Membuat Landing Page Website dengan Bootstrap 4
Dalam course ini kamu akan mempelajari Bootstrap CSS yang memberikan developer kemudahan dalam mendesain halaman website
Tentang Kelas
Pada course ini kita akan mempelajari tahapan membuat halaman web landing page sederhana menggunakan Bootstrap 4. Dimulai dari membuat navigasi bar, service, produk, about us dan contact us yang dapat dikreasikan kembali sesuai kebutuhan.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal langkah-langkah membuat membuat halaman web landing page sederhana menggunakan Bootstrap 4
- Dapat mempraktikan dasar-dasar membuat membuat halaman web landing page sederhana menggunakan Bootstrap 4
- Dapat merangkumkan cara membuat membuat halaman web landing page sederhana menggunakan Bootstrap 4
Silabus
- Topik 1: Membuat Landing Page Website
Jenis Pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
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)
Daftar Materi
| Pengenalan Landing Page | 03:10 | |
| Persiapan | 09:24 | |
| Build Nav | 14:37 | |
| Membuat Header | 16:57 | |
| Membuat Menu Service Bag1 | 10:37 | |
| Membuat Menu Service Bag2 | 09:50 | |
| Membuat Menu Service Bag3 | 05:14 | |
| Kuis - Membuat Landing Page Website dengan Bootstrap 4 - 1 | 00.00 | |
| Membuat Menu Product Bag1 | 04:55 | |
| Membuat Menu Product Bag2 | 12:07 | |
| Membangun About Us 1 | 07:20 | |
| Membangun About Us Bag2 | 09:58 | |
| Membangun Menu Contact Us | 04:23 | |
| Membangun Footer | 05:19 | |
| Penutup | 07:04 | |
| Kuis - Membuat Landing Page Website dengan Bootstrap 4 - 2 | 00.00 |
Penyusun Materi
Meilan Anastasia Maharani
Mentor at Codepolitan
Testimoni Oleh Siswa
(782 reviews)
Syamsudin yuhri
Kamis, 12 Februari 2026 pukul 16.28
Trimakasih kaka mentor yang telah mendeskripsikan dan memberipenjelasan kepada kami by online, pada saat mengikuti memeang mudah dan mengasyikkan,, tapi pada saat kami praktek sendiri ..wadidow...banyak yang gak sesuai karena memang kemampuan menghafal kami yang sudah sulit, tapi untuk mentornya is okeee jelas dan tidak terlalu cepat sehingga enjaoy dalam mengikuti pelajaran ini ,,,ok trimkasih kakak mentor dan sukse selalu
Aditya Fiqri Firdaus
Senin, 9 Februari 2026 pukul 16.56
Makasih ka, penjelasannya sangat jelas dan mudah dipahami. Mantapppppppppppppppppppppppppppppppppppp
Luqman Fachrizal Kuncorojati
Rabu, 8 Oktober 2025 pukul 23.12
Materi yang disampaikan mengenai materi pembuatan landing page menggunakan bootstrap mudah dipelajari dan difahami, mudah dipraktekan secara langsung
Galuh Pratama
Kamis, 14 Agustus 2025 pukul 00.18
Materi yang disampaikan cukup relevan untuk versi yang lawas, mungkin bisa jadi sedikit menambah wawasan mengenai fundamental framework dari bootstrap, dengan cara penyampaian yang mudah dimengerti dari mentor.
Tirta Agung Jati
Sabtu, 5 Juli 2025 pukul 22.34
Mungkin Diperbarui lagi materinya dengan menggunakan Bootstrap 5. Akan tetapi materi yang disajikan sudah baik
Andrew
Minggu, 25 Mei 2025 pukul 21.02
Materi yang disampaikan oleh mentornya mudah dipahami dan cocok / relevan untuk saya yang masih pemula
Muhammad Haikal Adlani
Sabtu, 10 Mei 2025 pukul 08.43
CodePolitan merupakan platform pembelajaran coding yang sangat bermanfaat, dengan materi yang terstruktur, mudah dipahami, dan cocok untuk pemula maupun tingkat lanjut.
Van Felix Ngarta
Jumat, 9 Mei 2025 pukul 05.20
Mantap dan keret banget Kak penyampaiannya. Jujur, saya sebagai pemula, lumayan mudah untuk memahami materinya walaupun tidak ada basicnya.
Faiz Ali
Minggu, 4 Mei 2025 pukul 19.30
Kurang di jelaskan dalam dasar dasar cssnya tapi saya masih bisa mengerti seiring membuat portofolionya
Niko Aji Nugroho
Kamis, 6 Maret 2025 pukul 07.58
Yang saya suka, kelas ini sangat praktis. Kami tidak hanya belajar teori, tetapi langsung mengimplementasikannya melalui latihan dan proyek mini. Selain itu, penggunaan Bootstrap untuk membuat layout yang fleksibel, navigasi interaktif, dan komponen UI modern menjadi jauh lebih mudah dipahami.