Satu aplikasi, empat hub
01 / 05 · BerandaHari ini mulai dari mana?
- Lanjutkan pelajaran dengan satu tombol
- Review, streak, dan misi harian
20 hari 120 koin contoh
Misi hari ini
3.0Hyper Sheets 3.0: yang berubah sejak 2.0Yang berubah sejak 2.0 DARI KAMPUNG KE DUNIA
Belajar web development, gratis, sambil main.
Dari HTML sampai Rust, dalam Bahasa Indonesia. Langsung di browser.
- kategori
- 46
- materi
- 1.150+
- game
- 250+
- bahasa
- 12
Materi, playground, dan review di satu tempat
- 46 kategori, 4 jalur karier
- 410 playground, tiap topik jadi adegan piksel
Coba sekarang: ubah warna atap kampung
Ketik warna CSS: teal, #38bdf8, atau hsl(200 80% 50%).
Tiap game melatih satu konsep
- 250+ game, dari mudah sampai sulit
- Satu bos baru tiap minggu
Buktikan kamu masih bisa, tanpa AI
- Duel 1v1 berperingkat, 10 menit
- Kontes Mingguan: 5 soal, 2 jam
Duel 1v110:00contoh
Kamu
Lawan
Belajar tidak sendirian
- Liga mingguan, Kelas & Grup
- Lowongan: kerja, freelance, magang
Liga minggu iniZona promosicontoh
- 1rara1.240
- 2bagas1.180
- 3sari1.050
- 4kamu980
- 5dimas760
Pindah ke kampung, kerja dari laptop
Game desa piksel: bertani, memancing, berlayar ke Pulau Karang, berteman dengan 28 warga. Warganya juga mengajarkan sains dan logika: tebak dulu, lalu coba sendiri.
Bahasa kerja, diajarkan dalam Bahasa Indonesia
Dari A1 sampai C2, lewat situasi kerja: call pertama, update harian, email ke klien. Untuk Jepang ada jalur JLPT harian dari N5 sampai N3.
Klik satu bahasa untuk mendengar sapaannya.
Dari kampung, kerja ke mana saja
Remote, freelance, magang, sampai kerja luar negeri yang menanggung visa. Diperbarui setiap hari.
Semua materi tetap gratis. Tidak ada yang dikunci.
Dijalankan satu orang, dan datamu tidak pernah dijual. Pendukung ikut menanggung biaya server dan AI-nya.
- Badge yang tumbuh jadi pohon besar
- Kosmetik Nyala dan bonus koin harian
- PRO: kredit AI untuk Tanya Hex
- Namamu di dinding terima kasih, kalau mau
0/8 koin0/0 ditemukan 0/5 botol WASD atau panah untuk jalan, Spasi lompat, klik tanah untuk ke sanaGeser tuas, atau tap tanah untuk jalan ke sanaWASD atau panah untuk jalan, Spasi lompat, seret untuk menolehGeser tuas untuk jalan, usap layar untuk menoleh Panah atau WASD untuk berlayar, klik laut untuk ke sanaGeser tuas, atau tap laut untuk berlayar ke sana V
Delapan koin ketemu semua! Mau main beneran?Lima botol ketemu semua! Mau main beneran? Main ke Kampung →
Dina SEMUA YANG ADA DI DALAMNYA
Di luar materi, ini yang bisa kamu pakai.
Yang bertanda contoh bisa kamu coba di sini.
Latihan Ketik
contohTyping trainer khusus syntax
- Finger Gym
- Titik Lemah
- Irama
- Duel
Untuk JS, CSS, Python, SQL, Bash, dan belasan lainnya.
Review
contohKamu yang menandai: ingat atau lupa
Apa beda let dan const?
Salah balik besok, benar jaraknya makin panjang.
Pet Piksel
Makin rajin kamu belajar, makin kenyang dia. Coba belai.
75 Level & XP
Semua aktivitas memberi XP.
Mini Proyek & Skenario
Brief klien dari nol sampai deploy
- SBu SumiatiKue Lebaran
- YMbak YuniSalon
- AKang AsepBakso keliling
- Brief klien
- Kerjakan
- Deploy
Kliennya membalas chat-mu, minta revisi, lalu memberi testimoni.
Latihan Bicara
120+ skenario bicara
- Rekam
- Baca transkrip
- Nilai pakai rubrik
Standup, demo, code review, sampai pitch.
Tanya Hex
Tutor AI di tiap halaman belajar
Hex membaca materi dan kodemu. Akun gratis dapat 15 pertanyaan sehari.
Karya & Galeri
Pamerkan yang kamu bangun
Terbitkan ke Galeri: hasil dan kodenya berdampingan.
380+ Badge & Pencapaian
Bentuk menandai kelangkaan, warna menandai kategori.
Liga Mingguan
- Perunggu
- Perak
- Emas
- Berlian
- Legenda
Lima tier, reset tiap Minggu malam.
Musim Boss
contohHP bos
Bos baru tiap minggu, per kategori.
600+ Kosmetik
- Latar profil
- Cuaca
- Pet
- Frame avatar
- Title
- Cursor trail
Satu set bikin semuanya serasi.
Kelas & Grup
- Tugas materi
- Papan diskusi
- Jadwal belajar
- Papan skor kelas
Kelas dipimpin guru, grup dipimpin teman.
Sertifikat dengan ujian
Lulus ujian, terbit sertifikat dengan ID kredensial.
29 SET TEMA
Karaktermu dan tiga pet, dalam tema pilihanmu.
Tiap set penuh punya cara masuknya sendiri: ada yang larut jadi piksel, ada yang booting kayak terminal. Di banner-nya, karakter Kampung kamu jalan-jalan bareng sampai tiga pet.
27 set dibeli pakai koin hasil belajar. Dua lagi khusus: Nyala untuk Pendukung dan PRO, Hex untuk PRO.
Profil contoh milik persona demo, direkam di aplikasi.
BLOG
Semua tulisanTulisan terbaru
CSS6 Okt 2026 · 10 menit
Box Shadow CSS Adalah: Cara Membuat Efek Bayangan (Lengkap + Playground)
Box-shadow adalah properti CSS untuk membuat bayangan pada elemen. Pelajari arti kelima nilainya (offset-x, offset-y, blur, spread, color), inset, multiple shadow, dan cara pakainya lewat playground interaktif.
CSS6 Okt 2026 · 9 menit
Cara Membuat Gradasi Warna dengan linear-gradient CSS (Lengkap + Playground)
Cara membuat gradasi warna di CSS pakai linear-gradient: atur arah (to right, 45deg), color stop dengan posisi, transparansi rgba. Plus beda linear vs radial vs conic dan playground interaktif.
Git15 Sep 2026 · 9 menit
Git Branch dan Merge: Cara Membuat Cabang & Menggabungkannya untuk Pemula
Belajar Git branch dan merge dari nol: apa itu branch, cara membuat cabang dengan git checkout -b, bekerja di branch, lalu menggabungkannya ke main dengan git merge, plus fast-forward vs merge commit dan cara mengatasi conflict.
React15 Sep 2026 · 9 menit
useRef Adalah: Cara Kerja Hook useRef di React untuk Mengakses DOM dan Menyimpan Nilai Tanpa Re-render
useRef adalah hook React untuk mengakses elemen DOM langsung dan menyimpan nilai yang bertahan antar render tanpa memicu re-render. Pahami perbedaannya dengan useState lewat contoh interaktif.
HTML11 Sep 2026 · 9 menit
Cara Membuat Form HTML: Panduan input, label, dan Kirim Data
Form HTML adalah cara mengumpulkan dan mengirim data dari pengunjung. Pelajari tag form, input beserta tipe-tipenya, label for, atribut name, action, dan method GET vs POST.
CERITA
Cerita di balik BelajarWeb.dev
- 2021
Riset kampus
Platform sederhana untuk belajar HTML dan CSS. Dipakai teman sekelas, lalu menyebar.
- Mar 2026
Rebuild total, versi 2.0
Ditulis ulang dari nol: dari dua kategori jadi 46.
- Okt 2026
Versi 3.0
Ditata ulang jadi empat hub. Sejak 2.0: Arena, 12 bahasa, sertifikat, Kampung, Lowongan.
- Kini
Tiap minggu ada yang baru
Terbaru: tutor AI di tiap halaman belajar, Python sungguhan di playground, dan jalur JLPT harian.
FAQ
Yang sering ditanya
Ya. Semua materi, latihan, playground, game, dan Arena bisa dipakai tanpa bayar dan tanpa kartu kredit, dan akan tetap begitu. Ujian sertifikat, petunjuk, dan penjelasan error dari Hex juga gratis, ditambah 15 pertanyaan sehari ke tutor AI setelah emailmu terverifikasi; karena ada biaya AI-nya, ke depannya bisa berubah. Pendukung dapat badge, kosmetik, dan bonus koin; PRO menambah kredit AI untuk Tanya Hex. Tidak ada materi yang dikunci.
Semua halaman ditata ulang jadi empat hub: Belajar, Main, Arena, dan Komunitas, plus Kamu lewat avatar. Sejak 2.0 juga ada yang baru: Arena, 12 bahasa, sertifikat dengan ujian, Kampung, sampai Lowongan. Progres, streak, koin, dan kosmetikmu tetap aman.
Tidak. Buka learnhypersheets.com di browser, langsung belajar. Kalau lebih nyaman di HP, ada aplikasinya di Google Play.
Cocok. Jalur HTML dan CSS dimulai dari nol, dengan latihan kecil di tiap langkah. Kamu tidak perlu tahu apa-apa sebelumnya.
Bisa. Di Kelas & Grup, guru bisa langsung membuat kelas sejak hari pertama, memberi materi, membuka papan diskusi, mengatur jadwal, dan melihat peringkat kelas. Akun usia 13 sampai 17 tahun privat sejak awal, dan akun di bawah 13 tahun hanya terlihat di kelasnya.
BelajarWeb.dev adalah rumahnya: blog, cerita, dan pintu masuk. Hyper Sheets adalah aplikasi tempat kamu belajar. Dibuat dan dijalankan oleh orang yang sama.
Mulai dari tag HTML pertamamu
Gratis dan langsung di browser. Kalau lebih nyaman di HP, ada aplikasinya di Google Play.