▍Belajar
Laluan pembelajaran
Laluan berstruktur dengan pelajaran interaktif yang pendek. Setiap pelajaran ada kod yang boleh dijalankan dan semakan yang memberitahu bila ia berfungsi.
HTML & CSS
Bina Laman Web Pertama Anda
Bermula dari kosong. Fahami cara web berfungsi, tulis HTML sebenar, gayakan dengan CSS, kuasai Flexbox dan Grid, jadikan ia responsif — dan akhiri dengan landing page anda sendiri.
JavaScript
Hidupkan Laman Web
Pelajari asas pengaturcaraan dengan JavaScript: nilai, syarat, function, array, objek dan loop — kemudian guna DOM dan event untuk membina kalkulator interaktif.
React
Bina Antara Muka Moden
Belajar React secara praktikal dalam sandbox React sebenar di pelayar: komponen, JSX, props, state, event, senarai, borang dan effect — dan akhiri dengan membina pengurus tugasan.
Pengekodan Dibantu AI
Kod Bersama AI. Fahami Setiap Baris.
Untuk mereka yang sudah menggunakan Claude Code, Codex atau pembantu lain. Fahami cara ia berfungsi, cara prompt untuk kod yang mudah disemak, dan cara membaca, debug, menguji serta menyemak keselamatan kod yang dijana.
Sedang disediakan — akan datang
Laluan ini sedang ditulis. Ia hanya diterbitkan apabila setiap pelajaran berfungsi sepenuhnya.
TypeScript
Asas TypeScript
Tangkap kesilapan sebelum kod dijalankan.
Topik yang dirancang
Jenis · Interface · Generic · Narrowing · API selamat jenis
Full-Stack
Asas Full-Stack
Apa yang berlaku antara pelayar dan pangkalan data.
Topik yang dirancang
HTTP · REST API · Pangkalan data & SQL · Sempadan pelayan/klien · Konsep pengesahan · Deployment
Pengekodan Kreatif
Pengekodan Kreatif
Gerakan, canvas, SVG dan visual generatif.
Topik yang dirancang
Animasi CSS · Canvas · SVG · WebGL & Three.js · Seni generatif