فلش‌کارت‌های آموزشی Building Scalable Web Applications with TypeScript and React

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

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

عنوان دوره: دوره Building Scalable Web Applications with TypeScript and React

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

موضوع میانی: تایپ اسکریپت (TypeScript)

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

• 1. معماری کلاینت-سرور و نقش React در برنامه‌های مقیاس‌پذیر
• 2. راه‌اندازی پروژه با TypeScript و Vite
• 3. کامپوننت‌های قابل استفاده مجدد و ترکیبی در React
• 4. مدیریت State محلی با useState و useReducer
• 5. مدیریت State سراسری با Context API و useReducer
• 6. الگوهای پیشرفته State Management با Zustand یا Redux Toolkit
• 7. مدیریت Side Effects با useEffect و useLayoutEffect
• 8. درخواست‌های HTTP و مدیریت API با Axios و React Query
• 9. کش کردن داده‌ها و استراتژی‌های Stale-While-Revalidate
• 10. مدیریت خطاها و حالت‌های Loading و Empty
• 11. مسیریابی در برنامه‌های SPA با React Router v6
• 12. بارگذاری تنبل (Lazy Loading) و Code Splitting با React.lazy و Suspense
• 13. بهینه‌سازی رندر با React.memo، useMemo و useCallback
• 14. مجازی‌سازی لیست‌های بزرگ با React Virtual یا TanStack Virtual
• 15. مدیریت فرم‌ها و اعتبارسنجی با React Hook Form و Zod
• 16. الگوی کامپوننت‌های کنترل‌شده و کنترل‌نشده
• 17. یکپارچه‌سازی کتابخانه‌های UI و سیستم‌های طراحی
• 18. کار با TypeScript: تایپ‌های پیشرفته، Generics و Utility Types
• 19. مدیریت نوع داده‌های API و تولید خودکار تایپ‌ها
• 20. معماری مبتنی بر ماژول و جداسازی لایه‌ها
• 21. الگوی Repository و سرویس‌های داده
• 22. مدیریت وابستگی‌ها و Dependency Injection در فرانت‌اند
• 23. طراحی APIهای RESTful و GraphQL برای فرانت‌اند
• 24. پیاده‌سازی احراز هویت (Authentication) و مجوزدهی (Authorization)
• 25. مدیریت توکن‌ها، Refresh Token و امنیت سشن
• 26. مدیریت خطاهای سرور و نمایش پیام‌های کاربرپسند
• 27. تست واحد (Unit Testing) با Vitest و React Testing Library
• 28. تست یکپارچه‌سازی (Integration Testing) و شبیه‌سازی API
• 29. تست End-to-End با Cypress یا Playwright
• 30. Continuous Integration و اجرای خودکار تست‌ها
• 31. ابزارهای Linting و Formatting با ESLint و Prettier
• 32. مدیریت پیکربندی محیط‌های Development و Production
• 33. باندل‌سازی و بهینه‌سازی Build با Vite
• 34. کاهش حجم باندل نهایی و تحلیل Bundle Size
• 35. استفاده از CDN و کش مرورگر برای فایل‌های استاتیک
• 36. بارگذاری تصاویر بهینه و فونت‌های سفارشی
• 37. مدیریت بین‌المللی‌سازی (i18n) و چندزبانی
• 38. مدیریت تم و دارک مود با CSS Variables و Context
• 39. طراحی واکنش‌گرا (Responsive) و Mobile-First
• 40. بهینه‌سازی Performance با Lighthouse و Web Vitals
• 41. مدیریت حافظه و جلوگیری از Memory Leak
• 42. کار با Web Workers و پردازش‌های سنگین در پس‌زمینه
• 43. معماری Micro-Frontend و پیاده‌سازی با Module Federation
• 44. مدیریت اشتراک‌گذاری کد بین چندین فرانت‌اند
• 45. اتصال به WebSocket و پیاده‌سازی Real-time Features
• 46. مدیریت Notifications و Toast Messages
• 47. کار با LocalStorage، SessionStorage و IndexedDB
• 48. مدیریت آفلاین و Service Workers برای PWA
• 49. پیاده‌سازی قابلیت آپلود فایل با Progress Bar
• 50. مدیریت تاریخ و زمان با کتابخانه‌هایی مانند date-fns
• 51. مدیریت لاگ‌ها و مانیتورینگ خطاهای فرانت‌اند
• 52. استفاده از ابزارهای Debugging و React DevTools
• 53. مدیریت امنیت در برابر XSS و CSRF
• 54. مدیریت نسخه‌بندی API و سازگاری با عقب
• 55. مهاجرت تدریجی از JavaScript به TypeScript
• 56. اسکال کردن تیم و ساختار فایل‌ها در پروژه‌های بزرگ
• 57. مدیریت Monorepo با ابزارهایی مانند Turborepo یا Nx
• 58. معماری مبتنی بر Event و Event-Driven UI
• 59. مدیریت Undo/Redo و تاریخچه تغییرات
• 60. یکپارچه‌سازی با کتابخانه‌های نمودار و داشبورد
• 61. مدیریت انیمیشن‌های پیچیده با Framer Motion
• 62. بهینه‌سازی SEO برای SPA با Next.js یا React Helmet
• 63. مدیریت خطاهای Runtime و Error Boundaries
• 64. استفاده از Custom Hooks برای منطق قابل استفاده مجدد
• 65. مدیریت State پیچیده با Immer و ساختارهای Immutable
• 66. تکنیک‌های Debouncing و Throttling برای کارایی بهتر
• 67. مدیریت Pull-to-Refresh و Infinite Scroll
• 68. معماری مبتنی بر Feature و Feature Slicing
• 69. مدیریت اتصال به APIهای شخص ثالث و OAuth
• 70. مدیریت لاگین با OAuth و Social Login
• 71. مدیریت سشن و JWT در برنامه‌های تک صفحه‌ای
• 72. مدیریت Cache و استراتژی‌های بروزرسانی داده
• 73. مدیریت خطاهای شبکه و Retry Mechanism
• 74. مدیریت Dependency Injection با InversifyJS
• 75. مدیریت تست Component و Snapshot Testing
• 76. مدیریت Storybook برای توسعه کامپوننت‌ها
• 77. مدیریت مستندسازی خودکار با TypeDoc
• 78. مدیریت انتشار نسخه‌ها و Semantic Versioning
• 79. مدیریت Deploy به سرورهای ابری و Docker
• 80. مدیریت CI/CD با GitHub Actions و GitLab CI
• 81. مدیریت Logging و Monitoring با Sentry
• 82. مدیریت Performance Budget و Thresholds
• 83. مدیریت Accessibility (a11y) و استانداردهای WCAG
• 84. مدیریت همکاری تیمی با Git Flow و Pull Requests
• 85. مدیریت Refactoring و کاهش Technical Debt
• 86. مدیریت Migration از Class Components به Hooks
• 87. مدیریت State همزمان و Race Conditions
• 88. مدیریت انتخاب State Management مناسب برای پروژه
• 89. مدیریت Rate Limiting و Retry در سمت کلاینت
• 90. مدیریت امنیت API Key و Secret در فرانت‌اند
• 91. مدیریت تولید خودکار SDK از OpenAPI
• 92. مدیریت تست Performance با k6 و Artillery
• 93. مدیریت Bootstrap و راه‌اندازی سریع پروژه
• 94. مدیریت به‌روزرسانی وابستگی‌ها و امنیت کتابخانه‌ها
• 95. مدیریت چرخه حیات کامپوننت و Cleanup
• 96. مدیریت Persist State و بازیابی وضعیت کاربر
• 97. مدیریت تحلیل خطاهای Production و Source Maps