IPHI CODING LAB MA IPHI PAMARICAN • KELAS CODING
Lv. 1 ⚡ 0 XP
🏫 MA IPHI Pamarican • Mata Pelajaran Coding

Mulai Coding Hari Ini!

Belajar membuat website dan wujudkan ide kreatifmu menjadi karya digital bersama guru pengampu Bpk. Idrus Abdul Kholik.

lab-iphi.html 
<!DOCTYPE html>
<html>
  <body>
    <h1>MA IPHI Pamarican</h1>
    <p>Belajar Coding & Kreativitas</p>
    <button>Wujudkan Karyamu!</button>
  </body>
</html>
⚡ Editor HTML, CSS & JavaScript Vanilla Siap Pakai

Statistik Belajar Siswa

Pantau kemajuan pemahaman dan pengumpulan XP-mu

⚡

0 XP

Total Pengalaman (XP)

🏆

Level 1: Beginner

Tingkat Kemahiran

📖

0 Materi

Materi Terselesaikan

🎯

0 / 15

Tantangan Lulus

Rekomendasi Jalur Belajar Pemula

Tiga langkah awal terbaik untuk menguasai coding web

Langkah 1

Pahami Kerangka HTML

Pelajari struktur dokumen, heading, paragraf, daftar, dan tabel untuk membangun pondasi halaman web.

Langkah 2

Percantik dengan CSS

Tambahkan warna khas madrasah, atur margin, padding, border-radius, dan buat kartu dengan Flexbox.

Langkah 3

Beri Logika JavaScript

Buat tombol yang merespon klik, form interaktif, dan manipulasi elemen web secara langsung.

Proyek Contoh Siswa

Inspirasi proyek nyata yang dapat kamu pelajari dan kembangkan

Kurikulum Materi Belajar Coding

33 Materi komprehensif dirancang khusus untuk siswa MA IPHI Pamarican

Siap
<> HTML
# CSS
{ } JavaScript
Baris 1, Kolom 1 UTF-8
MA IPHI Engine
👁️ Live Preview
🖥️ Console Log Siswa (JavaScript Output)

Tantangan Coding Interaktif

15 Tantangan bertingkat dengan sistem verifikasi otomatis

Kuis Interaktif Coding

Uji pemahamanmu seputar HTML, CSS, dan JavaScript

Manajemen Proyek Saya

Kumpulan website yang kamu bangun di MA IPHI Pamarican

Galeri Template Edukasi

8 Template siap pakai dengan kode nyata untuk dipelajari

Catatan Belajar Siswa

Simpan ringkasan kode, snippet favorit, dan solusi error

👨‍🎓

Coding Beginner

Level 1

Total Capaian: 0 XP

Memuat progres level...

Identitas Siswa

Koleksi Lencana Prestasi (Badges)

Dapatkan lencana dengan menyelesaikan materi, kuis, dan tantangan

Mode Pengajaran Guru

Didedikasikan untuk guru pengampu Bpk. Idrus Abdul Kholik dalam memandu pembelajaran mata pelajaran Coding di MA IPHI Pamarican.

Rubrik Penilaian Proyek Coding (5 Aspek)

Panduan penilaian objektif untuk hasil karya coding siswa

Aspek & Bobot Sangat Baik (Skor 4) Baik (Skor 3) Cukup (Skor 2) Kurang (Skor 1)

Preset Demonstrasi Proyektor Kelas

Contoh kode langsung tayang dengan ukuran font besar untuk presentasi di depan kelas

Pengaturan Aplikasi

Kustomisasi antarmuka dan preferensi belajarmu

Zona Bahaya & Reset Progres

Seluruh data tersimpan secara lokal di browser komputer ini. Jika ingin mengulang dari awal:

Preview Layar Penuh (IPHI Coding Lab)