فلش‌کارت‌های آموزشی Svelte: The Compiler-First Frontend Framework

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره Svelte: The Compiler-First Frontend Framework

موضوع کلی: برنامه نویسی

موضوع میانی: سوِلت (Svelte)

📋 سرفصل‌های دوره

• 1. معرفی Svelte و فلسفه کامپایلر-اول
• 2. راه‌اندازی محیط توسعه و ابزارهای مورد نیاز
• 3. ساخت اولین پروژه با استفاده از Vite
• 4. درک ساختار فایل‌های .svelte
• 5. تفاوت Svelte با فریم‌ورک‌های مبتنی بر رندر سمت کلاینت
• 6. مرور سینتکس HTML و CSS در Svelte
• 7. تعریف و استفاده از کامپوننت‌ها
• 8. مدیریت وضعیت (State) با متغیرهای واکنشی
• 9. دستور عمل $: برای وابستگی‌های محاسباتی
• 10. ارسال داده به کامپوننت‌ها با Props
• 11. اعتبارسنجی و نوع‌دهی Props با TypeScript
• 12. ارسال رویدادها (Events) از فرزند به پدر
• 13. مدیریت رویدادهای DOM و مدیفایرها
• 14. شرطی کردن و حلقه‌ها در قالب‌ها
• 15. استفاده از بلوک‌های ویژه و Fragmentها
• 16. کامپوننت‌های بدون نام و مدیریت محتوای پویا
• 17. درک عمیق مکانیزم واکنشی Svelte
• 18. استورها (Stores) و متغیرهای واکنشی سراسری
• 19. پیاده‌سازی Store سفارشی
• 20. اشتراک‌گذاری داده بین کامپوننت‌ها بدون Props Drilling
• 21. مدیریت فرم‌ها و کنترل ورودی‌ها
• 22. اتصال فرم به سرویس‌های بک‌اند
• 23. چرخه حیات کامپوننت و هوک‌های اصلی
• 24. اثرات جانبی (Side Effects) با دستور on
• 25. مدیریت حافظه و جلوگیری از نشت حافظه
• 26. انیمیشن‌ها و ترنزیشن‌ها
• 27. انیمیشن‌های پیشرفته با spring
• 28. تغییرات و بهینه‌سازی رندر
• 29. معرفی SvelteKit و تفاوت آن با Svelte
• 30. ساختار فایل‌های پروژه SvelteKit
• 31. روتینگ مبتنی بر فایل‌ها
• 32. صفحات داینامیک و پارامترهای URL
• 33. بارگذاری داده با تابع load
• 34. مدیریت حالت سرور و کلاینت
• 35. رندر سمت سرور (SSR) در SvelteKit
• 36. رندر سمت کلاینت و فرآیند Hydration
• 37. رندر استاتیک (SSG) برای سایت‌های ثابت
• 38. مدیریت خطاها و صفحات 404 سفارشی
• 39. اعتبارسنجی داده‌های ورودی با Actions
• 40. ارسال فرم‌ها و مدیریت submit در SvelteKit
• 41. استایل‌دهی در Svelte و سبک‌های scoped
• 42. استفاده از متغیرهای CSS و پیش‌پردازنده‌ها
• 43. مدیریت آیکون‌ها و تصاویر و assets
• 44. طراحی واکنش‌گرا در Svelte
• 45. استفاده از Tailwind CSS با Svelte
• 46. کامپوننت‌های Context برای اشتراک‌گذاری عمیق
• 47. ایجاد کتابخانه‌های کامپوننت قابل انتشار
• 48. استفاده از کتابخانه‌های شخص ثالث در Svelte
• 49. آزمون‌نویسی با Vitest و Testing Library
• 50. مدیریت وضعیت‌های لودینگ و خطا
• 51. مدیریت Authentication و توکن‌ها در کلاینت
• 52. مدیریت توابع API و Route Handlers
• 53. بهینه‌سازی عملکرد و کد-اسپلیتینگ
• 54. استفاده از Web Workers در Svelte
• 55. پیمایش و مدیریت History مرورگر
• 56. دسترسی‌پذیری (A11y) در کامپوننت‌های Svelte
• 57. بین‌المللی‌سازی (i18n) در پروژه‌های Svelte
• 58. استفاده از TypeScript در SvelteKit
• 59. دیباگ کردن پروژه‌های Svelte و SvelteKit
• 60. استقرار (Deployment) در پلتفرم‌های مختلف
• 61. جمع‌بندی پروژه پایانی
• 62. معماری پیشنهادی برای پروژه‌های بزرگ