اسولت
فریم‌ورک کامپایلرمحور برای رابط‌های سریع و سبک.
Svelte یک کامپایلر است که کامپوننت‌های کوچک و خوانا را به JavaScript سریع تبدیل می‌کند و SvelteKit فریم‌ورکی است که از همین کامپوننت‌ها یک وب‌سایت کامل می‌سازد. این مسیر Svelte 5 را به روش امروزی‌اش یاد می‌دهد، یعنی با runeها، snippetها و رویدادهایی مثل onclick. بعد سراغ مسیریابی، تابع‌های load و form actionهای SvelteKit 2 می‌رود و با مهارت‌های محیط production تمام می‌شود: انیمیشن، دسترس‌پذیری، رندر سمت سرور و استقرار.
شما JavaScript بلدید، پس هر درس مستقیم سراغ چیزی می‌رود که Svelte به آن اضافه می‌کند، آن هم با مثال‌های واقعی از یک اپ اجتماعی کوچک به نام نووا: دکمه‌ی لایک، کارت پست، جدول رده‌بندی و صفحه‌ی پروفایل.
- درس
- ۲۴
- زمان
- ۳ ساعت
- سطح
- متوسط
- برنز باز
- نقره باز
- طلا قفل
آماده‌ای ثابتش کنی؟
سه آزمون منتظرند: برنز، نقره و طلا.
در پایان این مسیر می‌توانی
- با runeهای
$state،$derived،$effectو$propsکامپوننت‌های تعاملی بسازید - شرط‌ها، فهرست‌های کلیددار و داده‌های async را رندر کنید و رویدادها و bindingها را مدیریت کنید
- کامپوننت‌ها را با snippet، context و state مشترک در ماژول‌های
.svelte.tsترکیب کنید - صفحه‌های SvelteKit را با layout، مسیرهای پویا، تابع‌های load و form actionها بسازید
- اپ‌هایی دسترس‌پذیر با رندر سمت سرور منتشر کنید که انیمیشن‌هایشان به ترجیح همه‌ی کاربران احترام می‌گذارد
- با adapter مناسب و عادت‌های مهم کارایی، برنامه را برای production بسازید
نقشهٔ مسیر
۱ فصل ۱چرا Svelte
رویکرد کامپایلری، اولین کامپوننت شما و استایل‌هایی که داخل همان کامپوننت می‌مانند.
۰ / ۳۲ فصل ۲واکنش‌پذیری با runeها
$state، state عمیق، $derived، $effect، $props و $bindable: ابزارهایی که پشت هر کامپوننت Svelte 5 هستند.
۰ / ۵۳ فصل ۳سینتکس قالب
شرط‌ها، فهرست‌های کلیددار، promiseها، رویدادها، bindingهای دوطرفه و دایرکتیوهای class و style.
۰ / ۴۴ فصل ۴ترکیب کامپوننت‌ها
محتوای فرزند با snippet، اشتراک داده با context و stateی که در ماژول‌های .svelte.ts زندگی می‌کند.
۰ / ۳۵ فصل ۵SvelteKit: مسیریابی و داده
مسیرها و layoutهایی که از پوشه‌ها ساخته می‌شوند، پارامترهای پویا، تابع‌های load، form actionها، خطاها و redirectها.
۰ / ۴۶ فصل ۶آماده برای production
انیمیشنی که به تنظیم کاهش حرکت احترام می‌گذارد، هشدارهای دسترس‌پذیری، SSR و hydration، adapterها و سرعت.
۰ / ۵