فلش‌کارت‌های آموزشی Svelte: The Framework That Empowers Innovation in Web Development

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

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

عنوان دوره: دوره Svelte: The Framework That Empowers Innovation in Web Development

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

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

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

• 1. مبانی Svelte: شروع کار با فریم‌ورک
• 2. تنظیم محیط توسعه Svelte
• 3. ساخت اولین کامپوننت Svelte
• 4. آشنایی با ساختار فایل Svelte (Svelte files)
• 5. متغیرها و خصوصیات (Props) در Svelte
• 6. رویدادها و مدیریت آن‌ها در Svelte
• 7. استفاده از if/else در Svelte
• 8. حلقه‌ها (Loops) در Svelte با استفاده از each
• 9. استفاده از عبارت‌های محاسباتی (Computed values)
• 10. ری اکتوی (Reactive statements) در Svelte
• 11. ایجاد کامپوننت‌های تو در تو (Nested Components)
• 12. مدیریت استایل‌ها در Svelte
• 13. استفاده از CSS کلاس‌ها و استایل‌های Inline
• 14. آشنایی با Svelte Store
• 15. استفاده از Svelte Store برای مدیریت داده‌ها
• 16. اشتراک در Svelte Store و دریافت داده‌ها
• 17. تغییر داده‌های Svelte Store
• 18. ایجاد Custom Storeها
• 19. مسیریابی (Routing) در Svelte با استفاده از SvelteKit
• 20. نصب و راه‌اندازی SvelteKit
• 21. ساخت صفحات و مسیرهای مختلف در SvelteKit
• 22. استفاده از Layoutها در SvelteKit
• 23. داده‌گیری (Data fetching) در SvelteKit
• 24. API Routes در SvelteKit
• 25. ساخت فرم‌ها و مدیریت ورودی‌ها
• 26. اعتبارسنجی فرم‌ها در Svelte
• 27. استفاده از Svelte Transitions و Animations
• 28. انیمیشن‌های پایه در Svelte
• 29. ایجاد Custom Transitions
• 30. استفاده از Transitions برای ورودی و خروجی کامپوننت‌ها
• 31. استفاده از Svelte Actions
• 32. ایجاد Custom Actions
• 33. دسترسی به DOM با Actions
• 34. استفاده از Lifecycle Hooks در Svelte
• 35. Lifecycle Hooks: onMount
• 36. Lifecycle Hooks: onDestroy
• 37. Lifecycle Hooks: beforeUpdate و afterUpdate
• 38. کار با داده‌های خارجی (External Data)
• 39. ایجاد تعامل با APIها
• 40. دریافت داده‌ها از API با استفاده از Fetch
• 41. مدیریت خطاهای API
• 42. بهینه‌سازی عملکرد (Performance Optimization) در Svelte
• 43. Code Splitting در Svelte
• 44. Lazy Loading کامپوننت‌ها
• 45. استفاده از SSR (Server-Side Rendering)
• 46. بهینه‌سازی تصاویر
• 47. استفاده از Web Workers
• 48. آزمایش (Testing) در Svelte
• 49. آزمایش کامپوننت‌ها با Jest
• 50. آزمایش کامپوننت‌ها با Testing Library
• 51. آزمایش رفتار کاربر
• 52. نصب و پیکربندی TypeScript در Svelte
• 53. استفاده از TypeScript در کامپوننت‌های Svelte
• 54. ایجاد رابط‌ها (Interfaces) و انواع داده (Types)
• 55. استفاده از TypeScript در Svelte Store
• 56. ایجاد کامپوننت‌های قابل استفاده مجدد (Reusable Components)
• 57. ساخت کامپوننت‌های UI کتابخانه‌ای (UI Library)
• 58. انتشار کامپوننت‌ها به NPM
• 59. بهبود تجربه کاربری (User Experience)
• 60. استفاده از Modalها و Notifications
• 61. ایجاد کامپوننت‌های Drag and Drop
• 62. کار با Local Storage و Cookies
• 63. ایجاد PWA (Progressive Web App) با SvelteKit
• 64. بهینه‌سازی برای موبایل (Mobile Optimization)
• 65. استفاده از Responsive Design
• 66. ایجاد Layoutهای سازگار با دستگاه‌های مختلف
• 67. توسعه با SvelteKit: مقدماتی
• 68. آشنایی با File-Based Routing در SvelteKit
• 69. استفاده از SvelteKit برای ساخت وب‌سایت‌های استاتیک
• 70. استفاده از SvelteKit برای ساخت وب‌سایت‌های داینامیک
• 71. مدیریت Authentication و Authorization
• 72. امنیت در Svelte و SvelteKit
• 73. استفاده از Third-Party Libraries در Svelte
• 74. Integrate with Tailwind CSS
• 75. Integrate with other CSS frameworks (Bootstrap, Bulma...)
• 76. استفاده از Svelte برای ساخت برنامه‌های بزرگ
• 77. طراحی معماری برای پروژه‌های بزرگ Svelte
• 78. استفاده از Design Patterns در Svelte
• 79. مبانی WebSockets در Svelte
• 80. پیاده‌سازی WebSockets در SvelteKit
• 81. مدیریت state پیشرفته با Svelte
• 82. استفاده از Context API در Svelte
• 83. بهبود قابلیت دسترسی (Accessibility)
• 84. بهینه‌سازی SEO (Search Engine Optimization)
• 85. ایجاد وب‌سایت‌های چند زبانه (Multilingual Websites)
• 86. پیاده‌سازی Internationalization (i18n)
• 87. استفاده از Svelte در پروژه‌های تیمی
• 88. استفاده از Git و Version Control
• 89. Collaborative Development best practices
• 90. پروفایلینگ و دیباگ (Profiling and Debugging) در Svelte
• 91. ابزارهای دیباگ Svelte
• 92. شناخت و رفع مشکلات رایج
• 93. فریم‌ورک‌های تست پیشرفته‌تر برای Svelte
• 94. آشنایی با Svelte REPL و استفاده از آن
• 95. آینده Svelte و پیشرفت‌های آتی
• 96. بهترین شیوه‌ها (Best Practices) در Svelte
• 97. مستندسازی (Documentation) در Svelte
• 98. نکات و ترفندهای پیشرفته Svelte
• 99. پروژه‌های عملی و نمونه‌های کاربردی Svelte
• 100. انتشار و استقرار پروژه‌های Svelte