دوره Svelte: The Compiler-Driven Revolution: Actively Shaping the Present and Defining the Future of Web Development همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Svelte: The Compiler-Driven Revolution: Actively Shaping the Present and Defining the Future of Web Development

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

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

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

• 1. مقدمه‌ای بر Svelte و فلسفه آن
• 2. چرا Svelte؟ مقایسه با سایر فریم‌ورک‌ها
• 3. محیط توسعه Svelte: نصب و راه‌اندازی
• 4. اولین اپلیکیشن Svelte: ساختار پروژه
• 5. مفاهیم اولیه کامپوننت‌ها در Svelte
• 6. سینتکس Svelte: تگ‌های `<script>`, `<style>`, و markup
• 7. ایجاد و رندر کردن متن و مقادیر داینامیک
• 8. کار با ویژگی‌ها (Attributes) در Svelte
• 9. دستورات شرطی (`{#if}`, `{:else if}`, `{:else}`)
• 10. حلقه‌های تکرار (`{#each}`)
• 11. دستورات `key` در حلقه‌های `each`
• 12. مدیریت رویدادها (Event Handling)
• 13. مُدِفایرها (Modifiers) برای رویدادها (مانند `.prevent`, `.stopPropagation`)
• 14. کلاس‌های داینامیک (Dynamic Class Binding)
• 15. استایل‌های درون‌خطی (Inline Styles) و داینامیک
• 16. استایل‌های بلوک (Block Styles) و Scoped CSS
• 17. Props: انتقال داده به کامپوننت‌های فرزند
• 18. Props پیش‌فرض (Default Props)
• 19. Props Destructuring
• 20. Props Validation (با TypeScript)
• 21. Reacting to Prop Changes
• 22. Local Component State
• 23. Handling User Input: Text Inputs
• 24. Handling User Input: Checkboxes and Radio Buttons
• 25. Handling User Input: Select Elements
• 26. Two-Way Data Binding with `bind:value`
• 27. Working with `bind:this` for Element References
• 28. Component Lifecycle Hooks: `onMount`
• 29. Component Lifecycle Hooks: `onDestroy`
• 30. Component Lifecycle Hooks: `beforeUpdate`
• 31. Component Lifecycle Hooks: `afterUpdate`
• 32. Context API: Sharing Data Across Components
• 33. Custom Events: Emitting Events from Child Components
• 34. Event Forwarding
• 35. Slots: Content Projection
• 36. Named Slots
• 37. Scoped Slots
• 38. Using `$$slots` for Dynamic Slot Handling
• 39. Conditional Rendering of Slots
• 40. Layout Components
• 41. Nested Components
• 42. Component Composition Patterns
• 43. Introduction to Svelte Stores
• 44. Writable Stores
• 45. Readable Stores
• 46. Derived Stores
• 47. Custom Stores
• 48. Auto-subscription with `$storeName`
• 49. Manual Subscription and Unsubscription
• 50. Stores as Props
• 51. Using Stores for Global State Management
• 52. Component Libraries in Svelte (e.g., Svelte Material UI, Carbon Components Svelte)
• 53. Routing in Svelte: SvelteKit Introduction
• 54. SvelteKit Project Structure
• 55. Pages and Routes in SvelteKit
• 56. Layouts in SvelteKit
• 57. Loading Data with `load` functions
• 58. API Routes in SvelteKit
• 59. Form Actions in SvelteKit
• 60. Form Data Handling
• 61. Server-Side Rendering (SSR) in SvelteKit
• 62. Static Site Generation (SSG) in SvelteKit
• 63. Incremental Static Regeneration (ISR) with SvelteKit
• 64. Adapters for Deployment (Node, Vercel, Netlify, etc.)
• 65. Handling Assets and Static Files
• 66. Advanced SvelteKit Data Loading
• 67. Error Handling in SvelteKit
• 68. Authentication and Authorization in SvelteKit
• 69. Session Management
• 70. Internationalization (i18n) with SvelteKit
• 71. Using SvelteKit with TypeScript
• 72. Type Safety in Svelte Components
• 73. Type Safety with Stores
• 74. Type Safety in SvelteKit `load` functions
• 75. Type Safety in SvelteKit API Routes
• 76. Testing Svelte Components (Unit Testing)
• 77. Testing Svelte Components (Integration Testing)
• 78. Testing SvelteKit Applications
• 79. End-to-End (E2E) Testing with Playwright/Cypress
• 80. Performance Optimization in Svelte
• 81. Bundle Size Optimization
• 82. Code Splitting
• 83. Lazy Loading Components
• 84. Memoization and Caching
• 85. Web Workers with Svelte
• 86. Server-Sent Events (SSE)
• 87. WebSockets with Svelte
• 88. Progressive Web Apps (PWAs) with SvelteKit
• 89. Accessibility (a11y) in Svelte
• 90. ARIA Attributes and Best Practices
• 91. Svelte Transitions and Animations
• 92. Creating Custom Transitions
• 93. Animating Elements with `transition:` directive
• 94. Animating between component states
• 95. Introduction to Svelte Transitions API
• 96. Using `fly`, `fade`, `slide`, `scale` transitions
• 97. Custom Transitions with CSS
• 98. Custom Transitions with JavaScript
• 99. Keyframe Animations
• 100. Performance Considerations for Animations