دوره Svelte: The Compiler-Driven Approach to Web Development همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte: The Compiler-Driven Approach to Web Development

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

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

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

• 1. مبانی وب: HTML
• 2. مبانی وب: CSS
• 3. مبانی وب: JavaScript
• 4. مقدمه‌ای بر جاوااسکریپت مدرن (ES6+)
• 5. مفاهیم پایه برنامه‌نویسی
• 6. انواع داده‌ها در جاوااسکریپت
• 7. متغیرها و دامنه‌ها
• 8. عملگرها
• 9. دستورات شرطی
• 10. حلقه‌ها
• 11. توابع
• 12. اشیاء (Objects)
• 13. آرایه‌ها (Arrays)
• 14. مبانی DOM (Document Object Model)
• 15. دستکاری عناصر DOM
• 16. رویدادها (Events) در DOM
• 17. نکات پیشرفته DOM
• 18. معرفی Svelte
• 19. چرا Svelte؟ مزایای Svelte
• 20. تفاوت Svelte با فریمورک‌های دیگر (React, Vue)
• 21. Svelte چیست: رویکرد Compiler-Driven
• 22. نصب SvelteKit
• 23. ایجاد اولین پروژه SvelteKit
• 24. ساختار پروژه SvelteKit
• 25. مقدمه‌ای بر کامپوننت‌ها در Svelte
• 26. ایجاد اولین کامپوننت Svelte
• 27. ساختار فایل‌های کامپوننت Svelte (.svelte)
• 28. قالب (Template) کامپوننت‌ها
• 29. منطق (Script) کامپوننت‌ها
• 30. استایل (Style) کامپوننت‌ها
• 31. دستورات شرطی در Svelte (if, else, elseif)
• 32. حلقه‌ها در Svelte (each)
• 33. خاصیت binding (v-model در Vue، bind:value در Svelte)
• 34. Prop ها (Properties) در Svelte
• 35. ارسال Prop به کامپوننت‌های فرزند
• 36. ارسال Prop به صورت پویا
• 37. مدیریت Prop ها
• 38. رویدادها (Events) در Svelte
• 39. ارسال رویداد به کامپوننت والد
• 40. ساخت کامپوننت‌های قابل استفاده مجدد
• 41. ارتباط بین کامپوننت‌ها (Parent-Child)
• 42. ارتباط بین کامپوننت‌ها (Child-Parent)
• 43. مفهوم state management
• 44. Local state management در Svelte
• 45. Context API در Svelte
• 46. ایجاد Context
• 47. استفاده از Context
• 48. مفهوم Stores در Svelte
• 49. Writable Stores
• 50. Readable Stores
• 51. Derived Stores
• 52. Custom Stores
• 53. استفاده از Stores در کامپوننت‌ها
• 54. Subscription به Stores
• 55. Action ها در Svelte
• 56. ایجاد Action سفارشی
• 57. استفاده از Action ها
• 58. Directives در Svelte (if:, each:, bind:, on:, etc.)
• 59. Lifecycle Hooks در Svelte (onMount, onDestroy, etc.)
• 60. Event forwarding در Svelte
• 61. Slots در Svelte
• 62. Default Slots
• 63. Named Slots
• 64. Scoped Slots
• 65. Passing data to slots
• 66. Component composition
• 67. Reactivity در Svelte
• 68. چگونه Svelte reactivity را مدیریت می‌کند؟
• 69. پشتیبانی از async/await در Svelte
• 70. Fetch API در Svelte
• 71. Server-Side Rendering (SSR) در SvelteKit
• 72. Client-Side Rendering (CSR) در SvelteKit
• 73. Static Site Generation (SSG) در SvelteKit
• 74. Routing در SvelteKit
• 75. File-based routing
• 76. Dynamic routes
• 77. Layouts در SvelteKit
• 78. Nested layouts
• 79. Error handling در SvelteKit
• 80. Loading data در SvelteKit (load function)
• 81. Server load functions
• 82. Universal load functions
• 83. Form actions در SvelteKit
• 84. Submit کردن فرم‌ها
• 85. Handling form submissions on the server
• 86. Validation در SvelteKit
• 87. Authentication در SvelteKit (مباحث کلی)
• 88. Authorization در SvelteKit (مباحث کلی)
• 89. API Routes در SvelteKit
• 90. استفاده از SvelteKit برای ساخت API
• 91. Deploy کردن پروژه‌های SvelteKit
• 92. استقرار در Vercel
• 93. استقرار در Netlify
• 94. استقرار در Cloudflare Pages
• 95. استقرار در Node.js server
• 96. Testing Svelte Components
• 97. Unit Testing
• 98. Integration Testing
• 99. End-to-End Testing (E2E)
• 100. مباحث پیشرفته Svelte