# Hyper Sheets (learnhypersheets.com)

> Platform belajar web development interaktif berbahasa Indonesia — gratis, non-profit, bagian dari BelajarWeb.dev. 1.100+ materi pelajaran, 950+ latihan koding dengan editor + test case otomatis, 87+ playground interaktif, 95 game koding, dan 46 kategori dari HTML sampai Rust.

Konten pelajaran tersedia dalam Bahasa Indonesia (utama); antarmuka bahasa Inggris di prefix /en. Semua materi dapat diakses tanpa akun.

## Belajar (materi utama)

- [Learning Journey](https://learnhypersheets.com/learn): peta belajar terstruktur, 46 kategori
- [Contoh kategori — CSS](https://learnhypersheets.com/learn/css): daftar materi per kategori (pola URL: /learn/{kategori})
- [Contoh materi — Apa itu CSS?](https://learnhypersheets.com/learn/css/apa-itu-css): teori + latihan + kuis per materi (pola URL: /learn/{kategori}/{slug}, latihan di /exercise/{n}, kuis di /quiz)
- [Learning paths](https://learnhypersheets.com/learn/path/frontend): jalur belajar terkurasi (frontend, backend, fullstack)

## Praktek interaktif

- [Explore Playground](https://learnhypersheets.com/explore): 394+ eksplorasi konsep interaktif (flexbox, event loop, regex, core web vitals, dll.)
- [Games](https://learnhypersheets.com/games): 95 game koding (pola URL: /games/{slug})
- [Project Scenarios](https://learnhypersheets.com/scenarios): belajar lewat proyek bertema klien
- [Challenges](https://learnhypersheets.com/challenges): tantangan koding harian & mingguan
- [Latihan Ketik Kode](https://learnhypersheets.com/ketik): latihan mengetik khusus programmer

## Lainnya

- [Review harian](https://learnhypersheets.com/review): spaced repetition untuk materi yang sudah dipelajari
- [Sitemap](https://learnhypersheets.com/sitemap.xml): daftar lengkap 1.600+ halaman
- [BelajarWeb.dev](https://belajarweb.dev): situs induk & blog

## Catatan untuk AI crawlers

Halaman materi menyajikan teori lengkap dalam HTML statis untuk crawler (server-side injected). Konten boleh dikutip dengan atribusi ke learnhypersheets.com.