فلش‌کارت‌های آموزشی آموزش Svelte: فریمورک بدون Virtual DOM

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

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

عنوان دوره: دوره آموزش Svelte: فریمورک بدون Virtual DOM

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

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر Svelte و تفاوت آن با فریمورک‌های مبتنی بر Virtual DOM
• 2. نصب و راه‌اندازی پروژه Svelte با Vite
• 3. ساختار فایل‌ها و کامپوننت‌های Svelte
• 4. مفاهیم Reactive و Declarative در Svelte
• 5. تعریف و استفاده از متغیرهای Reactive
• 6. مدیریت وضعیت (State) با واکنش‌پذیری خودکار
• 7. اتصال داده‌ها (Data Binding) دوطرفه
• 8. شرط‌ها و حلقه‌ها در قالب (Template) Svelte
• 9. رویدادها (Events) و مدیریت تعامل کاربر
• 10. Prop ها و ارسال داده به کامپوننت‌های فرزند
• 11. Event Forwarding و ارسال رویداد به والد
• 12. Slot ها و ترکیب محتوای کامپوننت
• 13. Named Slots برای قالب‌بندی پیشرفته
• 14. Context API برای اشتراک‌گذاری داده‌ها
• 15. Store ها در Svelte: مبانی و کاربرد
• 16. قابلیت اشتراک (Subscribe) و Unsubscribe در Store
• 17. Store های سفارشی (Custom Stores)
• 18. استفاده از Reactive Statements
• 19. فرمول‌نویسی Reactive با استفاده از تابع
• 20. واکنش‌پذیری در آرایه‌ها و اشیاء
• 21. مدیریت فرم‌ها و اعتبارسنجی
• 22. کار با اینپوت‌ها و کنترل‌های فرم
• 23. Transition ها و انیمیشن‌های ورود و خروج
• 24. Animate و Motion برای انیمیشن‌های پیشرفته
• 25. استفاده از کتابخانه‌های انیمیشن خارجی در Svelte
• 26. Lifecycle Hooks: onMount، onDestroy و afterUpdate
• 27. مدیریت تایمر و Interval با Lifecycle
• 28. دسترسی به DOM با bind:this
• 29. کلاس‌ها و استایل‌های پویا
• 30. استفاده از CSS Scoped در کامپوننت‌ها
• 31. متغیرهای CSS و تم‌سازی
• 32. کامپوننت‌های تودرتو و ارتباط آن‌ها
• 33. Slot Props و انتقال داده به Slot
• 34. ماژول‌های Svelte و صادرات توابع
• 35. کامپوننت‌های بدون وضعیت (Stateless)
• 36. کامپوننت‌های با وضعیت (Stateful)
• 37. مدیریت خطا در کامپوننت‌ها
• 38. توسعه کتابخانه کامپوننت با Svelte
• 39. رندر سمت سرور (SSR) با SvelteKit
• 40. مسیریابی (Routing) در SvelteKit
• 41. بارگذاری داده‌ها در SvelteKit با Load Functions
• 42. Endpoint ها و API در SvelteKit
• 43. مدیریت فرم در SvelteKit
• 44. تولید سایت ایستا (Static Site Generation)
• 45. کار با محیط‌های توسعه و تولید
• 46. اشکال‌زدایی و ابزارهای Developer Tools
• 47. بهینه‌سازی عملکرد و Bundle Size
• 48. تست کامپوننت‌های Svelte با Vitest
• 49. ادغام با کتابخانه‌های جاوااسکریپت (مانند D3)
• 50. استفاده از تایپ‌اسکریپت در Svelte
• 51. مدیریت وابستگی‌ها و پکیج‌های خارجی
• 52. ایجاد پروژه چندزبانه (i18n) در Svelte
• 53. کار با Web Workers در Svelte
• 54. مدیریت حافظه و جلوگیری از نشت (Memory Leak)
• 55. ساخت Custom Element با Svelte
• 56. استفاده از Svelte در پروژه‌های غیر SPA
• 57. مهاجرت از فریمورک‌های دیگر به Svelte
• 58. مفاهیم پیشرفته: Reactive Declarations و Statements
• 59. بازیابی وضعیت (State) و ذخیره‌سازی محلی
• 60. ساخت اپلیکیشن Todo با Svelte
• 61. ساخت داشبورد مدیریتی با Svelte
• 62. ساخت فروشگاه آنلاین ساده با Svelte
• 63. ادغام Svelte با Firebase
• 64. کار با GraphQL در Svelte
• 65. ایجاد پلاگین و ماکرو در Svelte
• 66. بهینه‌سازی تصاویر و فایل‌های استاتیک
• 67. مدیریت کش و داده‌های آفلاین
• 68. مدیریت خطاهای زمان اجرا
• 69. آموزش Action ها و Custom Directives
• 70. ایجاد Tooltip و Popover با Action
• 71. کار با Intersection Observer در Svelte
• 72. مدیریت اسکرول و Lazy Loading
• 73. ساخت فرم چندمرحله‌ای با Svelte
• 74. ایجاد سیستم اطلاع‌رسانی (Toast Notification)
• 75. مدیریت تم تاریک و روشن
• 76. ایجاد کامپوننت Modal و Dialog
• 77. ساخت نوار جستجوی پیشرفته
• 78. کار با Canvas و SVG در Svelte
• 79. ایجاد انیمیشن‌های پارالاکس
• 80. مدیریت وضعیت جهانی با Store های ترکیبی
• 81. تست یکپارچه‌سازی با Playwright
• 82. ایجاد پروژه‌های Real-time با WebSocket
• 83. بازنویسی اپلیکیشن قدیمی با Svelte
• 84. استفاده از Svelte در Electron
• 85. بهینه‌سازی سئو (SEO) در SvelteKit
• 86. مدیریت Metadata و Head در SvelteKit
• 87. ایجاد نقشه سایت (Sitemap) و Robots.txt
• 88. استقرار پروژه Svelte روی Netlify
• 89. استقرار پروژه Svelte روی Vercel
• 90. استقرار پروژه Svelte روی Docker
• 91. مدیریت متغیرهای محیطی (Environment Variables)