دوره Svelte: Mastering Reactivity and Component Design همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte: Mastering Reactivity and Component Design

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

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

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

• 1. مقدمه‌ای بر Svelte و فلسفه آن
• 2. انواع واکنش‌پذیری در Svelte
• 3. نحوه تعریف متغیرهای واکنش‌پذیر
• 4. کاربرد دستور `$: ` برای محاسبات واکنش‌پذیر
• 5. مدیریت وضعیت کامپوننت با متغیرها
• 6. ارتباط بین کامپوننت‌ها با Props
• 7. ارسال داده از والد به فرزند
• 8. دریافت و استفاده از Props در کامپوننت فرزند
• 9. تعریف Props با Type Script
• 10. Propsهای پیش‌فرض و اختیاری
• 11. ارتباط بین کامپوننت‌ها با Events
• 12. ارسال داده از فرزند به والد با Events
• 13. مدیریت Events در کامپوننت والد
• 14. ساختار پایه کامپوننت Svelte
• 15. ایجاد کامپوننت‌های قابل استفاده مجدد
• 16. استفاده از Slotها برای انعطاف‌پذیری در کامپوننت‌ها
• 17. مدیریت Slotهای نام‌گذاری شده
• 18. کامپوننت‌های داینامیک و نحوه بارگذاری آن‌ها
• 19. استفاده از Context API برای مدیریت وضعیت سراسری
• 20. مدیریت وضعیت با Stores ساده
• 21. Stores قابل نوشتن و خواندن
• 22. Stores سفارشی و نحوه ساخت آن‌ها
• 23. استفاده از `$store` برای دسترسی به مقادیر Store
• 24. نحوه به‌روزرسانی Storeها
• 25. مدیریت فرم‌ها در Svelte
• 26. ورودی‌های متنی و مدیریت آن‌ها
• 27. چک‌باکس‌ها و رادیو باتن‌ها
• 28. انتخاب‌گرها (Select)
• 29. مدیریت اعتبارسنجی فرم‌ها
• 30. استفاده از کتابخانه‌های اعتبارسنجی
• 31. کار با لیست‌ها و حلقه‌ها در Svelte
• 32. دستور `{#each}` برای نمایش داده‌های جدولی
• 33. کلیدهای منحصر به فرد برای حلقه‌ها
• 34. نمایش داده‌های شرطی با `{#if}`
• 35. دستور `{#else}` و `{#elseif}`
• 36. دستور `{#await}` برای مدیریت Promiseها
• 37. مدیریت خطا در بلوک‌های `{#await}`
• 38. ایجاد انیمیشن‌های ساده در Svelte
• 39. استفاده از Transitionهای داخلی Svelte
• 40. Transitionهای ورود و خروج
• 41. انیمیشن‌های سفارشی با CSS
• 42. مدیریت انیمیشن‌ها با JavaScript
• 43. انتقال حالت بین کامپوننت‌ها
• 44. دستور `{#key}` برای انیمیشن‌های مبتنی بر کلید
• 45. مقدمه‌ای بر SvelteKit
• 46. ساختار پروژه‌های SvelteKit
• 47. مسیریابی (Routing) در SvelteKit
• 48. فایل‌های Page و Layout
• 49. بارگذاری داده‌ها در صفحات
• 50. Server-Side Rendering (SSR) در SvelteKit
• 51. Static Site Generation (SSG)
• 52. API Routes در SvelteKit
• 53. استفاده از Hooks در SvelteKit
• 54. مدیریت احراز هویت در SvelteKit
• 55. مدیریت خطاها در SvelteKit
• 56. بهینه‌سازی عملکرد در SvelteKit
• 57. استفاده از Server Load Functions
• 58. استفاده از Client Load Functions
• 59. مدیریت داده‌های فرم در SvelteKit
• 60. استفاده از Actions در SvelteKit
• 61. ذخیره‌سازی داده‌ها در SvelteKit
• 62. استفاده از پایگاه داده با SvelteKit
• 63. مقدمه‌ای بر Test نویسی در Svelte
• 64. Unit Testing کامپوننت‌ها
• 65. Integration Testing
• 66. End-to-End Testing
• 67. استفاده از Jest برای تست نویسی
• 68. استفاده از Vitest برای تست نویسی
• 69. نوشتن تست برای Stores
• 70. نوشتن تست برای Events
• 71. نوشتن تست برای Props
• 72. نوشتن تست برای Slots
• 73. نوشتن تست برای Form Handling
• 74. نوشتن تست برای API Routes
• 75. بهینه‌سازی کد Svelte
• 76. حذف کد مرده
• 77. کاهش حجم فایل‌های JavaScript
• 78. استفاده از Lazy Loading
• 79. بهینه‌سازی تصاویر
• 80. استفاده از تکنیک‌های Caching
• 81. مقدمه‌ای بر TypeScript در Svelte
• 82. تعریف Types برای Props
• 83. تعریف Types برای Stores
• 84. تعریف Types برای Events
• 85. استفاده از Generic Types
• 86. مدیریت State با TypeScript
• 87. کامپایل کد Svelte به JavaScript
• 88. کار با Svelte REPL
• 89. اشکال‌زدایی (Debugging) در Svelte
• 90. استفاده از Svelte DevTools
• 91. مدیریت خطاها در زمان اجرا
• 92. بهترین شیوه‌ها در Svelte
• 93. اصول طراحی کامپوننت
• 94. اصول مدیریت وضعیت
• 95. اصول مسیریابی
• 96. اصول بهینه‌سازی
• 97. اصول تست نویسی
• 98. مقدمه‌ای بر معماری برنامه‌های Svelte
• 99. معماری مبتنی بر کامپوننت
• 100. معماری مبتنی بر وضعیت