فلش‌کارت‌های آموزشی Svelte: Crafting Exceptional, Utterly Intuitive, Unforgettably Memorable, Emotionally Engaging, and Business-Critical User Experiences That Captivate, Convert, and Cultivate Loyalty

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

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

عنوان دوره: دوره Svelte: Crafting Exceptional, Utterly Intuitive, Unforgettably Memorable, Emotionally Engaging, and Business-Critical User Experiences That Captivate, Convert, and Cultivate Loyalty

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

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

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

• 1. Svelte: Crafting Exceptional, Utterly Intuitive, Unforgettably Memorable, Emotionally Engaging, and Business-Critical User Experiences That Captivate, Convert, and Cultivate Loyalty
• 2. مقدمه ای بر Svelte و فلسفه آن
• 3. چرا Svelte؟ مزایا و معایب نسبت به فریم ورک های دیگر
• 4. تنظیم محیط توسعه: نصب Node.js، npm و VS Code
• 5. ایجاد اولین پروژه Svelte: Hello World
• 6. آشنایی با ساختار فایل پروژه Svelte
• 7. Component ها: پایه های اصلی Svelte
• 8. سینتکس Svelte: HTML, CSS و JavaScript
• 9. Expressions در Svelte
• 10. دستورات کنترلی: if، else if، else
• 11. حلقه ها: each blocks
• 12. آشنایی با متغیرها و Binding
• 13. ایجاد و استفاده از Properties
• 14. Binding دو طرفه: Two-Way Binding
• 15. Props: انتقال داده بین Component ها
• 16. Events: مدیریت رویدادهای DOM
• 17. Directives: دستورالعمل های خاص Svelte
• 18. Computed Properties: متغیرهای محاسبه شده
• 19. Lifecycle Methods: onMount، onDestroy، beforeUpdate، afterUpdate
• 20. Store ها: مدیریت حالت سراسری (Global State Management)
• 21. Writable Stores: ایجاد و استفاده
• 22. Readable Stores: داده های فقط خواندنی
• 23. Derived Stores: محاسبات بر اساس Store های دیگر
• 24. Custom Stores: ایجاد Store های سفارشی
• 25. Actions: دستکاری DOM المان ها
• 26. Transitions: انیمیشن های ورود و خروج
• 27. Animations: انیمیشن های داخلی Component
• 28. Easing Functions: توابع آسان سازی انیمیشن
• 29. Using Libraries: استفاده از کتابخانه های خارجی
• 30. Styling: CSS Scope و Component Styles
• 31. Global Styles: اعمال استایل های سراسری
• 32. Preprocessors: PostCSS و Sass
• 33. Slots: ایجاد نواحی قابل جایگزینی در Component
• 34. Named Slots: استفاده از Slots نام گذاری شده
• 35. Scoped Slots: دسترسی به داده های Component والد در Slot
• 36. Context API: انتقال داده به Component های فرزند بدون Props
• 37. Creating Components Dynamically: ایجاد Component ها به صورت پویا
• 38. Using Template Literals: استفاده از Template Literal ها
• 39. Conditional Rendering: نمایش Component ها به صورت شرطی
• 40. Lists and Keys: رندر کردن لیست ها با استفاده از Keys
• 41. Working with Forms: مدیریت فرم ها
• 42. Form Validation: اعتبارسنجی فرم ها
• 43. Asynchronous Operations: عملیات ناهمزمان
• 44. Using Fetch API: دریافت داده از API ها
• 45. Error Handling: مدیریت خطاها
• 46. SvelteKit: چارچوب کامل برای ساخت اپلیکیشن های Svelte
• 47. Introduction to SvelteKit: معرفی SvelteKit
• 48. Setting up a SvelteKit Project: ایجاد پروژه SvelteKit
• 49. Routing in SvelteKit: مسیریابی در SvelteKit
• 50. Pages: ایجاد صفحات وب
• 51. Layouts: ایجاد Layout های مشترک
• 52. Endpoints: ساخت API Endpoints
• 53. Server-Side Rendering (SSR): رندرینگ سمت سرور
• 54. Static Site Generation (SSG): تولید سایت های استاتیک
• 55. Adapters: استقرار SvelteKit روی پلتفرم های مختلف
• 56. Data Loading: بارگیری داده ها در SvelteKit
• 57. Working with Databases: کار با پایگاه داده ها
• 58. Authentication: احراز هویت کاربران
• 59. Using Environment Variables: استفاده از متغیرهای محیطی
• 60. Creating Reusable Components: ایجاد Component های قابل استفاده مجدد
• 61. Component Composition: ترکیب Component ها
• 62. Testing Svelte Applications: تست کردن اپلیکیشن های Svelte
• 63. Writing Unit Tests: نوشتن تست های واحد
• 64. Writing Integration Tests: نوشتن تست های یکپارچه
• 65. Debugging Svelte Applications: رفع اشکال اپلیکیشن های Svelte
• 66. Using the Svelte Devtools: استفاده از ابزارهای توسعه Svelte
• 67. Performance Optimization: بهینه سازی عملکرد
• 68. Code Splitting: تقسیم کد
• 69. Lazy Loading: بارگذاری تنبل
• 70. Using Web Workers: استفاده از Web Workers
• 71. Accessibility (A11y): ملاحظات دسترسی پذیری
• 72. SEO Optimization: بهینه سازی برای موتورهای جستجو
• 73. Deploying Svelte Applications: استقرار اپلیکیشن های Svelte
• 74. Using Netlify: استقرار روی Netlify
• 75. Using Vercel: استقرار روی Vercel
• 76. Using Cloudflare Pages: استقرار روی Cloudflare Pages
• 77. Building a Blog with SvelteKit: ساخت یک وبلاگ با SvelteKit
• 78. Building an E-commerce App with SvelteKit: ساخت یک اپلیکیشن تجارت الکترونیک با SvelteKit
• 79. Building a Social Media App with SvelteKit: ساخت یک اپلیکیشن شبکه اجتماعی با SvelteKit
• 80. Advanced Svelte Patterns: الگوهای پیشرفته Svelte
• 81. Creating Custom Directives: ایجاد Directives های سفارشی
• 82. Creating Custom Transitions: ایجاد Transitions های سفارشی
• 83. Creating Custom Animations: ایجاد Animations های سفارشی
• 84. Working with WebSockets: کار با WebSockets
• 85. Serverless Functions: استفاده از توابع Serverless
• 86. GraphQL Integration: یکپارچه سازی GraphQL
• 87. Using TypeScript with Svelte: استفاده از TypeScript با Svelte
• 88. Svelte Compiler Internals: درونیات کامپایلر Svelte
• 89. Contributing to Svelte: مشارکت در توسعه Svelte
• 90. Svelte Ecosystem: آشنایی با اکوسیستم Svelte
• 91. Community Resources: منابع جامعه Svelte
• 92. Future of Svelte: آینده Svelte
• 93. Best Practices for Svelte Development: بهترین شیوه ها برای توسعه Svelte
• 94. Common Svelte Mistakes and How to Avoid Them: اشتباهات رایج Svelte و نحوه اجتناب از آنها
• 95. Svelte vs React: مقایسه Svelte با React
• 96. Svelte vs Vue: مقایسه Svelte با Vue
• 97. Svelte vs Angular: مقایسه Svelte با Angular
• 98. Scaling Svelte Applications: مقیاس بندی اپلیکیشن های Svelte
• 99. Real-World Svelte Examples: مثال های Svelte در دنیای واقعی
• 100. Building a Design System with Svelte: ساخت یک سیستم طراحی با Svelte