HTML Code Play: Learn HTML

Pelajari pengembangan web dengan mengubah kode dan melihat apa yang dilakukannya. HTML Code Play menggabungkan pelajaran HTML, CSS, dan JavaScript dengan editor kode seluler, contoh yang dapat dijalankan, kuis, dan permainan pengkodean. Gunakan untuk mempelajari suatu konsep, mencobanya sendiri, dan melacak pembelajaran Anda di perangkat yang sama.

BACA, EDIT, DAN JALANKAN

Jelajahi katalog pembelajaran, buka tutorial, dan baca penjelasannya bersama dengan contoh kode lengkap. Kirim contoh ke editor, jalankan kode aslinya, lalu ubah tag, gaya, atau ekspresi dan bandingkan hasilnya. Alur kerja praktis ini menghubungkan sintaks yang Anda baca dengan halaman atau perilaku yang dihasilkannya.

Ruang kerja mendukung pengeditan HTML, CSS, dan JavaScript dengan penyorotan sintaks. Gunakan undo dan redo saat bereksperimen, temukan teks, lompat ke baris, dan sesuaikan ukuran font editor. Mulai halaman baru atau pilih templat yang tersedia saat Anda menginginkan titik awal. Buka file HTML, simpan pekerjaan Anda, gunakan Simpan Sebagai untuk salinan lain, atau bagikan file kode melalui opsi berbagi perangkat Anda.

PEMBELAJARAN DAN PRAKTIK TERPANDU

Katalog ini mencakup 11 topik teknologi web, mulai dari struktur dan penataan halaman hingga scripting, grafik vektor, tata letak responsif, dan contoh interaktif. Cari pelajaran berdasarkan judul atau bagian untuk menemukan materi yang Anda butuhkan. Sematkan tutorial yang bermanfaat untuk tinjauan terfokus, tambahkan catatan pelajaran Anda sendiri, dan berpindah antar tutorial dengan kontrol Sebelumnya dan Berikutnya.

Setiap tutorial menggabungkan penjelasan, sintaks, dan contoh yang berfungsi. Lanjutkan dengan kuis topik atau tantangan praktik. Latihan praktik meminta Anda untuk melengkapi kode yang hilang, dengan petunjuk dan umpan balik jawaban untuk membantu Anda memeriksa detail yang terlewatkan. Hasil kuis memberi Anda cara untuk memeriksa pemahaman sebelum kembali ke pelajaran.

ENAM CARA UNTUK BERLATIH

Pilih permainan pengkodean untuk melatih keterampilan yang berbeda:

- Pembuat Kode: susun ulang blok untuk membangun kembali kode yang berfungsi.

- Detektif Output: prediksi apa yang dihasilkan oleh cuplikan kode.

- Perburuan Bug: identifikasi baris yang salah.

- Isi Celah: pilih token kode yang hilang.

- Lab Pencocokan: hubungkan istilah dengan artinya.

- Rapid Fire: jawab pertanyaan benar atau salah dengan waktu terbatas.

Tingkat aktivitas mencatat hasil dan membuka langkah selanjutnya. Putar ulang level yang tersedia untuk meningkatkan skor Anda, atau gunakan daftar putar latihan campuran saat tersedia.

JAGA PEMBELAJARAN ANDA TETAP TERORGANISIR

Layar kemajuan merangkum pelajaran, kuis, dan latihan yang telah ditinjau berdasarkan teknologi. Periksa peta keterampilan Anda dan rencana studi selanjutnya yang disarankan, lanjutkan pelajaran dari Beranda, dan ikuti tantangan harian. Rentetan dan lencana tantangan membuat aktivitas Anda terlihat. Pengingat pembelajaran opsional memerlukan izin notifikasi dan dapat dimatikan.

Kemajuan pelajaran, catatan, dan hasil permainan Anda disimpan di perangkat. Kontrol layar pembelajaran mencakup font yang lebih besar, kontras tinggi, dan pengurangan gerakan. Penilaian HTML, CSS, dan JavaScript terpisah menawarkan sertifikat pencapaian dalam aplikasi; ini adalah catatan pembelajaran aplikasi, bukan kualifikasi terakreditasi.

Postingan komunitas daring menawarkan sumber kode lain untuk dijelajahi saat terhubung. Konten dan contoh yang didukung jaringan yang memuat sumber daya eksternal memerlukan akses internet; penyimpanan kemajuan lokal tidak menyediakan sinkronisasi cloud.

Bagi pemula, mahasiswa, dan pelajar yang meninjau kembali konsep front-end, mulailah dengan satu contoh, lakukan perubahan kecil, dan bangun pemahaman melalui praktik.