فلش‌کارت‌های آموزشی Svelte: Crafting Exquisitely Interactive and Dynamically Evolving User Interfaces with Ease and Grace

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

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

عنوان دوره: دوره Svelte: Crafting Exquisitely Interactive and Dynamically Evolving User Interfaces with Ease and Grace

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

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

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

• 1. مقدمه‌ای بر Svelte و فلسفه آن
• 2. نصب و راه‌اندازی محیط توسعه Svelte
• 3. ساختار پروژه Svelte
• 4. کامپوننت‌ها در Svelte: اصول اولیه
• 5. مدیریت وضعیت (State Management) در Svelte
• 6. Props: انتقال داده بین کامپوننت‌ها
• 7. رویدادها (Events) و مدیریت آن‌ها
• 8. دستور شرطی (Conditional Rendering)
• 9. حلقه‌های تکرار (Looping) و نمایش لیست‌ها
• 10. باندینگ (Binding) داده‌ها
• 11. مدیریت فرم‌ها در Svelte
• 12. کامپوننت‌های اسلات (Slots) و محتوای قابل تزریق
• 13. مفهوم reactivity در Svelte
• 14. چرخه حیات کامپوننت (Lifecycle Hooks)
• 15. انتقال بین صفحات (Routing) با Svelte
• 16. استفاده از SvelteKit برای ساخت اپلیکیشن‌های کامل
• 17. مدیریت داده‌های سمت سرور در SvelteKit
• 18. API Routes در SvelteKit
• 19. Layouts در SvelteKit
• 20. Server-Side Rendering (SSR) در SvelteKit
• 21. Static Site Generation (SSG) در SvelteKit
• 22. Server-Side Rendering (SSR) با SvelteKit
• 23. Client-Side Rendering (CSR) با SvelteKit
• 24. استفاده از Stores برای مدیریت وضعیت سراسری
• 25. Writable Stores
• 26. Readable Stores
• 27. Derived Stores
• 28. Custom Stores
• 29. مدیریت انیمیشن‌ها در Svelte
• 30. Transition directives
• 31. Animation directives
• 32. Keyframes animations
• 33. استفاده از Context API برای اشتراک‌گذاری داده‌ها
• 34. مفهوم reactivity پیشرفته در Svelte
• 35. توابع واکنش‌گرا (Reactive Functions)
• 36. Computed properties
• 37. Watchers (در صورت نیاز به معادل‌سازی)
• 38. مدیریت خطا (Error Handling) در Svelte
• 39. Error Boundaries
• 40. Error logging
• 41. استفاده از TypeScript با Svelte
• 42. کامپایل Svelte به JavaScript
• 43. بهینه‌سازی عملکرد کامپوننت‌ها
• 44. Lazy loading کامپوننت‌ها
• 45. Code splitting
• 46. استفاده از Svelte برای ساخت PWA (Progressive Web Apps)
• 47. Service Workers در SvelteKit
• 48. Caching strategies
• 49. استفاده از Svelte برای ساخت وب‌سرویس‌ها
• 50. Serverless functions با SvelteKit
• 51. Deploy کردن اپلیکیشن‌های Svelte
• 52. Deploy روی Vercel
• 53. Deploy روی Netlify
• 54. Deploy روی سرویس‌های داخلی
• 55. تست‌نویسی در Svelte
• 56. Unit testing کامپوننت‌ها
• 57. Integration testing
• 58. End-to-end testing
• 59. مفاهیم پیشرفته SvelteKit
• 60. Endpoint handlers
• 61. Hooks در SvelteKit
• 62. Form actions در SvelteKit
• 63. File-based routing در SvelteKit
• 64. Server-only modules
• 65. Client-only modules
• 66. استفاده از Stores برای مدیریت وضعیت پیچیده
• 67. مدیریت وضعیت احراز هویت
• 68. مدیریت وضعیت سبد خرید
• 69. مدیریت وضعیت داده‌های کاربر
• 70. مدیریت وضعیت تنظیمات برنامه
• 71. معماری اپلیکیشن‌های Svelte
• 72. Component-based architecture
• 73. Modular design
• 74. Separation of concerns
• 75. استفاده از Svelte در پروژه‌های بزرگ
• 76. مدیریت وابستگی‌ها (Dependencies)
• 77. Code organization
• 78. Maintainability
• 79. مفاهیم پیشرفته‌تر reactivity
• 80. Reactivity در زمان اجرا (Runtime reactivity)
• 81. Performance optimizations for reactivity
• 82. انتخاب بهترین روش مدیریت وضعیت
• 83. مقایسه Stores با Context API
• 84. استفاده از Svelte برای ساخت ابزارهای توسعه
• 85. Plugin development
• 86. Extension development
• 87. مفاهیم امنیتی در SvelteKit
• 88. Input validation
• 89. Sanitization
• 90. Cross-Site Scripting (XSS) prevention
• 91. Cross-Site Request Forgery (CSRF) prevention
• 92. استفاده از Svelte برای ساخت داشبوردهای مدیریتی
• 93. Data visualization
• 94. Chart libraries integration
• 95. Real-time updates
• 96. مفاهیم پیشرفته انیمیشن
• 97. Custom easing functions
• 98. Physics-based animations
• 99. استفاده از Svelte برای ساخت بازی‌های ساده تحت وب
• 100. Game loop