HTML Code Play

Pelajari pembangunan web dengan menukar kod dan melihat apa yang dilakukannya. HTML Code Play menggabungkan pelajaran HTML, CSS dan JavaScript dengan editor kod mudah alih, contoh yang boleh dijalankan, kuiz dan permainan pengekodan. Gunakannya untuk mengkaji konsep, mencubanya sendiri dan menjejaki pembelajaran anda pada peranti yang sama.

BACA, EDIT DAN JALANKAN

Terokai katalog pembelajaran, buka tutorial dan baca penjelasannya bersama contoh kod penuh. Hantar contoh kepada editor, jalankan yang asal, kemudian tukar tag, gaya atau ekspresi dan bandingkan output. Aliran kerja amali ini menghubungkan sintaks yang anda baca dengan halaman atau tingkah laku yang diciptanya.

Ruang kerja menyokong penyuntingan HTML, CSS dan JavaScript dengan penyerlahan sintaks. Gunakan buat asal dan buat semula semasa bereksperimen, cari teks, lompat ke baris dan laraskan saiz fon editor. Mulakan halaman baharu atau pilih templat yang tersedia apabila anda mahukan titik permulaan. Buka fail HTML, simpan kerja anda, gunakan Simpan Sebagai untuk salinan lain atau kongsi fail kod melalui pilihan perkongsian peranti anda.

PEMBELAJARAN DAN LATIHAN BERPANDU

Katalog ini merangkumi 11 topik teknologi web, daripada struktur dan penggayaan halaman kepada skrip, grafik vektor, susun atur responsif dan contoh interaktif. Cari pelajaran mengikut tajuk atau bahagian untuk mencapai bahan yang anda perlukan. Sematkan tutorial berguna untuk semakan terfokus, tambahkan nota pelajaran anda sendiri dan beralih antara tutorial dengan kawalan Sebelumnya dan Seterusnya.

Setiap tutorial menggabungkan penjelasan, sintaks dan contoh kerja. Susulan dengan kuiz topik atau cabaran latihan. Latihan latihan meminta anda melengkapkan kod yang hilang, dengan petunjuk dan maklum balas jawapan untuk membantu anda memeriksa butiran yang anda terlepas. Keputusan kuiz memberi anda cara untuk menyemak pemahaman sebelum kembali ke pelajaran.

ENIM CARA UNTUK LATIHAN

Pilih permainan pengekodan untuk mengusahakan kemahiran yang berbeza:

- Pembina Kod: susun semula blok untuk membina semula kod kerja.

- Detektif Output: ramalkan apa yang dihasilkan oleh coretan.

- Pemburuan Pepijat: kenal pasti baris yang rosak.

- Isi Jurang: pilih token kod yang hilang.

- Makmal Padan: hubungkan istilah dengan maksudnya.

- Tembakan Pantas: jawab soalan benar atau salah terhadap pemasa.

Tahap aktiviti merekodkan keputusan dan membuka kunci langkah seterusnya. Main semula tahap yang tersedia untuk meningkatkan skor anda, atau gunakan senarai main latihan campuran apabila ia tersedia.

KEKALKAN PEMBELAJARAN ANDA TERATUR

Skrin kemajuan meringkaskan pelajaran, kuiz dan latihan yang disemak mengikut teknologi. Semak peta kemahiran anda dan pelan pembelajaran seterusnya yang dicadangkan, teruskan pelajaran dari Rumah dan ambil cabaran harian. Jalur dan lencana cabaran menjadikan aktiviti anda kelihatan. Peringatan pembelajaran pilihan memerlukan kebenaran pemberitahuan dan boleh dimatikan.

Kemajuan pelajaran, nota dan keputusan permainan anda disimpan pada peranti. Kawalan skrin pembelajaran termasuk fon yang lebih besar, kontras tinggi dan pergerakan yang dikurangkan. Penilaian HTML, CSS dan JavaScript yang berasingan menawarkan sijil pencapaian dalam apl; ini adalah rekod pembelajaran aplikasi, bukan kelayakan yang diiktiraf.

Siaran komuniti dalam talian menawarkan sumber kod lain untuk diterokai apabila disambungkan. Kandungan dan contoh yang disokong rangkaian yang memuatkan sumber luaran memerlukan akses internet; storan kemajuan setempat tidak menyediakan penyegerakan awan.

Untuk pemula, pelajar dan pelajar yang menyemak semula konsep bahagian hadapan, mulakan dengan satu contoh, buat perubahan kecil dan bina pemahaman melalui latihan.