اپلیکیشن اندرویدی فلش‌کارت آموزشی Svelte: Unlocking the Full, Untapped Potential and Unparalleled Power of Compile-Time Frameworks for the Modern, Demanding Web Development Era

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب Svelte: Unlocking the Full, Untapped Potential and Unparalleled Power of Compile-Time Frameworks for the Modern, Demanding Web Development Era

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. در اینجا 100 سرفصل آموزشی برای "Svelte: Unlocking the Full, Untapped Potential and Unparalleled Power of Compile-Time Frameworks for the Modern, Demanding Web Development Era" آمده است:
• 2. مقدمه و مفاهیم اساسی Svelte
• 3. چرا Svelte؟ مزایای فریم‌ورک‌های زمان کامپایل
• 4. مقایسه Svelte با فریم‌ورک‌های دیگر (React, Vue, Angular)
• 5. معماری Svelte: چگونه Svelte کار می‌کند
• 6. تفاوت اصلی: Svelte به جای DOM مجازی، کد جاوا اسکریپت خالص تولید می‌کند
• 7. نصب و راه‌اندازی اولیه پروژه Svelte
• 8. ساختار پروژه Svelte
• 9. اولین کامپوننت Svelte: "Hello, World!"
• 10. سینتکس کامپوننت‌های Svelte: HTML، CSS و JavaScript در یک فایل
• 11. مدیریت وضعیت (State Management) در Svelte
• 12. متغیرهای واکنش‌گرا (Reactive Declarations)
• 13. اعلان‌های واکنش‌گرا (Reactive Statements)
• 14. استفاده از props برای ارتباط بین کامپوننت‌ها
• 15. ارسال داده از والد به فرزند
• 16. ارسال داده از فرزند به والد (Event Dispatching)
• 17. مدیریت رویدادها (Event Handling) در Svelte
• 18. سینتکس ساده event handling
• 19. اصطلاحات پیشرفته event handling
• 20. استفاده از event modifiers
• 21. تولید فرم‌های پویا در Svelte
• 22. two-way data binding
• 23. مدیریت state محلی کامپوننت
• 24. مدیریت state سراسری (Global State Management)
• 25. مفهوم stores در Svelte
• 26. Writable stores
• 27. Readable stores
• 28. Derived stores
• 29. Custom stores
• 30. استفاده از stores برای اشتراک‌گذاری state بین کامپوننت‌ها
• 31. مدیریت state پیچیده با stores
• 32. کامپوننت‌های شرطی (Conditional Rendering)
• 33. دستور `{#if ...}`
• 34. دستور `{#else if ...}`
• 35. دستور `{#else ...}`
• 36. دستور `{#await ...}` برای مدیریت asynchronous operations
• 37. لیست‌ها و تکرارها (List Rendering)
• 38. دستور `{#each ...}`
• 39. استفاده از key برای بهبود عملکرد
• 40. دستور `{#key ...}`
• 41. لوپ‌های تو در تو (Nested Loops)
• 42. مفاهیم پیشرفته کامپوننت‌ها
• 43. کامپوننت‌های داینامیک (Dynamic Components)
• 44. استفاده از `svelte:component`
• 45. کامپوننت‌های Slot برای انعطاف‌پذیری بیشتر
• 46. Default slots
• 47. Named slots
• 48. Scoped slots
• 49. Pass props to slots
• 50. مدیریت lifecycle کامپوننت
• 51. `onMount`
• 52. `onDestroy`
• 53. `beforeUpdate`
• 54. `afterUpdate`
• 55. استفاده از hooks برای مدیریت lifecycle
• 56. انیمیشن‌ها و انتقال‌ها (Animations and Transitions)
• 57. انتقال‌های داخلی Svelte (Built-in Transitions)
• 58. `fade`
• 59. `fly`
• 60. `slide`
• 61. `scale`
• 62. `draw`
• 63. `crossfade`
• 64. ایجاد انتقال‌های سفارشی (Custom Transitions)
• 65. انیمیشن‌های CSS (CSS Animations)
• 66. انیمیشن‌های JavaScript (JavaScript Animations)
• 67. استفاده از `animate:flip` برای انیمیشن‌های لیست
• 68. مدیریت داده‌های asynchronous
• 69. Fetch کردن داده‌ها در `onMount`
• 70. استفاده از `{#await ...}` برای نمایش وضعیت بارگذاری
• 71. مدیریت خطا در asynchronous operations
• 72. Caching داده‌ها
• 73. مدیریت routing در Svelte
• 74. مفهوم client-side routing
• 75. استفاده از SvelteKit برای routing
• 76. پیکربندی routing در SvelteKit
• 77. Nested routes
• 78. Layout routes
• 79. Dynamic routes
• 80. Route parameters
• 81. Query parameters
• 82. Navigation guards
• 83. مدیریت form actions در SvelteKit
• 84. Form validation
• 85. Server-side rendering (SSR) با SvelteKit
• 86. Static site generation (SSG) با SvelteKit
• 87. Server-side logic و API routes در SvelteKit
• 88. مدیریت داده‌ها و پایگاه داده در SvelteKit
• 89. استفاده از SvelteKit Adapters برای اتصال به پایگاه داده
• 90. امنیت در SvelteKit
• 91. Deployment پروژه‌های SvelteKit
• 92. بهینه‌سازی عملکرد (Performance Optimization)
• 93. اندازه کوچک bundle Svelte
• 94. بدون نیاز به Virtual DOM
• 95. استفاده از lazy loading
• 96. Code splitting
• 97. Code splitting در SvelteKit
• 98. استفاده از `import()`
• 99. بهینه‌سازی تصاویر
• 100. بهینه‌سازی CSS