فلش‌کارت‌های آموزشی Svelte: The Framework That Fundamentally Simplifies, Streamlines, Revolutionizes, and Accelerates the Entire Frontend Development Process for Maximum Impact

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

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

عنوان دوره: دوره Svelte: The Framework That Fundamentally Simplifies, Streamlines, Revolutionizes, and Accelerates the Entire Frontend Development Process for Maximum Impact

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

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

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

• 1. مقدمه‌ای بر برنامه نویسی و توسعه فرانت‌اند
• 2. چرا Svelte؟ مزایا و تفاوت‌ها با فریمورک‌های دیگر
• 3. نصب و راه‌اندازی محیط توسعه Svelte
• 4. اولین کامپوننت Svelte: Hello World
• 5. مفهوم reactivity در Svelte
• 6. ساختار فایل‌های پروژه Svelte
• 7. استفاده از JSX در Svelte (اختیاری)
• 8. تگ <script> و منطق کامپوننت
• 9. تگ <style> و استایل‌دهی مخصوص کامپوننت
• 10. تگ HTML و ساختار UI
• 11. اعلام متغیرها و state management اولیه
• 12. استفاده از props برای ارتباط بین کامپوننت‌ها
• 13. ارسال props به صورت داینامیک
• 14. props destructuring
• 15. default props
• 16. children props
• 17. Conditional rendering: if/else
• 18. Conditional rendering: ternary operator
• 19. Iterating over arrays: {#each} block
• 20. Iterating with keys in {#each}
• 21. Iterating over objects: {#each} block
• 22. {#await} for asynchronous operations
• 23. Event handling: on:click
• 24. Event modifiers: preventDefault, stopPropagation
• 25. Event delegation
• 26. Binding input elements: bind:value
• 27. Binding checkbox and radio button groups
• 28. Binding select elements
• 29. Binding custom elements with bind:
• 30. Computed properties (reactive declarations)
• 31. Reactivity with assignment
• 32. Reactivity with array mutations
• 33. Reactivity with object mutations
• 34. Svelte stores: writable
• 35. Svelte stores: readable
• 36. Svelte stores: derived
• 37. Custom stores
• 38. Context API for global state
• 39. Component lifecycle: onMount
• 40. Component lifecycle: onDestroy
• 41. Component lifecycle: beforeUpdate
• 42. Component lifecycle: afterUpdate
• 43. Using slots for component composition
• 44. Named slots
• 45. Scoped slots
• 46. Dynamic slots
• 47. Svelte transitions: fade
• 48. Svelte transitions: slide
• 49. Svelte transitions: blur
• 50. Svelte transitions: draw
• 51. Svelte transitions: crossfade
• 52. Svelte transitions: customizing transitions
• 53. Svelte actions for DOM manipulation
• 54. Creating custom Svelte actions
• 55. Svelte animations: tweened
• 56. Svelte animations: spring
• 57. Integrating with CSS frameworks (Tailwind CSS, Bootstrap)
• 58. Using Svelte with preprocessors (Sass, Less, Pug)
• 59. Routing in Svelte: SvelteKit basics
• 60. SvelteKit: page components
• 61. SvelteKit: layout components
• 62. SvelteKit: server-side rendering (SSR)
• 63. SvelteKit: static site generation (SSG)
• 64. SvelteKit: API routes
• 65. SvelteKit: form actions
• 66. SvelteKit: data fetching in SvelteKit
• 67. SvelteKit: advanced routing and wildcards
• 68. SvelteKit: authentication and authorization
• 69. SvelteKit: deployment strategies
• 70. Working with APIs and fetching data in Svelte (fetch)
• 71. Error handling in Svelte
• 72. Debugging Svelte applications
• 73. Testing Svelte components: Unit testing (Jest, Vitest)
• 74. Testing Svelte components: Integration testing
• 75. Performance optimization techniques in Svelte
• 76. Code splitting and lazy loading
• 77. Server-Sent Events (SSE) in Svelte
• 78. WebSockets in Svelte
• 79. Internationalization (i18n) in Svelte
• 80. Accessibility (a11y) best practices in Svelte
• 81. Svelte for mobile development (e.g., Capacitor)
• 82. Svelte for desktop development (e.g., Electron)
• 83. Building reusable Svelte components
• 84. Design patterns in Svelte
• 85. Advanced Svelte features and optimizations
• 86. Svelte compiler internals (brief overview)
• 87. Understanding Svelte's reactivity model deeply
• 88. Migrating from other frameworks to Svelte
• 89. Best practices for large-scale Svelte applications
• 90. Svelte and Web Components
• 91. Svelte and Progressive Web Apps (PWAs)
• 92. Serverless functions with SvelteKit
• 93. GraphQL integration with Svelte
• 94. State management patterns beyond basic stores
• 95. Performance monitoring and profiling
• 96. Security considerations in Svelte development
• 97. Advanced styling techniques in Svelte
• 98. Meta-frameworks and Svelte ecosystem
• 99. Community resources and further learning
• 100. Project structure best practices