Bina Antara Muka Sebenar dengan Svelte dan SvelteKit
Svelte menggunakan pendekatan yang berbeza secara asas daripada React dan Vue — bukannya menghantar masa jalan ke pelayar, Svelte menyusun komponen anda menjadi JavaScript vanilla yang sangat cekap pada masa binaan. Hasilnya ialah himpunan yang lebih kecil, masa pemuatan yang lebih pantas dan kurang kod berulang. SvelteKit, rangka kerja aplikasi rasmi, menambah penghalaan berasaskan fail, pemaparan sisi pelayan, tindakan borang dan penyesuai penggunaan supaya anda boleh menerbitkan aplikasi bertaraf produksi pada mana-mana platform. Laluan ini merangkumi kedua-duanya, daripada komponen pertama hingga seni bina tindanan penuh.
Perkara yang Akan Dipelajari
Anda akan bermula dengan model komponen Svelte — props, sintaks templat, syarat, gelung dan pengikatan dua hala — kemudian beralih kepada sistem reaktiviti, fungsi kitar hayat serta asas stor: writable, readable, derived dan stor tersuai. Dari sudut antara muka pengguna, anda akan menggunakan slot, Context API, peralihan CSS, animasi dan Svelte Motion. Bab SvelteKit merangkumi penghalaan, pemuatan data, SSR dan prapemaparan, tindakan borang, laluan API, cangkuk, pengendalian ralat, susun atur lanjutan, corak pengesahan dan penyesuai penggunaan. Laluan ini turut merangkumi sistem rune Svelte 5, ujian dengan ujian unit dan Playwright E2E, integrasi pustaka pihak ketiga serta amalan keselamatan SvelteKit.
Laluan Pembelajaran
Empat puluh satu kursus bergerak daripada A1 hingga C1. Tujuh kursus pertama membina asas: komponen, props, peristiwa dan sintaks templat. B1 memperkenalkan stor, slot, peralihan serta halaman SvelteKit pertama anda dan corak pemuatan data. B2 — blok terbesar — membimbing anda melalui tindakan borang, laluan API, cangkuk, reaktiviti lanjutan, Svelte Actions, animasi tersuai, corak pengesahan, penyesuai, rune Svelte 5, ujian dan keselamatan. Laluan ini berakhir pada C1 dengan rune lanjutan, corak komponen lanjutan, penstriman SvelteKit, pengoptimuman prestasi, pengurusan keadaan pada skala besar serta aplikasi SvelteKit tindanan penuh sebagai projek kemuncak.
Cara Ia Berfungsi
Setiap kursus dibahagikan kepada pelajaran pendek dan berfokus yang anda siapkan dalam editor kod terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda menghadapi kesukaran, dan setiap konsep diperkukuh dengan latihan praktikal sebelum anda beralih kepada topik seterusnya.