فلش‌کارت‌های آموزشی Svelte: A Developer's Guide to Building Fast Websites

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

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

عنوان دوره: دوره Svelte: A Developer's Guide to Building Fast Websites

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

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

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

• 1. مقدمه به Svelte: چرا Svelte؟
• 2. فلسفه Svelte: کامپایلر محور
• 3. آماده‌سازی محیط توسعه
• 4. نصب SvelteKit: فریمورک رسمی
• 5. اولین کامپوننت Svelte شما: Hello World
• 6. آشنایی با کامپوننت‌های Svelte (فایل‌های .svelte)
• 7. اعلانات واکنشی Svelte: `$:`
• 8. داده‌های پویا با Props
• 9. مقادیر پیش‌فرض Props
• 10. گسترش (Spreading) Props
• 11. مدیریت رویدادها با دایرکتیو `on:`
• 12. اصلاح‌کننده‌های رویداد (Event Modifiers)
• 13. اتصال داده دوطرفه (Two-way Data Binding)
• 14. اتصال ورودی‌ها: Text, Checkbox, Radio
• 15. اتصالات گروهی برای Checkbox و Radio
• 16. اتصالات عنصر Select
• 17. ترکیب کامپوننت‌ها: تو در تو کردن کامپوننت‌ها
• 18. ارسال داده به بالا: رویدادهای سفارشی
• 19. استایل‌دهی کامپوننت: CSS Scope شده
• 20. استایل‌های سراسری و فریمورک‌های CSS
• 21. رندر مشروط با بلوک `{#if}`
• 22. بلوک‌های `{:else}` و `{:else if}`
• 23. تکرار با بلوک‌های `{#each}`
• 24. بلوک‌های Each کلیددار (Keyed Each Blocks) برای عملکرد
• 25. بلوک‌های Await: مدیریت عملیات ناهمگام
• 26. Promises و حالت‌های Await
• 27. دیباگ کردن برنامه‌های Svelte
• 28. واکنش‌گرایی و انتساب‌ها
• 29. درک فرآیند کامپایل Svelte
• 30. DOM و Virtual DOM (رویکرد Svelte)
• 31. مقدمه به Svelte Stores
• 32. Stores نوشتنی: مدیریت حالت پایه
• 33. Stores خواندنی
• 34. Stores مشتق شده: تبدیل حالت
• 35. Stores سفارشی
• 36. الگوی Auto-subscribe (`$store`)
• 37. استفاده از Local Storage با Svelte Stores
• 38. استفاده از Session Storage با Svelte Stores
• 39. API Context: ارسال عمیق داده
• 40. استفاده از Context برای تم‌بندی
• 41. بهترین روش‌ها برای مدیریت حالت
• 42. مدیریت حالت سراسری برنامه
• 43. Libraries مدیریت حالت خارجی (اشاره کوتاه)
• 44. بیانیه‌های واکنشی در مقابل Stores برای حالت محلی
• 45. پیاده‌سازی یک Store احراز هویت ساده
• 46. توابع چرخه حیات کامپوننت: `onMount`
• 47. `onDestroy` برای پاکسازی
• 48. `beforeUpdate` و `afterUpdate`
• 49. `tick()` برای به‌روزرسانی‌های DOM
• 50. مقدمه به Transitions در Svelte
• 51. Transitions داخلی: `fade`, `slide`, `blur`, `fly`, `scale`
• 52. Transitions سفارشی CSS
• 53. Transitions سفارشی JavaScript
• 54. Transitions به تعویق افتاده با `{#key}`
• 55. Actions: توسعه عناصر HTML
• 56. مقدمه به SvelteKit
• 57. مسیریابی مبتنی بر فایل‌سیستم در SvelteKit
• 58. مسیرهای پویا
• 59. پارامترها و Slugs مسیر
• 60. Layouts: رابط کاربری مشترک در مسیرها
• 61. Layouts تو در تو
• 62. Page Endpoints (`+server.js`)
• 63. بارگذاری داده در صفحات SvelteKit (`+page.server.js`, `+page.js`)
• 64. مدیریت فرم‌ها و ارسال داده در SvelteKit
• 65. رندر سمت سرور (SSR) در SvelteKit
• 66. تولید سایت استاتیک (SSG) با Adapters در SvelteKit
• 67. حالت Single-Page Application (SPA)
• 68. Hooks در SvelteKit (`src/hooks.server.js`, `src/hooks.client.js`)
• 69. احراز هویت و مجوز با Hooks
• 70. مدیریت خطا در SvelteKit
• 71. جریان‌سازی داده (Streaming Data) با `await` در SvelteKit
• 72. استفاده از APIهای شخص ثالث با SvelteKit
• 73. جهش‌های داده (Data Mutations) و نامعتبرسازی کش
• 74. بهبود تدریجی (Progressive Enhancement) با فرم‌های SvelteKit
• 75. Endpoints برای APIهای RESTful
• 76. مزایای عملکردی Svelte
• 77. تقسیم کد (Code Splitting) و Tree Shaking
• 78. استراتژی‌های بهینه‌سازی تصاویر
• 79. بارگذاری تنبل (Lazy Loading) کامپوننت‌ها و مسیرها
• 80. اندازه‌گیری عملکرد با ابزارهای مرورگر
• 81. بهینه‌سازی بسته‌های Svelte (Bundles)
• 82. Web Vitals و Svelte
• 83. بهترین روش‌های SEO با SvelteKit
• 84. دسترسی‌پذیری (a11y) در Svelte
• 85. استراتژی‌های کشینگ برای وب‌سایت‌های سریع‌تر
• 86. مقدمه به تست برنامه‌های Svelte
• 87. تست واحد کامپوننت‌ها با Vitest
• 88. نوشتن تست‌های واحد مؤثر
• 89. تست یکپارچه‌سازی با `@testing-library/svelte`
• 90. Mock کردن APIها برای تست
• 91. تست سرتاسری (End-to-End) با Playwright یا Cypress
• 92. راه‌اندازی خط لوله CI/CD
• 93. استقرار SvelteKit در Vercel
• 94. استقرار SvelteKit در Netlify
• 95. ساخت برای Production
• 96. کتابخانه‌های کامپوننت Svelte و فریمورک‌های UI
• 97. ادغام با فناوری‌های بک‌اند
• 98. ساخت کتابخانه‌های Svelte قابل استفاده مجدد
• 99. Svelte و Web Components
• 100. آینده Svelte و SvelteKit