Platform belajar coding berbasis praktik
Belajar coding dengan membangun sesuatu.
Pelajari pemrograman melalui materi praktik, latihan interaktif, dan AI Tutor yang membantu kamu memahami kode, bukan sekadar menyalin jawaban.
- Kursus inti
- 3 kursus
- Lesson praktik
- 13 lesson
- Sertifikat
- Verifikasi publik
Tanpa instalasi. Editor dan latihan berjalan langsung di browser.
01 — Kurikulum
Tiga fondasi. Satu jalur yang jelas.
Mulai dari struktur halaman, lanjut ke tata letak dan tampilan, lalu tambahkan interaksi. Setiap kursus berakhir dengan quiz dan sertifikat.
Lihat seluruh katalogHTML Fundamentals
Bangun fondasi halaman web yang benar dan mudah diakses.
- Dokumen HTML dan struktur semantik
- Teks, tautan, dan gambar
- Formulir yang aksesibel
- +1 lesson lainnya
CSS Fundamentals
Atur tampilan dengan sistem, bukan tebakan.
- Selektor, cascade, dan specificity
- Box model, tipografi, dan spacing
- Flexbox dan Grid untuk tata letak
- +1 lesson lainnya
JavaScript Fundamentals
Ubah halaman statis menjadi antarmuka yang merespons.
- Variabel, tipe data, dan operator
- Kondisi dan perulangan
- Fungsi, scope, dan pengolahan array
- +2 lesson lainnya
02 — Cara kerja
Dari membaca kode sampai menjelaskannya sendiri.
LearnCode tidak memisahkan teori dari praktik. Kamu membaca, mencoba, salah, memperbaiki, lalu menguji pemahaman di akhir kursus.
- 01
Pahami satu konsep
Setiap lesson dibuka dengan penjelasan singkat dan contoh kode nyata. Kamu membaca alasan di balik setiap baris, bukan sekadar menyalinnya.
- 02
Praktikkan di playground
Ubah kode, jalankan, dan lihat hasilnya langsung di browser. Error yang muncul menjadi bagian dari proses belajar.
- 03
Uji dengan quiz
Quiz menilai pemahamanmu di server. Umpan balik menjelaskan mengapa sebuah jawaban benar atau keliru.
- 04
Tuntaskan dan verifikasi
Setelah semua lesson selesai dan nilai memenuhi syarat, sertifikat diterbitkan otomatis dan bisa diverifikasi publik.
03 — Playground
Tulis kode. Jalankan. Lihat apa yang terjadi.
Editor kode dengan syntax highlighting, line numbers, dan preview langsung. Error ditampilkan di panel console, jadi kamu belajar membaca pesan kesalahan sejak awal.
- Monaco Editor untuk HTML, CSS, dan JavaScript.
- Preview dijalankan di iframe tersandbox tanpa akses ke aplikasi.
- Reset contoh kode kapan saja untuk mulai dari awal.
04 — AI Tutor
Bantuan yang membuatmu berpikir, bukan menggantikanmu.
AI Tutor menyesuaikan jawaban dengan lesson aktif dan level pemahamanmu. Untuk soal latihan, ia memberi hint bertahap lebih dulu sebelum solusi lengkap.
Explain Code
Membaca kodemu baris per baris dan menyebut konsep yang sedang bekerja.
Debug Code
Menunjukkan kemungkinan penyebab error dan cara memeriksanya di DevTools.
Give Me a Hint
Hint bertahap: satu petunjuk dulu, solusi lengkap belakangan jika kamu memintanya.
Code Review
Menyoroti kebenaran, keterbacaan, aksesibilitas, dan potensi masalah keamanan.
Explain This Lesson
Menjelaskan ulang lesson aktif dengan bahasa yang lebih sederhana.
Practice Suggestions
Menyusun latihan kecil berikutnya sesuai level dan lesson yang sedang kamu buka.
Contoh percakapan · bukan sesi langsung
05 — Progress & sertifikat
Bukti belajar yang bisa diperiksa, bukan sekadar gambar.
Progress disimpan setelah kamu menandai lesson selesai dan mengirim quiz. Ketika seluruh syarat terpenuhi, server menerbitkan sertifikat dengan nomor unik dan kode verifikasi.
- Sertifikat PDF landscape A4 dengan QR code verifikasi.
- Nilai akhir dan tanggal penerbitan diambil dari data yang tersimpan.
- Halaman verifikasi publik menampilkan penerima, kursus, dan status keaslian.
- Sertifikat LearnCode adalah bukti penyelesaian kursus, bukan akreditasi eksternal.
Sertifikat penyelesaian kursus
Nama Penerima
telah berhasil menyelesaikan kursus
HTML Fundamentals
Nilai akhir 92%
Diterbitkan
17 Oktober 2026
Nomor
LC-2026-7KQ2M9XA
Verifikasi
06 — Pertanyaan umum
Hal yang sering ditanyakan.
Belum menemukan jawaban? Baca detail kursus atau mulai saja dari lesson pertama.
Apakah saya perlu pengalaman coding sebelumnya?
Tidak. Kursus dimulai dari HTML dasar dan bergerak naik ke CSS lalu JavaScript. Jika kamu sudah pernah menulis kode, kamu bisa langsung masuk ke lesson yang relevan dan tetap mengerjakan quiz untuk mengukur pemahaman.
Bahasa pemrograman apa yang didukung playground?
Playground menjalankan HTML, CSS, dan JavaScript di browser. Kode dieksekusi di dalam iframe yang diisolasi. Node.js, Python, dan bahasa backend lain tidak dijalankan di playground ini.
Bagaimana cara kerja AI Tutor?
AI Tutor memakai Groq API melalui server LearnCode. Ia menerima konteks lesson yang sedang kamu buka dan kode yang kamu lampirkan, lalu menjawab dengan penjelasan. AI tidak menjalankan kode; ia membantu kamu membaca dan memperbaikinya. Setiap akun memiliki batas pesan harian.
Apakah sertifikat ini terakreditasi?
Tidak. Sertifikat LearnCode adalah bukti penyelesaian kursus di platform ini, bukan akreditasi dari lembaga eksternal. Setiap sertifikat memiliki nomor dan kode verifikasi yang bisa dicek siapa saja melalui halaman verifikasi publik.
Apa syarat mendapatkan sertifikat?
Kamu harus menyelesaikan seluruh lesson pada kursus, mengerjakan quiz, dan memperoleh nilai yang memenuhi passing score kursus tersebut. Syarat ini diperiksa ulang oleh server berdasarkan data progress dan hasil quiz, bukan berdasarkan status di halaman.
Apakah progress saya tersimpan?
Ya. Setelah masuk, setiap lesson yang kamu tandai selesai dan setiap quiz yang dikirim disimpan di database. Kamu bisa melanjutkan dari perangkat lain tanpa kehilangan progress.
Mulai dari satu halaman
Bangun kebiasaan belajar lewat proyek kecil.
Buat akun, pilih kursus, dan selesaikan lesson pertamamu hari ini. Progress-mu bisa dilanjutkan kapan saja.