فلش‌کارت‌های آموزشی Svelte: Bringing Your Web Designs to Life

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

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

عنوان دوره: دوره Svelte: Bringing Your Web Designs to Life

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

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

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

• 1. مقدمه ای بر Svelte و فلسفه آن
• 2. تنظیم محیط توسعه Svelte
• 3. ساخت اولین کامپوننت Svelte
• 4. ساختار فایل‌های Svelte (Svelte files)
• 5. متغیرها و مدیریت داده‌ها در Svelte
• 6. استفاده از props برای انتقال داده به کامپوننت‌ها
• 7. رویدادها و تعامل با کامپوننت‌ها
• 8. دستورات شرطی در Svelte (if/else)
• 9. حلقه‌ها و تکرار داده‌ها (for loops)
• 10. لیست‌ها و کلیدها در Svelte
• 11. نحوه استفاده از CSS و استایل‌دهی در Svelte
• 12. scoped styles و جلوگیری از تداخل استایل‌ها
• 13. استفاده از Svelte transitions و animations
• 14. ایجاد انیمیشن‌های ساده با Svelte
• 15. مدیریت فرم‌ها و ورودی‌های کاربر
• 16. اعتبارسنجی فرم‌ها در Svelte
• 17. ایجاد کامپوننت‌های قابل استفاده مجدد
• 18. استفاده از Svelte store برای مدیریت حالت (state)
• 19. ایجاد storeهای سفارشی
• 20. نصب و استفاده از پکیج‌های npm
• 21. فچ کردن داده‌ها از API‌ها (fetching data)
• 22. مدیریت خطاها در Svelte
• 23. مسیردهی (routing) با Svelte
• 24. نصب و پیکربندی Svelte Router
• 25. ایجاد صفحات و مسیرهای مختلف
• 26. ارسال پارامترها به صفحات
• 27. layoutها و layout کامپوننت‌ها
• 28. ساخت کامپوننت‌های با قابلیت lazy loading
• 29. ساخت کامپوننت‌های وب (web components) با Svelte
• 30. انتشار کامپوننت‌های وب
• 31. استفاده از Svelte برای ساخت وب‌سایت‌های ایستا (static sites)
• 32. استفاده از SvelteKit برای ساخت پروژه‌های بزرگ
• 33. ساخت پروژه‌های full-stack با SvelteKit
• 34. تفاوت بین Svelte و React/Vue/Angular
• 35. مزایا و معایب Svelte
• 36. بهینه‌سازی عملکرد (performance optimization) در Svelte
• 37. کاهش حجم فایل‌های نهایی (code splitting)
• 38. استفاده از Svelte در پروژه‌های بزرگ
• 39. تست واحد (unit testing) کامپوننت‌های Svelte
• 40. تست یکپارچه‌سازی (integration testing)
• 41. استفاده از کتابخانه‌های تست Svelte
• 42. debugging و رفع اشکال در Svelte
• 43. ابزارهای توسعه‌دهنده (developer tools) Svelte
• 44. ایجاد اپلیکیشن‌های PWA با Svelte
• 45. افزودن قابلیت offline به اپلیکیشن‌ها
• 46. مدیریت کش در Svelte
• 47. پردازش تصاویر و رسانه‌ها در Svelte
• 48. استفاده از Svelte در محیط‌های مختلف (Desktop, Mobile)
• 49. ایجاد اپلیکیشن‌های موبایل با Svelte Native
• 50. یکپارچه‌سازی با Typescript
• 51. استفاده از Svelte با Typescript
• 52. تعریف interface و types در Typescript
• 53. مدیریت state پیشرفته با Svelte store
• 54. استفاده از context API در Svelte
• 55. بهینه سازی storeها و استفاده از selectorها
• 56. ایجاد انیمیشن‌های پیشرفته
• 57. انیمیشن‌های سفارشی با transitions
• 58. استفاده از libraries برای انیمیشن‌های پیچیده
• 59. ساخت کامپوننت‌های drag and drop
• 60. کار با canvas و WebGL در Svelte
• 61. پخش ویدئو و صدا در Svelte
• 62. مدیریت صدا و ویدئو با libraries
• 63. استفاده از Svelte برای ساخت بازی‌های وب
• 64. بهره‌وری از WebSockets در Svelte
• 65. اتصال به یک backend با WebSockets
• 66. ساخت وب‌اپلیکیشن‌های real-time
• 67. افزودن authentication و authorization
• 68. پیاده‌سازی احراز هویت با Firebase
• 69. امنیت در Svelte
• 70. بهینه‌سازی برای SEO
• 71. بهره‌گیری از server-side rendering (SSR)
• 72. ساخت یک Blog با Svelte و SvelteKit
• 73. ساخت یک E-commerce shop با Svelte
• 74. ساخت اپلیکیشن‌های تعاملی با Svelte
• 75. مدیریت بین‌المللی‌سازی (i18n) در Svelte
• 76. بهره‌گیری از کتابخانه‌های i18n
• 77. استفاده از GraphQL با Svelte
• 78. یکپارچه‌سازی با Apollo Client
• 79. ایجاد custom directives
• 80. ساخت custom elementهای پیشرفته
• 81. افزونه‌های Svelte
• 82. بهینه‌سازی برای mobile-first
• 83. طراحی ریسپانسیو در Svelte
• 84. استفاده از CSS frameworks (Bootstrap, Tailwind)
• 85. افزودن قابلیت dark mode
• 86. استفاده از service workers
• 87. ایجاد Progressive Web Apps
• 88. ایجاد pluginهای سفارشی برای Svelte
• 89. انتشار اپلیکیشن Svelte در Netlify/Vercel
• 90. یکپارچه‌سازی با CI/CD
• 91. عیب‌یابی مشکلات رایج Svelte
• 92. بررسی بهترین practices در Svelte
• 93. مقایسه Svelte با سایر فریمورک‌ها در سال‌های آتی
• 94. آینده Svelte و جامعه‌ی آن
• 95. منابع و مستندات Svelte
• 96. آموزش‌های پیشرفته SvelteKit
• 97. ساخت یک پروژه کامل با Svelte
• 98. نکات و ترفندهای حرفه‌ای Svelte
• 99. رفع اشکال و عیب‌یابی پروژه‌های Svelte پیچیده
• 100. بهینه سازی عملکرد در پروژه‌های بزرگ Svelte