01. Creative Coding dan Game UI
Mengenal konteks creative coding, bagian interface game, dan hubungan HTML dengan UI game.
Buka PertemuanLevel 7
HTML, CSS, dan Game Website
Daftar 14 pertemuan. Pertemuan 1-4 sudah aktif sebagai tahap awal refactor.
Contoh proyek Level 7 belum tersedia
02. Semantic HTML
Menyusun struktur website game dengan tag semantic seperti header, nav, main, section, aside, dan footer.
Buka Pertemuan03. Form HTML
Membuat form player registration dengan label, input type, fieldset, dan validasi HTML5.
Buka Pertemuan04. Table HTML
Menggunakan table untuk leaderboard, character stats, item shop, dan data baris-kolom.
Buka Pertemuan05. CSS Flexbox
Flexbox untuk character selection dan item cards.
Buka Pertemuan06. CSS Grid
CSS Grid untuk inventory 4x4 dan level map.
Buka Pertemuan07. Responsive Design
Media query, mobile-first approach, dan testing di banyak ukuran layar.
Buka Pertemuan08. UI/UX Game Interface
HUD, status, feedback, typography, color, dan accessibility.
Buka Pertemuan09. Project Planning
Game concept, page map, wireframe, dan style guide.
Buka Pertemuan10. Homepage Development
Homepage, game story, semantic HTML, Flexbox/Grid, dan responsive design.
Buka Pertemuan11. Content Pages
Character page, item shop, inventory, dan how-to-play.
Buka Pertemuan12. Testing dan Accessibility
Responsive testing, accessibility audit, contrast check, dan visual polish.
Buka Pertemuan13. Debugging dan Polish
Peer review, broken links, missing images, optimasi asset, dan finalisasi showcase.
Buka Pertemuan14. Project Showcase
Presentation showcase, peer feedback, appreciation, reflection, dan goal-setting.
Buka Pertemuan