Latihan Harian
Latihan Membuat Sempurna
Tingkatkan skill development Anda dengan latihan coding harian. Pilih dari exercise frontend, backend, atau full-stack.
Tantangan
10 Tersedia
Streak Harian
0 Hari
Selesai
0 Tantangan
Frontend Development
Pemula
30 menit
Navigation Bar Responsif
Buat navigation bar yang sepenuhnya responsif dengan menu mobile
HTMLCSSTailwindReact
Tugas Utama:
- Buat navigation bar dengan logo dan menu items
- Tambahkan hover effects dan active states
- Implementasikan hamburger menu untuk mobile
- +2 tugas lagi...
Pemula
45 menit
Komponen Card Interaktif
Buat card dengan hover effects, animasi, dan interaksi
ReactTailwindAnimasi
Tugas Utama:
- Design layout card dengan gambar, judul, dan deskripsi
- Tambahkan hover scale dan shadow effects
- Implementasikan flip animation untuk menampilkan detail
- +2 tugas lagi...
Menengah
60 menit
Todo List dengan Filter
Buat todo list dengan fitur tambah, hapus, dan filter
ReactState ManagementTypeScript
Tugas Utama:
- Buat form untuk menambahkan todo baru
- Tampilkan todos dengan checkbox untuk menandai selesai
- Tambahkan fungsi delete
- +2 tugas lagi...
Menengah
60 menit
Galeri Gambar dengan Lightbox
Buat galeri gambar dengan tampilan modal lightbox
ReactModalGrid Layout
Tugas Utama:
- Buat grid layout untuk gambar
- Implementasikan klik untuk membuka lightbox modal
- Tambahkan navigasi prev/next di lightbox
- +2 tugas lagi...
Lanjutan
90 menit
Form Multi-Step
Buat form multi-step dengan validasi dan indikator progress
ReactFormsValidasiState Management
Tugas Utama:
- Buat 3-4 step form dengan field yang berbeda
- Tambahkan validasi form untuk setiap step
- Implementasikan indikator progress
- +2 tugas lagi...
Lanjutan
120 menit
Tabel Data dengan Sorting & Pagination
Buat tabel data advanced dengan sorting, filtering, dan pagination
ReactTypeScriptManipulasi DataUI/UX
Tugas Utama:
- Tampilkan data dalam format tabel
- Implementasikan sorting kolom (asc/desc)
- Tambahkan fitur search/filter
- +2 tugas lagi...