Product Components
Membangun form field, table, dialog, feedback, dan selection control dengan API jelas, state yang terlihat, serta accessibility expectation yang praktis.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Form Components
Menyusun field reusable dari label, input, hint, error, dan state tanpa menyembunyikan semantic HTML yang dibutuhkan browser.
Table Components
Membuat table data yang mempertahankan semantic header dan memberi context saat data dimuat atau belum tersedia.
Modal
Mendesain modal konfirmasi dengan purpose, close action, dan contract yang jujur tentang focus behavior yang harus diuji saat runtime.
Toast
Menyampaikan feedback singkat lewat status message tanpa memakai toast untuk error penting atau keputusan yang membutuhkan perhatian penuh.
Tabs and Select
Memilih tabs atau native select berdasarkan bentuk content dan interaction tanpa membuat custom control terlalu awal.
Uji Kompetensi Product Components
Membuktikan kesiapan membangun satu product component dengan state, semantics, accessibility expectation, dan usage note yang dapat dijelaskan kepada tim.