دوره Svelte Transitions and Animations: From Basics to Advanced همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte Transitions and Animations: From Basics to Advanced

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

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

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

• 1. مقدمه ای بر Svelte و سیستم کامپوننت آن
• 2. آشنایی با مفاهیم کلیدی Svelte: واکنش‌گرایی و کامپایلر
• 3. نصب و راه‌اندازی محیط توسعه Svelte
• 4. ساختار اولیه یک پروژه Svelte
• 5. تعریف و استفاده از کامپوننت‌های Svelte
• 6. مدیریت وضعیت (State Management) در Svelte
• 7. ارتباط بین کامپوننت‌ها: Props و Events
• 8. استفاده از Slotها برای انعطاف‌پذیری کامپوننت
• 9. مدیریت فرم‌ها و ورودی‌های کاربر در Svelte
• 10. اعتبارسنجی فرم‌ها در Svelte
• 11. کار با لیست‌ها و حلقه‌ها در Svelte
• 12. شرط‌ها و نمایش مشروط عناصر در Svelte
• 13. آشنایی با چرخه حیات کامپوننت‌های Svelte
• 14. متدهای چرخه حیات: onMount, onDestroy
• 15. متدهای چرخه حیات: beforeUpdate, afterUpdate
• 16. مدیریت وضعیت پیشرفته با Context API در Svelte
• 17. مقدمه ای بر SvelteKit برای ساخت اپلیکیشن‌های کامل
• 18. مسیریابی (Routing) در SvelteKit
• 19. بارگذاری داده‌ها (Data Loading) در SvelteKit
• 20. رندر سمت سرور (SSR) در SvelteKit
• 21. رندر سمت مشتری (CSR) در SvelteKit
• 22. استاتیک سایت جنریشن (SSG) در SvelteKit
• 23. API Routes در SvelteKit
• 24. مدیریت خطاها در SvelteKit
• 25. استفاده از Layoutها در SvelteKit
• 26. اعتبارسنجی در SvelteKit
• 27. استقرار (Deployment) اپلیکیشن‌های SvelteKit
• 28. مقدمه ای بر انیمیشن‌ها و ترنزیشن‌ها در Svelte
• 29. تفاوت بین ترنزیشن و انیمیشن در Svelte
• 30. استفاده از دستور `transition:fade`
• 31. استفاده از دستور `transition:fly`
• 32. استفاده از دستور `transition:slide`
• 33. استفاده از دستور `transition:scale`
• 34. استفاده از دستور `transition:draw`
• 35. تنظیمات سفارشی برای ترنزیشن‌ها
• 36. استفاده از پارامترهای `duration`, `delay`, `easing`
• 37. استفاده از `css` برای ترنزیشن‌های سفارشی
• 38. ترنزیشن‌های مبتنی بر عناصر DOM
• 39. استفاده از `animate:flip` برای ترتیب‌بندی عناصر
• 40. ترنزیشن‌های سفارشی با توابع جاوا اسکریپت
• 41. مقدمه ای بر انیمیشن‌های کلید فریم (Keyframe Animations)
• 42. ایجاد انیمیشن‌های کلید فریم ساده
• 43. استفاده از `animate:flip` برای انیمیشن‌های لیست
• 44. انیمیشن‌های پیچیده با ترکیب ترنزیشن‌ها
• 45. مدیریت انیمیشن‌ها در زمان حذف عناصر
• 46. استفاده از Svelte Transitions API
• 47. ایجاد کتابخانه ترنزیشن‌های سفارشی
• 48. ترنزیشن‌های مبتنی بر رویدادهای کاربر
• 49. انیمیشن‌های پیشرفته با کتابخانه‌های خارجی (مانند GSAP)
• 50. ادغام GSAP با Svelte
• 51. انیمیشن‌های مبتنی بر وضعیت (State-driven Animations)
• 52. انیمیشن‌های مبتنی بر زمان (Time-based Animations)
• 53. استفاده از `requestAnimationFrame` برای انیمیشن‌های دقیق
• 54. مدیریت انیمیشن‌های همزمان و متوالی
• 55. کنترل انیمیشن‌ها با متغیرهای وضعیت
• 56. انیمیشن‌های مربوط به تغییر اندازه پنجره مرورگر
• 57. انیمیشن‌های اسکرول (Scroll Animations)
• 58. استفاده از Intersection Observer برای انیمیشن‌های اسکرول
• 59. انیمیشن‌های مربوط به بارگذاری محتوا
• 60. انیمیشن‌های مربوط به تعاملات دکمه‌ها
• 61. انیمیشن‌های مربوط به تغییر صفحات
• 62. انیمیشن‌های مربوط به باز و بسته شدن مودال‌ها
• 63. انیمیشن‌های مربوط به نمایش پیام‌های خطا
• 64. انیمیشن‌های مربوط به نمایش نوتیفیکیشن‌ها
• 65. انیمیشن‌های مربوط به عناصر گرافیکی
• 66. استفاده از SVG در Svelte برای انیمیشن
• 67. انیمیشن‌های SVG با ترنزیشن‌های Svelte
• 68. انیمیشن‌های SVG با انیمیشن‌های کلید فریم
• 69. بهینه‌سازی انیمیشن‌ها برای عملکرد بهتر
• 70. اندازه‌گیری عملکرد انیمیشن‌ها
• 71. کاهش استفاده از منابع در انیمیشن‌ها
• 72. اصول طراحی انیمیشن‌های کاربرپسند
• 73. بررسی نمونه‌های موفق انیمیشن در وب
• 74. کاربردهای خلاقانه ترنزیشن‌ها و انیمیشن‌ها
• 75. ساخت کامپوننت‌های انیمیشنی قابل استفاده مجدد
• 76. آزمایش و اشکال‌زدایی انیمیشن‌ها
• 77. مدیریت انیمیشن‌ها در دستگاه‌های مختلف
• 78. اصول دسترسی‌پذیری (Accessibility) در انیمیشن‌ها
• 79. تنظیمات ترنزیشن‌ها برای کاربران با نیازهای خاص
• 80. مقدمه ای بر ابزارهای توسعه Svelte
• 81. استفاده از Svelte Devtools
• 82. اشکال‌زدایی انیمیشن‌ها با ابزارهای مرورگر
• 83. بررسی معماری ترنزیشن‌ها در Svelte
• 84. مباحث پیشرفته در Svelte Transitions
• 85. تکنیک‌های پیشرفته انیمیشن در Svelte
• 86. ساخت انیمیشن‌های تعاملی پیچیده
• 87. پروژه‌های عملی با Svelte Transitions and Animations
• 88. جمع‌بندی و نگاه به آینده Svelte Animations