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

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

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

عنوان دوره: دوره Svelte: Mastering the Nuances of Reactivity and Elegant Component Design

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

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

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

• 1. مقدمه‌ای بر اسولت و رویکرد آن
• 2. مفاهیم اصلی اسولت: کامپایلر، نه کتابخانه
• 3. نصب و راه‌اندازی پروژه اسولت
• 4. ساختار پروژه اسولت
• 5. ایجاد اولین کامپوننت در اسولت
• 6. قواعد کامپوننت‌نویسی در اسولت
• 7. مدیریت حالت (State) در کامپوننت‌های اسولت
• 8. واکنش‌گرایی (Reactivity) در اسولت
• 9. اعلان متغیرها و واکنش‌گرایی
• 10. به‌روزرسانی خودکار UI با تغییر متغیرها
• 11. شرط‌ها (If Blocks) در اسولت
• 12. حلقه‌ها (Each Blocks) در اسولت
• 13. مدیریت رویدادها (Event Handling)
• 14. نحو مختصر برای مدیریت رویدادها
• 15. توابع و مدیریت رویدادها
• 16. دستورات (Directives) در اسولت
• 17. دستور `bind:value` برای ورودی‌ها
• 18. دستور `bind:checked` برای چک‌باکس‌ها
• 19. دستور `bind:group` برای رادیو باتن‌ها
• 20. دستور `bind:this` برای ارجاع به عناصر DOM
• 21. دستور `bind: propiedad` برای خصوصیات سفارشی
• 22. دستور `on:event` برای مدیریت رویدادها
• 23. دستور `transition:fade` برای افکت‌های محو شدن
• 24. دستور `transition:slide` برای افکت‌های اسلاید
• 25. دستور `transition:blur` برای افکت‌های محو شدن
• 26. دستور `transition:draw` برای افکت‌های نقاشی
• 27. دستور `animate:flip` برای انیمیشن‌های جابجایی
• 28. ایجاد کامپوننت‌های قابل استفاده مجدد
• 29. ارسال داده به کامپوننت‌ها (Props)
• 30. مقادیر پیش‌فرض برای Props
• 31. تایپ کردن Props
• 32. ارسال رویداد از کامپوننت فرزند به والد (Events)
• 33. استفاده از Slotها برای انعطاف‌پذیری کامپوننت
• 34. مدیریت حالت سراسری (Global State Management)
• 35. فایل‌های store در اسولت
• 36. ایجاد store سفارشی
• 37. اشتراک در storeها
• 38. به‌روزرسانی storeها
• 39. استفاده از storeها در کامپوننت‌ها
• 40. کتابخانه `svelte/store`
• 41. ماژول‌های `writable` و `readable`
• 42. ماژول `derived` برای storeهای مشتق شده
• 43. مدیریت فرم‌ها در اسولت
• 44. اعتبارسنجی فرم‌ها
• 45. ارسال داده‌های فرم
• 46. مسیریابی (Routing) در اسولت
• 47. کتابخانه‌های مسیریابی برای اسولت
• 48. نصب و پیکربندی `svelte-routing`
• 49. ایجاد مسیرهای پویا
• 50. پارامترهای مسیر
• 51. مسیرهای تو در تو
• 52. مسیریابی برنامه‌نویسی
• 53. مدیریت خطاهای ۴۰۴
• 54. استفاده از Context API
• 55. ارسال داده بین کامپوننت‌های غیرمرتبط
• 56. مدیریت Context
• 57. به‌روزرسانی Context
• 58. اسولت کیت (SvelteKit)
• 59. مفاهیم اصلی اسولت کیت
• 60. ساختار پوشه‌ها در اسولت کیت
• 61. صفحات (Pages) در اسولت کیت
• 62. طرح‌بندی‌ها (Layouts) در اسولت کیت
• 63. سرویس‌ها (Services) در اسولت کیت
• 64. اندپوینت‌ها (Endpoints) در اسولت کیت
• 65. بارگذاری داده‌ها (Data Loading)
• 66. استفاده از `load` function
• 67. داده‌های سمت سرور (Server-Side Rendering)
• 68. استاتیک سایت جنریشن (Static Site Generation)
• 69. هیدراتاسیون (Hydration)
• 70. بهینه‌سازی عملکرد در اسولت
• 71. تحلیل حجم باندل (Bundle Size Analysis)
• 72. استفاده از کد اسپلیتینگ (Code Splitting)
• 73. بهینه‌سازی تصاویر
• 74. استفاده از Web Workers
• 75. مدیریت خطا (Error Handling)
• 76. مدیریت خطا در اسولت کیت
• 77. نمایش پیام‌های خطا به کاربر
• 78. تست‌نویسی در اسولت
• 79. تست واحد (Unit Testing)
• 80. تست کامپوننت (Component Testing)
• 81. تست یکپارچه‌سازی (Integration Testing)
• 82. استفاده از Jest یا Vitest
• 83. مقدمه‌ای بر توسعه اپلیکیشن‌های PWA با اسولت
• 84. قابلیت‌های PWA
• 85. ثبت Service Worker
• 86. فایل manifest.json
• 87. کش کردن منابع
• 88. امنیت در اسولت
• 89. جلوگیری از XSS
• 90. مدیریت کوکی‌ها و Sessionها
• 91. استفاده از HTTPS
• 92. بهترین شیوه‌ها (Best Practices) در اسولت
• 93. نکات برای نوشتن کد تمیز و خوانا
• 94. سازماندهی کد
• 95. مدیریت وابستگی‌ها
• 96. استفاده از ابزارهای کمکی
• 97. مقدمه‌ای بر مفاهیم پیشرفته‌تر
• 98. الگوهای طراحی در اسولت
• 99. استفاده از انیمیشن‌های سفارشی
• 100. توسعه کامپوننت‌های پیچیده