Belajar ngoding web dari nol, langkah demi langkah.

HTML, CSS, JavaScript, dan PHP — empat bahasa inti web, dijelaskan pakai bahasa sehari-hari, dengan contoh yang bisa langsung kamu salin, hasil yang bisa langsung kamu lihat, dan latihan untuk dicoba sendiri.

48+ Materi
100+ Contoh code
0 Biaya
<h1>Halo Dunia</h1>
<p>Saya lagi belajar
   HTML di labcodeku</p>
h1 {
  color: tomato;
  font-size: 2rem;
}
function sapa(nama) {
  return `Halo, ${nama}!`;
}

Empat bahasa, satu tempat.

Setiap bahasa punya peran berbeda dalam sebuah website. Klik kartu untuk mulai belajar — progresmu akan otomatis tersimpan di browser ini.

Dibuat khusus untuk yang lagi belajar.

Banyak tutorial web di luar sana asumsinya kamu sudah tahu banyak hal. Di sini, kami mulai dari benar-benar nol.

Bahasa Indonesia sehari-hari

Tidak ada istilah rumit yang tidak dijelaskan. Kalau pakai istilah teknis, kami jelaskan dulu artinya.

Lihat langsung hasilnya

Setiap contoh code datang dengan preview hasilnya di sebelah, jadi kamu langsung tahu efeknya.

Playground live

Editor HTML, CSS, dan JavaScript langsung di browser. Tidak perlu install apa-apa untuk mulai coba.

Latihan & kuis

Setiap topik ada latihan dengan jawaban tersembunyi. Coba dulu, baru lihat solusinya.

Progress tersimpan

Tandai materi yang sudah dipelajari. Progresmu otomatis tersimpan di browser.

Cuma-cuma, tanpa syarat

Tidak perlu daftar, tidak perlu login. Buka dan pelajari kapan saja, di mana saja.

Ikuti urutan ini.

Ngoding web itu seperti membangun rumah — mulai dari pondasi dulu, baru dinding, lalu dekorasi.

  1. Kuasai HTML dulu

    Ini pondasi. Tanpa HTML, tidak ada apa-apa untuk di-CSS atau di-JavaScript. Target: paham tag dasar, form, dan struktur halaman.

  2. Lanjut ke CSS

    Buat halaman HTML-mu terlihat cantik. Kuasai flexbox dan responsive — dua hal yang paling sering dipakai di dunia nyata.

  3. Mulai JavaScript

    Buat halaman jadi interaktif. Fokus pada variabel, fungsi, DOM, dan event dulu. Jangan langsung ke framework.

  4. Praktik: bikin project kecil

    Misalnya: kalkulator sederhana, to-do list, kartu profil, atau halaman portofolio statis. Ini bagian paling penting!

  5. Pelajari PHP & database

    Saat kamu mau halamanmu mengingat sesuatu — menyimpan data, sistem login, form kontak yang benar — PHP jawabannya.

  6. Deploy ke hosting

    Kamu sudah punya domain labcodeku.my.id. Upload project-mu, bagikan ke teman, dan rasakan kepuasan melihat karyamu hidup di internet.

Sudah siap mulai?

Tarik napas dalam. Tidak ada yang perlu dipersiapkan — cukup buka bab pertama.