Baca Materi
Pahami konsep utama tiap bab dengan contoh yang dekat dengan praktik web.
Pemrograman Web
Belajar Web Lebih Interaktif
WebTech Interaktif membantu siapa pun belajar HTML, CSS, JavaScript, dan Laravel secara bertahap lewat materi ringkas, contoh kode yang bisa dijalankan, serta lab otomatis.
baca(materi);
coba(kode);
if (lab.lulus) {
buka(babBerikutnya);
}Progres– / 41 Lab– / 41 Lab
Cara pakai
Mulai dari materi, lanjut ke praktik
Coba Kode
Jalankan dan ubah contoh kode langsung dari halaman materi.
Selesaikan Lab
Kerjakan tugas coding. Bab berikutnya terbuka setelah lab selesai.
Struktur
🧱 HTML
Struktur halaman web: elemen, atribut, tabel, form, dan tag semantik.
Memuat materi…
Memuat materi…
Tampilan
🎨 CSS
Tampilan halaman web: selector, box model, flexbox, grid, dan desain responsif.
Memuat materi…
Memuat materi…
Interaktif
⚡ JavaScript
Interaktivitas halaman web: variabel, percabangan, perulangan, DOM, event, serta JSON dan fetch.
Memuat materi…
Memuat materi…
Backend
🏗️ Laravel
Framework PHP: arsitektur MVC, migrasi & Eloquent, Blade, CRUD relasional, autentikasi, dan REST API.
Memuat materi…
Memuat materi…
Frontend
🟩 Vue
Frontend terpisah: komponen, axios, router, Pinia, login token, dan aplikasi responsif di atas API.
Memuat materi…
Memuat materi…
Data belajar di browser ini
Progres lab, rekor speedrun, dan pemakaian kunci jawaban tersimpan di browser ini saja, tanpa akun.