Media Pembelajaran Interaktif

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.

Mulai Belajar Portal Guru
Terstruktur
Interaktif
Ramah Mahasiswa
Learn Bootstrap
12-Column System
Bootstrap 5

Daftar Isi Pembelajaran

Langkah Terstruktur Menuju Mahir Bootstrap

Bab 1

Pendahuluan HTML & CSS

  • 1.1 Pengenalan HTML
  • 1.2 Pengenalan CSS
  • 1.3 Ringkasan Bab 1
  • Kuis 1
Mulai Belajar
Bab 2

Memulai Dengan Bootstrap

  • 2.1 Pengenalan Bootstrap
  • 2.2 Mobile-First Design
  • 2.3 Bootstrap & CSS Kustom
  • Kuis 2
Bab 3

Sistem Grid Bootstrap

  • 3.1 Sistem Grid Bootstrap
  • 3.2 Rows dan Columns
  • 3.3 Grid System
  • 3.4 Offset & Nesting
  • Kuis 3
Bab 4

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
Bab 5

Komponen Bootstrap

  • 5.1 Komponen Bootstrap
  • 5.2 Navigasi & Tampilan
  • 5.3 Visual dan Interaktif
  • Kuis 5
Progress Level 0 / 200 poin

Aktivitas 7 Hari

Rab
Kam
Jum
Sab
Min
Sen
Sel

Papan Peringkat Poin

  • #1
    Ahmad Fauzan
    1015 Poin  ·  Level 6
  • #2
    Ahmad Fauzi
    985 Poin  ·  Level 5
  • #3
    Siti Nurhaliza
    850 Poin  ·  Level 5

Progress Materi

Bab 1 – Pengenalan HTML 0%
Bab 2 – HTML Lanjutan 0%
Bab 3 – Pengenalan CSS 0%
Bab 4 – CSS Lanjutan 0%
Bab 5 – Proyek Akhir 0%
Bab 6 – Bootstrap Dasar 0%
Selesai: 0/6 Bab

Koleksi 12 Badge

Diperoleh: 1 / 11
Mulai
Level 1
Naik Kelas
Level 5
Veteran
Level 10
Pintar
Tamat Materi
Collector
100 Poin
Sultan
500 Poin
Perfect
Skor 100
Quiz Pro
10 Kuis
Night Owl
Waktu
Early Bird
Waktu
Sarjana
Tamat

Sertifikat Kelulusan

Login untuk Melihat Sertifikat

Masuk ke akun kamu, selesaikan semua kuis & evaluasi dengan nilai di atas KKM, dan dapatkan sertifikat kelulusan resmi.

Tentang Platform

Learn Bootstrap dikembangkan dengan pendekatan Gamifikasi 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.

Foto Creator
Kreator & Peneliti

Muhammad Restu Rahman

NIM. 2210131210023

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.

Institusi Pendidikan

Universitas Lambung Mangkurat

FKIP - Pendidikan Komputer
Dosen Pembimbing I

Novan Alkaf B. S., S.Kom., M.T.

Pembimbing Utama Riset & Sistem
Dosen Pembimbing II

Ihdalhubbi Maulida, S.Kom., M.Kom.

Pembimbing Pendamping Metodologi
↑