فلش‌کارت‌های آموزشی الگوهای مدرن کدنویسی ناهمگام (Async) در React

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

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

عنوان دوره: دوره الگوهای مدرن کدنویسی ناهمگام (Async) در React

موضوع کلی: توسعه نرم‌افزار و برنامه‌نویسی

موضوع میانی: برنامه‌نویسی سمت کاربر (Front-end)

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

• 1. مقدمه‌ای بر برنامه‌نویسی ناهمگام در جاوااسکریپت
• 2. مفاهیم اولیه Callbacks و مدیریت خطا
• 3. معرفی Promises: ساختار و کاربرد
• 4. کار با چند Promise: all، race، allSettled
• 5. آشنایی با Async/Await: نحو و مزایا
• 6. مدیریت خطاهای ناهمگام با Try/Catch
• 7. استفاده از Async/Await در توابع Arrow
• 8. الگوهای رایج مدیریت وضعیت ناهمگام
• 9. معرفی React Hooks برای مدیریت ناهمگامی
• 10. useState و مدیریت داده‌های ناهمگام
• 11. useEffect برای اجرای عملیات ناهمگام
• 12. useCallback و بهینه‌سازی توابع ناهمگام
• 13. useMemo برای بهینه‌سازی محاسبات ناهمگام
• 14. Custom Hooks برای انتزاع منطق ناهمگام
• 15. مدیریت داده‌های سمت سرور در React
• 16. Fetch API برای درخواست‌های HTTP
• 17. استفاده از Axios برای درخواست‌های HTTP
• 18. مدیریت پاسخ‌های ناهمگام و خطاها
• 19. نمایش وضعیت بارگذاری (Loading States)
• 20. نمایش پیام‌های خطا به کاربر
• 21. الگوهای طراحی برای مدیریت داده‌های ناهمگام
• 22. Data Fetching Libraries: معرفی کلی
• 23. React Query: مفاهیم پایه
• 24. مدیریت Cache با React Query
• 25. Invalidation و Refetching داده‌ها
• 26. Mutations در React Query
• 27. Pagination و Infinite Scrolling
• 28. مدیریت فرم‌های ناهمگام
• 29. مدیریت حالت‌های پیچیده در برنامه‌های React
• 30. Context API برای اشتراک‌گذاری داده‌ها
• 31. Redux Toolkit برای مدیریت وضعیت
• 32. معرفی Zustand به عنوان یک جایگزین سبک
• 33. مدیریت ناهمگامی در Redux Toolkit
• 34. Saga یا Thunk برای مدیریت Side Effects
• 35. الگوهای پیشرفته‌تر مدیریت وضعیت
• 36. Component Composition برای منطق ناهمگام
• 37. Higher-Order Components (HOCs) برای ناهمگامی
• 38. Render Props برای اشتراک‌گذاری منطق ناهمگام
• 39. معرفی Server-Side Rendering (SSR)
• 40. مزایای SSR در برنامه‌های React
• 41. Next.js برای SSR و Static Site Generation
• 42. استفاده از getServerSideProps در Next.js
• 43. معرفی Static Site Generation (SSG)
• 44. استفاده از getStaticProps در Next.js
• 45. تفاوت SSR و SSG
• 46. معرفی Incremental Static Regeneration (ISR)
• 47. بهینه‌سازی عملکرد برنامه‌های ناهمگام
• 48. Lazy Loading کامپوننت‌ها
• 49. Code Splitting با React.lazy و Suspense
• 50. استفاده از Webpack برای Code Splitting
• 51. بهینه‌سازی تصاویر و منابع
• 52. مدیریت حافظه در برنامه‌های جاوااسکریپت
• 53. الگوهای طراحی برای معماری نرم‌افزار
• 54. Clean Architecture در React
• 55. Domain-Driven Design (DDD) و React
• 56. معماری مبتنی بر کامپوننت
• 57. استفاده از TypeScript برای افزایش استحکام کد
• 58. تعریف انواع برای داده‌های ناهمگام
• 59. مدیریت خطا در TypeScript
• 60. الگوهای تست‌نویسی برای کد ناهمگام
• 61. Unit Testing کامپوننت‌ها
• 62. Integration Testing
• 63. End-to-End (E2E) Testing
• 64. معرفی Jest و React Testing Library
• 65. نوشتن تست برای Hooks
• 66. نوشتن تست برای API Calls
• 67. Mocking API Requests
• 68. استفاده از Cypress برای E2E Testing
• 69. امنیت در برنامه‌های وب React
• 70. مدیریت احراز هویت (Authentication)
• 71. مدیریت مجوزها (Authorization)
• 72. محافظت از API Endpoints
• 73. جلوگیری از حملات XSS
• 74. جلوگیری از حملات CSRF
• 75. امنیت داده‌های کاربر
• 76. اصول SOLID در طراحی کامپوننت‌ها
• 77. Dependency Injection در React
• 78. استفاده از Design Systems
• 79. طراحی رابط کاربری (UI) ناهمگام
• 80. تجربه کاربری (UX) در برنامه‌های ناهمگام
• 81. انیمیشن‌ها و Transitionهای ناهمگام
• 82. Accessibility در برنامه‌های React
• 83. بین‌المللی‌سازی (i18n) و محلی‌سازی (l10n)
• 84. مدیریت وضعیت در زمان واقعی (Real-time)
• 85. وب‌سوکت‌ها (WebSockets)
• 86. مدیریت داده‌های Real-time با Socket.IO
• 87. معرفی GraphQL
• 88. مزایای GraphQL نسبت به REST
• 89. نحوه استفاده از GraphQL در React
• 90. Apollo Client برای GraphQL
• 91. مدیریت ناهمگامی در GraphQL
• 92. معرفی PWA (Progressive Web Apps)
• 93. مزایای PWA
• 94. Service Workers برای قابلیت آفلاین
• 95. Cache API در Service Workers
• 96. مدیریت داده‌های آفلاین
• 97. نکات پایانی و بهترین شیوه‌ها
• 98. نگاهی به آینده کدنویسی ناهمگام
• 99. جمع‌بندی الگوهای مدرن