Bangun UI Modern dengan
Bootstrap Framework
Platform pembelajaran interaktif berbasis web yang dirancang khusus untuk mahasiswa. Pahami konsep dasar HTML, CSS, hingga implementasi komponen Bootstrap melalui metode learning-by-doing.
Daftar Isi Pembelajaran
Langkah Terstruktur Menuju Mahir Bootstrap
Pendahuluan HTML & CSS
- 1.1 Pengenalan HTML
- 1.2 Pengenalan CSS
- 1.3 Ringkasan Bab 1
- Kuis 1
Memulai Dengan Bootstrap
- 2.1 Pengenalan Bootstrap
- 2.2 Mobile-First Design
- 2.3 Bootstrap & CSS Kustom
- Kuis 2
Sistem Grid Bootstrap
- 3.1 Sistem Grid Bootstrap
- 3.2 Rows dan Columns
- 3.3 Grid System
- 3.4 Offset & Nesting
- Kuis 3
Base CSS Bootstrap
- 4.1 Pengenalan Base CSS
- 4.2 Tipografi & Elemen Text
- 4.3 Tombol
- 4.4 Formulir
- 4.5 Gambar & Tabel
- Kuis 4
Komponen Bootstrap
- 5.1 Komponen Bootstrap
- 5.2 Navigasi & Tampilan
- 5.3 Visual dan Interaktif
- Kuis 5
0
HariApi Konsistensi
Teruskan streak untuk hadiah bulan ini!
Aktivitas 7 Hari
Top Streak Papan Peringkat
-
#1Admin One1 Hari
-
#2teddy1 Hari
-
#3Rahman1 Hari
Misi Harian 0/3
Koleksi 12 Badge
Diperoleh: 0 / 12Mulai
1 HariRutin
3 HariPintar
SpesialDisiplin
7 HariProduktif
14 HariMaster
30 HariLegend
50 HariPerfect
Kuis 100Hacker
KodingNight Owl
WaktuEarly Bird
WaktuSarjana
TamatTentang Platform
Learn Bootstrap dikembangkan dengan pendekatan gamifikasi streak untuk mendongkrak motivasi dan konsistensi belajar siswa secara mandiri.
Media Pembelajaran
Membantu siswa memahami HTML, CSS, dan Bootstrap secara bertahap melalui modul live-coding dan latihan interaktif.
Gamifikasi Streak
Sistem pencatatan harian untuk membangun kebiasaan. Konsistensi akan diganjar dengan badge, gelar, dan posisi di leaderboard.
180 x 180px
M. Restu Rahman
Pengembang utama di balik antarmuka dan sistem Learn Bootstrap. Bertanggung jawab memadukan arsitektur web modern dengan psikologi gamifikasi guna menciptakan ekosistem pendidikan teknologi yang menyenangkan.
Universitas Lambung Mangkurat
Novan Alkaf B. S., S.Kom., M.T.
Ihdalhubbi Maulida, S.Kom., M.Kom.