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

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

عنوان دوره: Svelte: A Journey into Efficient and Performant Web Apps

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر Svelte و دنیای فرانت اند
• 2. چرا Svelte؟ مزایا و معایب نسبت به فریمورک های دیگر
• 3. نصب و راه اندازی Svelte و محیط توسعه
• 4. آشنایی با ساختار پروژه Svelte
• 5. Component ها: قلب تپنده Svelte
• 6. سینتکس Svelte: HTML، CSS و JavaScript
• 7. ایجاد اولین Component ساده
• 8. Data Binding: ارتباط داده ها بین Component و DOM
• 9. Reactive Declarations ($: ) و نحوه کارکرد آن
• 10. Props: انتقال داده ها بین Component ها
• 11. Conditional Rendering: نمایش المان ها بر اساس شرط
• 12. Looping: تکرار المان ها با each blocks
• 13. Event Handling: مدیریت رویدادها (click، submit و غیره)
• 14. معرفی Binding ها: دو طرفه و یک طرفه
• 15. Binding به input ها و textareas
• 16. Binding به checkbox ها و radio ها
• 17. Binding به select ها
• 18. Using Actions: دسترسی مستقیم به DOM
• 19. Custom Actions: ساخت Actions شخصی سازی شده
• 20. Lifecycle Functions: onMount، onDestroy، beforeUpdate، afterUpdate
• 21. Context API: به اشتراک گذاری داده ها بین Component ها
• 22. Store ها: مدیریت حالت سراسری برنامه
• 23. Writable Stores: ایجاد و ویرایش Store ها
• 24. Readable Stores: خواندن داده ها از Store ها
• 25. Derived Stores: ایجاد Store ها بر اساس Store های دیگر
• 26. Custom Stores: ساخت Store های شخصی سازی شده
• 27. Animations: افزودن انیمیشن به المان ها
• 28. Transitions: انیمیشن بین حالت های مختلف المان ها
• 29. Easing Functions: کنترل سرعت انیمیشن ها
• 30. Using Directives: if، else if، else
• 31. Using Directives: each، await، then، catch
• 32. Using Directives: bind:this، bind:group
• 33. Using Directives: on:event، use:action
• 34. Styling: روش های استایل دهی در Svelte
• 35. Scoped Styles: استایل های محلی Component ها
• 36. Global Styles: استایل های سراسری برنامه
• 37. Using CSS Preprocessors: Sass، Less، Stylus
• 38. Working with Media Queries: طراحی واکنش گرا
• 39. SvelteKit: معرفی فریمورک برای ساخت وب اپلیکیشن های پیشرفته
• 40. نصب و راه اندازی SvelteKit
• 41. Routing در SvelteKit: ایجاد صفحات و مسیریابی
• 42. Layouts در SvelteKit: ساخت قالب های مشترک
• 43. Endpoints در SvelteKit: ایجاد API ها
• 44. Server-Side Rendering (SSR) در SvelteKit
• 45. Static Site Generation (SSG) در SvelteKit
• 46. Adapters در SvelteKit: استقرار در پلتفرم های مختلف
• 47. Form Handling در SvelteKit: دریافت و پردازش فرم ها
• 48. Validation در SvelteKit: اعتبارسنجی فرم ها
• 49. Using Third-Party Libraries: ادغام کتابخانه های JavaScript
• 50. Working with APIs: دریافت و ارسال داده ها از API ها
• 51. Authentication: احراز هویت کاربران
• 52. Authorization: تعیین سطح دسترسی کاربران
• 53. Testing: اهمیت تست در Svelte
• 54. Unit Testing: تست Component ها به صورت جداگانه
• 55. Integration Testing: تست تعامل Component ها با یکدیگر
• 56. End-to-End Testing: تست کل برنامه
• 57. Debugging: روش های اشکال زدایی در Svelte
• 58. Performance Optimization: بهبود سرعت و کارایی برنامه
• 59. Code Splitting: تقسیم کد به بخش های کوچکتر
• 60. Lazy Loading: بارگذاری تنبل المان ها
• 61. Image Optimization: بهینه سازی تصاویر
• 62. SEO: بهینه سازی برای موتورهای جستجو
• 63. Accessibility: طراحی برای افراد دارای معلولیت
• 64. Deploying Svelte Apps: استقرار برنامه
• 65. Deploying SvelteKit Apps: استقرار برنامه های SvelteKit
• 66. Working with Databases: اتصال به پایگاه داده
• 67. Using ORMs: تسهیل کار با پایگاه داده
• 68. Building a Simple Todo App: پروژه عملی
• 69. Building a Blog with SvelteKit: پروژه عملی
• 70. Building an E-commerce App with SvelteKit: پروژه عملی
• 71. Creating Custom Components Library: ساخت کتابخانه Component های شخصی
• 72. Using Svelte REPL: تست کد آنلاین
• 73. Svelte DevTools: ابزارهای توسعه
• 74. Understanding Svelte Compiler: نحوه کارکرد کامپایلر Svelte
• 75. Advanced Reactive Concepts: مفاهیم پیشرفته Reactive
• 76. Advanced Store Techniques: تکنیک های پیشرفته Store
• 77. Advanced Transitions and Animations: انیمیشن های پیشرفته
• 78. Serverless Functions in SvelteKit: استفاده از توابع Serverless
• 79. Using Web Sockets with Svelte: ارتباط Real-time
• 80. GraphQL with Svelte: استفاده از GraphQL
• 81. TypeScript with Svelte: استفاده از TypeScript
• 82. Using Design Systems with Svelte: ادغام Design Systems
• 83. Internationalization (i18n) with Svelte: پشتیبانی از زبان های مختلف
• 84. Continuous Integration/Continuous Deployment (CI/CD): یکپارچه سازی مداوم/استقرار مداوم
• 85. Code Linting and Formatting: استفاده از ESLint و Prettier
• 86. Svelte Ecosystem: بررسی ابزارها و کتابخانه های جانبی
• 87. Contributing to Svelte: مشارکت در توسعه Svelte
• 88. Best Practices for Svelte Development: بهترین شیوه ها برای توسعه Svelte
• 89. Common Svelte Mistakes and How to Avoid Them: اشتباهات رایج و نحوه اجتناب از آنها
• 90. Svelte vs. React: مقایسه با React
• 91. Svelte vs. Vue: مقایسه با Vue
• 92. Future of Svelte: چشم انداز آینده Svelte
• 93. Svelte Community Resources: منابع انجمن Svelte
• 94. Svelte Official Documentation: مستندات رسمی Svelte
• 95. Building Reusable Components: ساخت Component های قابل استفاده مجدد
• 96. Understanding Shadow DOM in Svelte: درک Shadow DOM
• 97. Working with Slots: استفاده از Slots
• 98. Named Slots: استفاده از Slots نامگذاری شده
• 99. Fallback Content in Slots: محتوای جایگزین در Slots
• 100. Conditional Slots: Slots شرطی