Live Code Playground - VxAI Coding Lab

Kurikulum Koding Berjenjang

🎯 Pilih Modul & Tingkat Pelatihan Koding

Pilih tingkat kesulitan dan muat latihan langsung ke dalam editor interaktif

📖 Buka Panduan Teori Lengkap ↗

💡

Kamus & Referensi Sintaksis Cepat

Panduan kilat atribut HTML, CSS, dan metode JavaScript

1. Tag HTML5 Utama

<h1>..</h1> Judul utama halaman

<p>..</p> Paragraf teks biasa

<a href="..."> Tautan hyperlink ke halaman lain

<img src="..."> Menyisipkan file gambar

<input type="..."> Kotak isian form pengguna

<button>..</button> Tombol klik aksi

2. Properti CSS3 Populer

display: flex; Mengaktifkan tata letak fleksibel

justify-content: center; Penyelarasan horizontal

align-items: center; Penyelarasan vertikal

border-radius: 1rem; Lengkungan sudut elemen

transition: all 0.3s; Animasi perpindahan halus

box-shadow: 0 10px 25px; Efek bayangan kedalaman

3. Metode JavaScript (DOM)

// Menangkap elemen & mendengar klik
const tombol = document.getElementById("btn-id");
tombol.addEventListener("click", function() {
document.getElementById("output").innerText = "Halo Dunia!";
});

🎯 Pilih Modul & Tingkat Pelatihan Koding

Instruksi Tantangan

Tujuan Pembelajaran:

Langkah & Tugas yang Harus Dikerjakan:

Kamus & Referensi Sintaksis Cepat

1. Tag HTML5 Utama

2. Properti CSS3 Populer

3. Metode JavaScript (DOM)