کتاب صوتی Svelte: The Framework That Acts as a Powerful Catalyst for Igniting Innovation, Empowering Developers, Consistently Pushing the Boundaries of What's Possible, and Pioneering New Frontiers in Web Technology

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

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

عنوان دوره: دوره Svelte: The Framework That Acts as a Powerful Catalyst for Igniting Innovation, Empowering Developers, Consistently Pushing the Boundaries of What's Possible, and Pioneering New Frontiers in Web Technology

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

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

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

• 1. **مقدمه ای بر Svelte**
• 2. Svelte چیست و چرا؟
• 3. مقایسه Svelte با فریم‌ورک‌های دیگر (React, Vue, Angular)
• 4. راه‌اندازی محیط توسعه Svelte
• 5. نصب Node.js و npm
• 6. ایجاد اولین پروژه Svelte
• 7. ساختار پروژه Svelte
• 8. **مبانی Svelte**
• 9. کامپوننت‌ها در Svelte
• 10. Syntax کامپوننت Svelte
• 11. متغیرها و عبارات در تمپلیت‌ها
• 12. Data Binding در Svelte
• 13. پراپ‌ها (Props)
• 14. Event Handling در Svelte
• 15. Conditional Rendering (if/else)
• 16. List Rendering (each)
• 17. Attribute Binding
• 18. Classes and Styles
• 19. **کامپوننت‌ها در Svelte**
• 20. ایجاد و استفاده از کامپوننت‌ها
• 21. ارتباط بین کامپوننت‌ها
• 22. کامپوننت‌های فرزند و والد
• 23. پراپ‌ها و مدیریت حالت در کامپوننت‌ها
• 24. کامپوننت‌های داینامیک
• 25. **مدیریت حالت (State Management)**
• 26. State چیست؟
• 27. متغیرهای reactive ($)
• 28. computed properties
• 29. Stores در Svelte
• 30. Readable, Writable, Derived Stores
• 31. استفاده از Stores در کامپوننت‌ها
• 32. **چرخه حیات کامپوننت (Component Lifecycle)**
• 33. onMount
• 34. onDestroy
• 35. beforeUpdate
• 36. afterUpdate
• 37. tick
• 38. استفاده از lifecycle hooks
• 39. **رویدادها (Events)**
• 40. Custom Events
• 41. Event Dispatcher
• 42. Event Modifiers
• 43. DOM Events
• 44. **انیمیشن‌ها و Transitions**
• 45. Transitionها در Svelte
• 46. Animationها در Svelte
• 47. Using `animate` Directive
• 48. Custom Transitions and Animations
• 49. **اعتبارسنجی (Validation)**
• 50. اعتبارسنجی فرم‌ها
• 51. استفاده از کتابخانه‌های اعتبارسنجی
• 52. **دسترسی‌پذیری (Accessibility)**
• 53. نوشتن کد دسترس‌پذیر
• 54. استفاده از ARIA attributes
• 55. تست دسترسی‌پذیری
• 56. **تست (Testing)**
• 57. تست کامپوننت‌های Svelte
• 58. Unit Tests
• 59. Integration Tests
• 60. End-to-End Tests
• 61. **استایل دهی (Styling)**
• 62. CSS Modules
• 63. Scoped Styles
• 64. Global Styles
• 65. Preprocessors (Sass, Less)
• 66. **SvelteKit**
• 67. معرفی SvelteKit
• 68. Routeها در SvelteKit
• 69. Pages و Layouts
• 70. Endpoints (API Routes)
• 71. Server-Side Rendering (SSR)
• 72. Static Site Generation (SSG)
• 73. **فرم‌ها (Forms)**
• 74. ساخت فرم‌ها در Svelte
• 75. مدیریت ورودی‌های فرم
• 76. ارسال فرم
• 77. اعتبارسنجی سمت سرور
• 78. **APIها (APIs)**
• 79. استفاده از Fetch API
• 80. ارسال درخواست‌های HTTP
• 81. مدیریت پاسخ‌ها (Responses)
• 82. **Deployment**
• 83. استقرار (Deploy) پروژه Svelte
• 84. استقرار با Netlify
• 85. استقرار با Vercel
• 86. استقرار با Firebase
• 87. **بهینه‌سازی عملکرد (Performance)**
• 88. کدنویسی بهینه
• 89. Lazy Loading
• 90. Code Splitting
• 91. Image Optimization
• 92. **استفاده از کامپوننت‌های UI**
• 93. استفاده از کتابخانه‌های کامپوننت UI
• 94. **سفارشی‌سازی کامپوننت‌ها**
• 95. **Patternهای طراحی (Design Patterns)**
• 96. **Context API**
• 97. **Slots**
• 98. **Advanced Store Usage**
• 99. **صدا (Audio) و تصویر (Video)**
• 100. **WebSockets**