Bermula

Apa itu WANCode, bagaimana sesuatu lesson berjalan, lawatan ringkas ruang kerja dan shortcut papan kekunci yang berbaloi dipelajari dari hari pertama.

WANCode ialah akademi pengekodan interaktif percuma dalam bahasa Inggeris dan Bahasa Melayu. Tiada pendaftaran: anda buka lesson dan terus menulis kod sebenar dalam pelayar. Kemajuan anda disimpan pada peranti anda, bukan di server kami. Ia sebahagian daripada WANSTUDIO.

Mula dari mana

Belum pernah menulis kod? Mula dengan HTML & CSS — anda akan bina halaman web sebenar dalam lesson pertama.
Sudah tahu sedikit HTML? Pergi ke JavaScript untuk jadikan halaman interaktif, kemudian React.
Sudah guna pembantu pengekodan AI? Trek Pengekodan Dibantu AI mengajar anda membaca, menguji dan menyemak apa yang dihasilkannya.
Cuma nak bereksperimen? Buka Playground. Nak berlatih? Cuba Cabaran atau Projek berpandu.

Bagaimana sesuatu lesson berjalan

Setiap lesson ikut rentak yang sama, jadi anda sentiasa tahu apa seterusnya. Kebanyakannya ambil masa 8–15 minit.

Baca — penerangan ringkas tentang satu idea besar, selalunya dengan rajah interaktif.
Faham — contoh yang berfungsi dan apa yang setiap bahagian buat.
Ubah — ubah contoh itu dan jangka apa yang akan berlaku.
Jalankan — lihat hasilnya serta-merta dalam pratonton.
Debug — baca konsol dan mesej ralat, dan baiki apa yang rosak.
Bina — siapkan tugasan dan cabaran yang menyemak kod anda benar-benar berfungsi.

Lesson berakhir dengan beberapa soalan kuiz ("Uji kefahaman") dan ringkasan pendek. Ia ditanda selesai bila semua latihannya lulus.

Ruang kerja

Pelajaran — penerangan, latihan semasa dan arahannya. Di telefon, Pelajaran, Kod dan Pratonton ialah tab yang berasingan.
Kod — editor kod sebenar dengan penonjolan sintaks, autocomplete dan satu tab bagi setiap fail (contohnya index.html, style.css, script.js, atau App.jsx untuk React).
Pratonton — halaman anda berjalan secara langsung dalam sandbox yang selamat, dengan Konsol di bawahnya untuk output console.log dan ralat. Anda boleh tukar antara saiz Penuh, Telefon dan Tablet.
Semak jawapan — menguji tingkah laku sebenar kod anda dan paparkan senarai semak apa yang lulus dan apa yang masih tiada. Lihat Semakan dan petunjuk.
Petunjuk — tiga bagi setiap latihan, daripada dorongan kecil hingga jawapan yang hampir lengkap. Buka satu demi satu.
Tunjuk penyelesaian — muatkan penyelesaian rujukan ke dalam editor selepas anda sahkan. Anda boleh kembali ke kod sendiri, atau set semula kepada fail permulaan.

Jalan automatik (auto-run) dihidupkan secara lalai: pratonton dimuat semula semasa anda menaip. Anda boleh matikannya — termasuk saiz fon, saiz tab, balut baris, nombor baris dan susun atur panel — dalam menu Tetapan editor.

Shortcut papan kekunci

Ctrl/⌘ + Enter: Jalankan kod (muat semula pratonton).
Ctrl/⌘ + Shift + Enter: Semak jawapan.
Ctrl/⌘ + S: Simpan sekarang. (Kerja anda juga disimpan secara automatik.)
Shift + Alt + F: Format fail semasa.
Esc → Tab: Di dalam editor, Tab memasukkan inden. Tekan Esc dahulu, kemudian Tab, untuk alihkan fokus papan kekunci keluar dari editor ke kawalan seterusnya.

Draf anda disimpan semasa anda menaip dan statusnya menunjukkan "Disimpan dalam peranti ini". Baca Data dan kemajuan anda untuk belajar cara membuat sandaran.