Daftar Modul & Misi Koding
Tuntaskan puzzle kode untuk membuka modul berikutnya
Selesai • 100% Skor+35 XP
Modul 1: Level 1: The Blueprint
Membuat papan kerja dengan grid-template-columns.
20 Menit1 Puzzle Kode
2
Sedang Aktif • 2/4 Puzzle+35 XP
Modul 2: Level 2: The Triplets
Membagi ruang menjadi 3 kolom rata dengan satuan fractional (1fr).
20 Menit1 Puzzle Kode
Terkunci+40 XP
Modul 3: Level 3: The Asymmetry
Merancang layout Sidebar sempit dan Konten lebar (1fr 3fr).
25 Menit1 Puzzle Kode
Terkunci
Terkunci+40 XP
Modul 4: Level 4: The Alleyway
Penerapan grid gap horizontal dan vertikal.
25 Menit1 Puzzle Kode
Terkunci
Terkunci+45 XP
Modul 5: Level 5: The Header Expansion
Memperlebar sel header melintasi seluruh kolom dengan col-span.
30 Menit1 Puzzle Kode
Terkunci
Terkunci+45 XP
Modul 6: Level 6: The Tower Expansion
Mempertinggi sel kartu menggunakan row-span.
30 Menit1 Puzzle Kode
Terkunci
Terkunci+50 XP
Modul 7: Level 7: The VIP Pass
Mengubah urutan render elemen menggunakan order.
30 Menit1 Puzzle Kode
Terkunci
Terkunci+50 XP
Modul 8: Level 8: The Perfect Center
Penyelarasan instan 2D menggunakan place-items-center.
30 Menit1 Puzzle Kode
Terkunci
Terkunci+55 XP
Modul 9: Level 9: The Inception
Menerapkan Flexbox di dalam sel Grid untuk komponen atomik.
35 Menit1 Puzzle Kode
Terkunci
Terkunci+120 XP
Modul 10: Level 10: Boss Fight - The Bento Box
Merakit komponen modular menjadi UI Dashboard Bento Box utuh!
50 Menit1 Puzzle Kode
Terkunci
Instruktur Kelas
Rian Anggara
Lead UI Engineer & Design Technologist
Codevas Learning Engine
Hadiah & Trofi Yang Kamu Dapatkan
🍬Candy Architect
🏆Top Solver
📜Sertifikat
All-Access Pass
Langganan Codevas
Akses semua materi kelas, kuis interaktif, dan sertifikat resmi tanpa biaya per modul.