فلش‌کارت‌های آموزشی Svelte's Compile-Time Optimization

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

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

عنوان دوره: دوره Svelte's Compile-Time Optimization

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

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

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

• 1. مقدمه ای بر Svelte و مزایای Compile-Time Optimization
• 2. مقایسه Svelte با فریم ورک های JavaScript دیگر (React, Vue, Angular)
• 3. نصب و راه اندازی Svelte Development Environment
• 4. ساختار پروژه Svelte: درک فایل ها و پوشه ها
• 5. مفاهیم اصلی Svelte: Components, State, Props
• 6. Component-ها: ایجاد، استفاده و مدیریت
• 7. State Management در Svelte: Reactive Statements و Stores
• 8. Props: انتقال داده ها بین Component-ها
• 9. Event Handling: مدیریت رویدادهای DOM در Svelte
• 10. Conditional Rendering: نمایش المان ها بر اساس شرایط
• 11. List Rendering: نمایش لیست داده ها با حلقه های each
• 12. Two-Way Binding: اتصال داده ها بین UI و State
• 13. Advanced Reactive Declarations: $ علائم و توابع مشتق شده
• 14. Stores: Global State Management با Readable, Writable, و Derived Stores
• 15. Context API: اشتراک گذاری داده ها بین Component-ها بدون Props
• 16. Lifecycle Methods: onMount, onDestroy, beforeUpdate, afterUpdate
• 17. Animations: ایجاد انیمیشن های ساده با Transition و Animate
• 18. Transitions: افکت های ورود و خروج Component-ها
• 19. Actions: دستکاری مستقیم DOM با استفاده از Actions
• 20. Slots: ایجاد Component-های قابل انعطاف با Slots
• 21. Named Slots: استفاده از Slots با نام های مختلف
• 22. Forwarding Props: انتقال Props به Component-های فرزند
• 23. Component Composition: ساخت Component-های پیچیده با ترکیب Component-های کوچکتر
• 24. Svelte Compiler: درک نحوه کامپایل کد Svelte
• 25. Static Analysis: بهینه سازی زمان کامپایل با Static Analysis
• 26. Dead Code Elimination: حذف کد استفاده نشده در زمان کامپایل
• 27. Tree Shaking: کاهش حجم Bundle با حذف کدهای استفاده نشده
• 28. Bundle Size Optimization: روش های کاهش اندازه فایل های JavaScript
• 29. Code Splitting: تقسیم Bundle به قطعات کوچکتر برای بارگذاری سریعتر
• 30. Server-Side Rendering (SSR) با SvelteKit
• 31. Routing در SvelteKit: ایجاد صفحات و مسیریابی بین آنها
• 32. Form Handling: مدیریت فرم ها و اعتبارسنجی داده ها
• 33. Working with APIs: Fetching Data از API-ها
• 34. Authentication: پیاده سازی سیستم های احراز هویت
• 35. Cookies and Sessions: مدیریت اطلاعات کاربران با Cookies و Sessions
• 36. Deployment: استقرار برنامه Svelte
• 37. Testing: تست Component-ها و برنامه های Svelte
• 38. Debugging: عیب یابی برنامه های Svelte
• 39. Accessibility: ایجاد برنامه های Svelte قابل دسترس
• 40. SEO Optimization: بهینه سازی برنامه Svelte برای موتورهای جستجو
• 41. Performance Monitoring: نظارت بر عملکرد برنامه Svelte
• 42. SvelteKit Configuration: تنظیمات SvelteKit
• 43. Environments: مدیریت محیط های توسعه، تست و تولید
• 44. Serverless Functions: استفاده از Serverless Functions با SvelteKit
• 45. Database Integration: اتصال به پایگاه داده ها
• 46. GraphQL Integration: استفاده از GraphQL API-ها
• 47. Working with WebSockets: پیاده سازی ارتباطات Real-Time
• 48. Using Third-Party Libraries: استفاده از کتابخانه های خارجی
• 49. Custom Elements: ایجاد Custom Elements با Svelte
• 50. Shadow DOM: استفاده از Shadow DOM در Svelte
• 51. TypeScript Integration: استفاده از TypeScript با Svelte
• 52. Svelte Inspector: استفاده از Svelte Inspector برای Debugging
• 53. Code Editors and IDEs: تنظیمات برای ویرایشگرهای کد
• 54. Linting and Formatting: استفاده از ESLint و Prettier
• 55. Working with Markdown: استفاده از Markdown در Svelte
• 56. Creating Reusable Components: طراحی Component-های قابل استفاده مجدد
• 57. Using Svelte Actions for DOM Manipulation: استفاده حرفه ای از Action ها
• 58. Dynamic Components: رندر Component-ها به صورت Dynamic
• 59. Transitions with Parameters: استفاده از پارامترها در Transition ها
• 60. Advanced Store Techniques: تکنیک های پیشرفته برای استفاده از Store ها
• 61. Custom Stores: ایجاد Store های سفارشی
• 62. Reactive Context: استفاده از Context به صورت Reactive
• 63. Error Handling: مدیریت خطاها در Svelte
• 64. Performance Profiling: پروفایل کردن عملکرد Svelte
• 65. Memory Management: مدیریت حافظه در Svelte
• 66. Svelte vs React vs Vue: مقایسه عمیق تر فریم ورک ها
• 67. Advanced SvelteKit Features: ویژگی های پیشرفته SvelteKit
• 68. Building a Blog with SvelteKit: ساخت یک وبلاگ با SvelteKit
• 69. Building an E-commerce App with SvelteKit: ساخت یک برنامه فروشگاهی با SvelteKit
• 70. Building a Single-Page Application (SPA) with SvelteKit: ساخت یک SPA با SvelteKit
• 71. Building a Progressive Web App (PWA) with SvelteKit: ساخت یک PWA با SvelteKit
• 72. Advanced Svelte Patterns: الگوهای طراحی پیشرفته در Svelte
• 73. Svelte Internals: درک عملکرد داخلی Svelte
• 74. Compile-Time Optimizations in Detail: بررسی جزئیات Optimization های Compile-Time
• 75. Understanding the Svelte AST: درک درخت نحو انتزاعی (AST) در Svelte
• 76. Manipulating the Svelte AST: دستکاری درخت نحو انتزاعی (AST) در Svelte
• 77. Custom Svelte Plugins: ایجاد Plugin های سفارشی برای Svelte
• 78. Svelte and Web Components: ترکیب Svelte با Web Components
• 79. Optimizing for Mobile: بهینه سازی برای دستگاه های موبایل
• 80. Serverless Deployment with Vercel: استقرار Serverless با Vercel
• 81. Deploying to Netlify: استقرار در Netlify
• 82. Continuous Integration and Continuous Deployment (CI/CD): پیاده سازی CI/CD
• 83. Advanced Testing Strategies: استراتژی های پیشرفته تست
• 84. Code Coverage: بررسی پوشش کد
• 85. Performance Auditing: ممیزی عملکرد
• 86. Debugging Production Issues: عیب یابی مشکلات در محیط Production
• 87. Security Best Practices: بهترین شیوه های امنیتی
• 88. Svelte Community: ارتباط با جامعه Svelte
• 89. Contributing to Svelte: مشارکت در توسعه Svelte
• 90. The Future of Svelte: آینده Svelte
• 91. Case Studies: مثال های عملی از پروژه های Svelte
• 92. Real-World Svelte Projects: پروژه های Svelte در دنیای واقعی
• 93. Troubleshooting Common Svelte Issues: رفع مشکلات رایج Svelte
• 94. Performance Tuning: تنظیمات عملکرد Svelte
• 95. Profiling and Optimization Tools: ابزارهای پروفایل و بهینه سازی
• 96. Advanced Svelte Component Design: طراحی پیشرفته Component های Svelte
• 97. Svelte Best Practices: بهترین شیوه های Svelte
• 98. Advanced Svelte State Management: مدیریت State پیشرفته Svelte
• 99. Scaling Svelte Applications: مقیاس پذیری برنامه های Svelte
• 100. Building Complex UIs with Svelte: ساخت رابط کاربری پیچیده با Svelte