کتاب صوتی Svelte: Building Robust, Scalable, Maintainable, and Future-Proof Frontend Architectures That Stand the Test of Time

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

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

عنوان دوره: دوره Svelte: Building Robust, Scalable, Maintainable, and Future-Proof Frontend Architectures That Stand the Test of Time

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

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

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

• 1. مبانی Svelte و پیش‌نیازها
• 2. نصب و راه‌اندازی محیط توسعه Svelte
• 3. ساختار فایل‌های Svelte
• 4. نحوه ایجاد کامپوننت‌های Svelte
• 5. آشنایی با سینتکس Svelte
• 6. متغیرها و مدیریت داده در Svelte
• 7. استفاده از props برای انتقال داده
• 8. رویدادها و مدیریت تعاملات کاربر
• 9. رندر شرطی و حلقه‌ها در Svelte
• 10. مدیریت لیست‌ها و رندر کردن آن‌ها
• 11. استفاده از if/else و {#each}
• 12. ایجاد کامپوننت‌های تو در تو
• 13. استفاده از کامپوننت‌های از پیش ساخته
• 14. استایل‌دهی کامپوننت‌ها با CSS و Svelte CSS
• 15. استفاده از scoped styles
• 16. مبانی reactivity در Svelte
• 17. متغیرهای واکنش‌گرا و $:
• 18. $state: ایجاد state‌های خارج از کامپوننت
• 19. آشنایی با stores در Svelte
• 20. ایجاد و استفاده از writable stores
• 21. ایجاد و استفاده از readable stores
• 22. ایجاد و استفاده از derived stores
• 23. مدیریت state های پیچیده با stores
• 24. برنامه‌نویسی واکنشی پیشرفته در Svelte
• 25. نصب و استفاده از SvelteKit
• 26. ساختار فایل‌های SvelteKit
• 27. راه‌اندازی مسیریابی در SvelteKit
• 28. ساخت صفحات استاتیک و داینامیک
• 29. مدیریت layout ها در SvelteKit
• 30. استفاده از endpoints برای API
• 31. دریافت و ارسال داده‌ها از/به API
• 32. مدیریت فرم‌ها و اعتبارسنجی داده‌ها
• 33. بهینه‌سازی عملکرد با Svelte
• 34. کاهش اندازه بسته با استفاده از rollup
• 35. بهره‌گیری از lazy loading
• 36. بهینه‌سازی تصاویر و فونت‌ها
• 37. آشنایی با SSR (Server-Side Rendering)
• 38. پیاده‌سازی SSR با SvelteKit
• 39. مقایسه SSR با CSR (Client-Side Rendering)
• 40. SEO و بهینه‌سازی برای موتورهای جستجو
• 41. مدیریت خطاها و دیباگ کردن کد
• 42. استفاده از DevTools در مرورگر
• 43. تست واحد و تست یکپارچگی
• 44. استفاده از Jest یا Vitest برای تست
• 45. پیاده‌سازی تست‌های End-to-End
• 46. ایجاد انیمیشن‌ها و ترانزیشن‌ها در Svelte
• 47. استفاده از transition:
• 48. استفاده از animate:
• 49. ایجاد افکت‌های سفارشی
• 50. آشنایی با Svelte Store Utilities
• 51. استفاده از انواع داده‌های پیچیده در store ها
• 52. استفاده از persisted stores
• 53. آشنایی با Svelte Actions
• 54. ایجاد و استفاده از سفارشی
• 55. مدیریت دسترسی به DOM با Actions
• 56. به اشتراک گذاری کد با Actions
• 57. کار با web components در Svelte
• 58. استفاده از CSS modules
• 59. بهره‌گیری از Tailwind CSS
• 60. استفاده از TypeScript در Svelte
• 61. پیکربندی TypeScript در SvelteKit
• 62. ایجاد تایپ‌های سفارشی
• 63. ایجاد پروژه‌های بزرگ و مقیاس‌پذیر
• 64. طراحی معماری کامپوننت‌ها
• 65. بهبود قابلیت استفاده مجدد از کد
• 66. بهره‌گیری از design patterns
• 67. استفاده از state management libraries (اختیاری)
• 68. آشنایی با Svelte transitions و animations
• 69. تکنیک‌های پیشرفته برای بهبود عملکرد
• 70. بهینه‌سازی رندر و DOM
• 71. استفاده از code splitting
• 72. آشنایی با PWA (Progressive Web Apps)
• 73. ساخت PWA با SvelteKit
• 74. استفاده از service workers
• 75. بهبود تجربه کاربری آفلاین
• 76. امنیت در برنامه‌های Svelte
• 77. جلوگیری از حملات XSS و CSRF
• 78. اعتبار سنجی ورودی‌های کاربر
• 79. استفاده از Helmet برای امنیت HTTP
• 80. انتشار پروژه‌های Svelte
• 81. استفاده از Netlify، Vercel و ...
• 82. بهینه‌سازی برای محیط‌های مختلف
• 83. مستندسازی پروژه‌های Svelte
• 84. انتخاب و استفاده از ابزارهای مناسب
• 85. نقش و اهمیت کامپوننت‌ها در Svelte
• 86. پیاده‌سازی سیستم‌های طراحی با Svelte
• 87. کار با APIهای خارجی و داده‌های واقعی
• 88. مدیریت خطاها و استثناها در برنامه‌های Svelte
• 89. بهبود تجربه کاربری با Svelte
• 90. آشنایی با Svelte compiler و عملکرد آن
• 91. درک عمیق‌تر از reactive statements
• 92. استفاده از context API در Svelte
• 93. بررسی کتابخانه‌های Svelte موجود
• 94. بررسی مزایا و معایب Svelte
• 95. مقایسه Svelte با سایر فریمورک‌های فرانت‌اند
• 96. آینده Svelte و چشم‌انداز آن
• 97. ایجاد یک پروژه کامل Svelte
• 98. رفع اشکال و عیب‌یابی در Svelte
• 99. استفاده از ابزارهای توسعه Svelte
• 100. بهبود خوانایی و قابلیت نگهداری کد Svelte