PUSTAKA RINGKAS CODEPLAY

Cheatsheets

Buka saat lupa sintaks atau ingin melihat gambaran besar. Materi dibuat ringkas, memakai analogi sehari-hari, dan tetap menjelaskan alasan di balik setiap tag.

SEMUA CHEATSHEET

Pilih teknologi

HTML dan CSS tersedia sekarang. Materi lain akan mengikuti perkembangan course CodePlay 32.

◇17 TOPIK

Struktur & elemen web

HTML

Panduan cepat membangun isi halaman yang rapi, bermakna, dan mudah diakses.

Buka cheatsheet →

✦14 TOPIK

Tampilan & tata letak

CSS

Dari selector dan box model sampai Grid, motion aksesibel, tema, serta debugging CSS.

Buka cheatsheet →

⚡SEGERA

Logika & interaksi

JavaScript

Variabel, kondisi, perulangan, fungsi, DOM, dan event browser.

Sedang disiapkan

⌘SEGERA

Algoritma dasar

C++

Input-output, tipe data, kondisi, loop, fungsi, dan array.

Sedang disiapkan

⚙SEGERA

Robotika & IoT

Arduino

Pin, LED, sensor, serial monitor, serta pola program setup dan loop.

Sedang disiapkan

🧠

Referensi, bukan jawaban instan.

Cheatsheet membantu mengingat dan menghubungkan konsep. Hasil terbaik tetap datang ketika kamu mengetik, mencoba, salah, lalu memperbaiki sendiri.

Pahami

Baca fungsi dan analoginya sebelum melihat kode.

Modifikasi

Ganti isi contoh dengan tema yang kamu sukai.

Uji

Jalankan di workspace dan periksa hasilnya.