دوره Svelte: Mastering the Art of Component-Based Design همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte: Mastering the Art of Component-Based Design

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

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

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

• 1. مقدمه بر Svelte و اصول طراحی کامپوننت
• 2. نصب و راه‌اندازی محیط توسعه Svelte
• 3. ساختار پروژه Svelte
• 4. کامپوننت‌های Svelte: تعریف و استفاده
• 5. سینتکس Svelte: قالب‌بندی و عناصر HTML
• 6. مدیریت داده در کامپوننت‌ها: State
• 7. پراپرتی‌ها (Props) در Svelte
• 8. رویدادها (Events) و مدیریت آن‌ها
• 9. ارتباط بین کامپوننت‌ها: Props Down, Events Up
• 10. شرط‌ها (If Blocks) در Svelte
• 11. حلقه‌ها (Each Blocks) برای نمایش لیست‌ها
• 12. بلاک‌های Await برای مدیریت عملیات ناهمزمان
• 13. مدیریت فرم‌ها در Svelte
• 14. اعتبارسنجی فرم‌ها
• 15. کامپوننت‌های Dynamic و Slotها
• 16. Context API در Svelte
• 17. مدیریت وضعیت سراسری (Global State Management)
• 18. مقدمه بر SvelteKit
• 19. ساختار پروژه SvelteKit
• 20. مسیریابی (Routing) در SvelteKit
• 21. صفحات (Pages) در SvelteKit
• 22. Layouts در SvelteKit
• 23. Endpoints و API Routes در SvelteKit
• 24. Server-Side Rendering (SSR) در SvelteKit
• 25. Static Site Generation (SSG) در SvelteKit
• 26. Hydration در SvelteKit
• 27. مدیریت داده در SvelteKit: Load Functions
• 28. Hooks در SvelteKit
• 29. Middleware در SvelteKit
• 30. پلاگین‌ها در SvelteKit
• 31. مدیریت خطا در SvelteKit
• 32. بهینه‌سازی عملکرد در SvelteKit
• 33. Deploy کردن برنامه‌های SvelteKit
• 34. مقدمه بر انیمیشن‌ها در Svelte
• 35. انتقال‌های CSS در Svelte
• 36. انیمیشن‌های JS در Svelte
• 37. Tweens در Svelte
• 38. Timelines در Svelte
• 39. انیمیشن‌های مبتنی بر فیزیک
• 40. انیمیشن‌های سفارشی
• 41. تست کامپوننت‌های Svelte
• 42. تست یکپارچگی در Svelte
• 43. استفاده از Jest برای تست Svelte
• 44. استفاده از Testing Library برای تست Svelte
• 45. تست End-to-End با Playwright
• 46. بهینه‌سازی سئو در Svelte
• 47. ساختاردهی داده برای سئو
• 48. نقشه‌های سایت (Sitemaps)
• 49. فایل‌های robots.txt
• 50. متا تگ‌ها و تگ‌های Open Graph
• 51. دسترسی‌پذیری (Accessibility) در Svelte
• 52. استفاده از ARIA Attributes
• 53. تست دسترسی‌پذیری
• 54. مقدمه بر الگوهای طراحی کامپوننت
• 55. کامپوننت‌های پایه (Atomic Design)
• 56. کامپوننت‌های اتمیک (Atoms)
• 57. کامپوننت‌های مولکولی (Molecules)
• 58. کامپوننت‌های ارگانیسمی (Organisms)
• 59. کامپوننت‌های الگو (Templates)
• 60. کامپوننت‌های صفحات (Pages)
• 61. الگوهای طراحی UI/UX در Svelte
• 62. مدیریت وضعیت پیشرفته در Svelte
• 63. استفاده از Zustand برای مدیریت وضعیت
• 64. استفاده از Redux Toolkit برای مدیریت وضعیت
• 65. استفاده از Pinia برای مدیریت وضعیت
• 66. مهاجرت از فریم‌ورک‌های دیگر به Svelte
• 67. تکنیک‌های پیشرفته Svelte
• 68. مفاهیم پیشرفته SvelteKit
• 69. امنیت در برنامه‌های SvelteKit
• 70. مدیریت کاربران و احراز هویت
• 71. قوانین و مقررات مربوط به داده‌ها
• 72. حفاظت از اطلاعات کاربران
• 73. مدیریت مجوزهای دسترسی
• 74. ملاحظات اخلاقی در توسعه نرم‌افزار
• 75. اصول معماری نرم‌افزار در Svelte
• 76. استفاده از TypeScript با Svelte
• 77. استفاده از Tailwind CSS با Svelte
• 78. استفاده از Storybook برای مستندسازی کامپوننت‌ها
• 79. نکات و ترفندهای حرفه‌ای Svelte
• 80. بررسی نمونه پروژه‌های Svelte
• 81. جمع‌بندی و گام‌های بعدی در یادگیری Svelte
• 82. تحلیل و بررسی معماری‌های مختلف در Svelte
• 83. اصول برنامه‌نویسی تابعی در Svelte
• 84. توسعه برنامه‌های Progressive Web App (PWA) با Svelte
• 85. کار با Web Workers در Svelte
• 86. استفاده از Service Workers در Svelte
• 87. مدیریت حافظه در Svelte
• 88. بهینه‌سازی پایگاه داده با SvelteKit
• 89. فرهنگ توسعه و همکاری در پروژه‌های Svelte
• 90. آینده Svelte و SvelteKit
• 91. جمع‌بندی نهایی و توصیه‌ها