دوره Svelte Components: Reusability and Patterns همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte Components: Reusability and Patterns

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

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

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

• 1. مقدمه ای بر Svelte
• 2. چرا Svelte؟
• 3. مقایسه Svelte با فریمورک های دیگر
• 4. نصب SvelteKit
• 5. ساختار پروژه SvelteKit
• 6. مفاهیم پایه Svelte: کامپوننت ها
• 7. ایجاد اولین کامپوننت Svelte
• 8. سینتکس کامپوننت های Svelte (HTML, CSS, JavaScript)
• 9. متغیرها و State در Svelte
• 10. Props در Svelte
• 11. ارسال Props به کامپوننت فرزند
• 12. دریافت Props در کامپوننت والد
• 13. Event Handling در Svelte
• 14. ارسال Event از کامپوننت فرزند به والد
• 15. Listen کردن به Events در کامپوننت والد
• 16. Binding در Svelte (Two-way binding)
• 17. Conditional Rendering در Svelte
• 18. If/Else Blocks
• 19. Else If Blocks
• 20. Each Blocks برای Loop کردن
• 21. Keyed Each Blocks
• 22. Slots در Svelte
• 23. Named Slots
• 24. Scoped Slots
• 25. Default Slots
• 26. Component Composition
• 27. Reusability در Svelte
• 28. ایجاد کتابخانه کامپوننت
• 29. استایل دهی به کامپوننت ها
• 30. Scoped CSS در Svelte
• 31. Global CSS
• 32. CSS Variables
• 33. Dynamic Styling
• 34. Class Binding
• 35. Style Binding
• 36. Lifecycle Hooks در Svelte
• 37. onMount
• 38. onDestroy
• 39. beforeUpdate
• 40. afterUpdate
• 41. Svelte Stores
• 42. Writable Stores
• 43. Readable Stores
• 44. Derived Stores
• 45. Custom Stores
• 46. Using Stores in Components
• 47. Reactive Declarations ($:)
• 48. Computed Properties در Svelte
• 49. Watchers در Svelte
• 50. Context API در Svelte
• 51. Providing Context
• 52. Consuming Context
• 53. Custom Elements (Web Components)
• 54. Exporting Svelte Components as Web Components
• 55. Importing Web Components in Svelte
• 56. Advanced Svelte Features
• 57. Transitions در Svelte
• 58. Fade Transition
• 59. Slide Transition
• 60. Blur Transition
• 61. Draw Transition
• 62. Crossfade Transition
• 63. Custom Transitions
• 64. Animations در Svelte
• 65. Keyframes Animations
• 66. Spring Animations
• 67. Tweened Animations
• 68. Physical Animations
• 69. SvelteKit Routing
• 70. File-based Routing
• 71. Dynamic Routes
• 72. Layouts در SvelteKit
• 73. Page Components
• 74. Server-side Rendering (SSR) در SvelteKit
• 75. Static Site Generation (SSG) در SvelteKit
• 76. API Routes در SvelteKit
• 77. Data Fetching در SvelteKit (load function)
• 78. Client-side Data Fetching
• 79. Server-side Data Fetching
• 80. Error Handling در SvelteKit
• 81. Forms در SvelteKit
• 82. Form Actions
• 83. Form Validation
• 84. Working with APIs
• 85. Fetching Data from External APIs
• 86. Posting Data to External APIs
• 87. Authentication و Authorization در SvelteKit
• 88. Session Management
• 89. JWT Authentication
• 90. Third-party Authentication (OAuth)
• 91. State Management Patterns
• 92. Global State Management
• 93. Local Component State
• 94. Shared State Between Components
• 95. Managing Complex State
• 96. Component Patterns
• 97. Container/Presentational Components
• 98. Higher-Order Components (HOCs) - (Svelte Equivalent)
• 99. Render Props Pattern
• 100. Composition over Inheritance