فلش‌کارت‌های آموزشی ساخت برنامه‌های پویا با React و مدیریت وضعیت با Redux

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

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

عنوان دوره: دوره ساخت برنامه‌های پویا با React و مدیریت وضعیت با Redux

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

موضوع میانی: توسعهٔ رابط‌های کاربری پیشرفته با فریم‌ورک‌های جاوا اسکریپت

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

• 1. مبانی توسعهٔ وب و معماری برنامه‌ها
• 2. آشنایی با HTML، CSS و JavaScript
• 3. مفاهیم پایه‌ای React: کامپوننت‌ها و JSX
• 4. ساختاردهی پروژه‌های React
• 5. مدیریت State در کامپوننت‌های محلی
• 6. مقدمه‌ای بر مدیریت State سراسری
• 7. نیاز به ابزارهای مدیریت State پیشرفته
• 8. معرفی Redux: اصول و مفاهیم کلیدی
• 9. Actionها: رویدادها در برنامه
• 10. Reducerها: توابع خالص برای تغییر State
• 11. Dispatch کردن Actionها
• 12. Store: مخزن مرکزی State
• 13. اتصال React به Redux (react-redux)
• 14. Provider: فراهم کردن Store برای برنامه
• 15. Connect: اتصال کامپوننت‌های React به Store
• 16. mapStateToProps: خواندن State از Store
• 17. mapDispatchToProps: ارسال Action به Store
• 18. طراحی ساختار Redux برای یک برنامهٔ ساده
• 19. پیاده‌سازی کامپوننت‌های UI با React
• 20. نمایش داده‌ها از Store در کامپوننت‌ها
• 21. تعامل کاربر و ارسال Action به Store
• 22. مدیریت State برای فرم‌ها در Redux
• 23. اعتبارسنجی داده‌ها در Redux
• 24. استفاده از Redux Toolkit برای ساده‌سازی
• 25. معرفی createSlice
• 26. توابع Reducer درون Slice
• 27. Async Actions و Thunks
• 28. مدیریت درخواست‌های API با Redux Thunk
• 29. نمایش وضعیت بارگذاری (Loading)
• 30. مدیریت خطاها در درخواست‌های API
• 31. پیاده‌سازی لیست‌ها و آیتم‌ها با Redux
• 32. به‌روزرسانی و حذف آیتم‌ها از لیست
• 33. فیلتر کردن و مرتب‌سازی داده‌ها
• 34. مدیریت State برای احراز هویت کاربر
• 35. ذخیرهٔ توکن احراز هویت
• 36. تغییر UI بر اساس وضعیت احراز هویت
• 37. مقدمه‌ای بر معماری‌های برنامه‌های بزرگ
• 38. اصول طراحی Scalable Redux Applications
• 39. تقسیم Reducerها به ماژول‌های کوچک‌تر
• 40. استفاده از combineReducers
• 41. مدیریت State برای بخش‌های مختلف برنامه
• 42. پیاده‌سازی یک برنامهٔ کامل با React و Redux
• 43. طراحی رابط کاربری برای برنامهٔ نهایی
• 44. اتصال بخش‌های مختلف برنامه
• 45. پیاده‌سازی ویژگی‌های پیچیده
• 46. آزمایش و اشکال‌زدایی برنامه‌ها
• 47. روش‌های تست واحد برای کامپوننت‌های React
• 48. تست Reducerها و Action Creatorها
• 49. استفاده از Jest و React Testing Library
• 50. اشکال‌زدایی (Debugging) برنامه‌های React و Redux
• 51. ابزارهای توسعهٔ مرورگر برای React و Redux
• 52. بهینه‌سازی عملکرد برنامه‌های React
• 53. Memoization در کامپوننت‌ها و Reducerها
• 54. استفاده از React.memo و useMemo
• 55. بهینه‌سازی Redux با reselect
• 56. مدیریت State برای داده‌های پیچیده
• 57. ساختارهای دادهٔ مناسب در Redux
• 58. استفاده از Immutable Data Structures
• 59. نکات پیشرفته در Redux Toolkit
• 60. Entity Adapters برای مدیریت مجموعه‌ها
• 61. RTK Query برای مدیریت داده‌های API
• 62. استقرار (Deployment) برنامه‌های React
• 63. تنظیمات build برای production
• 64. استفاده از سرویس‌های هاستینگ
• 65. مقدمه‌ای بر مفاهیم امنیت در توسعهٔ وب
• 66. اصول اولیهٔ امنیت در فرانت‌اند
• 67. حفاظت از داده‌ها در سمت کلاینت
• 68. ملاحظات اخلاقی در توسعهٔ نرم‌افزار
• 69. حریم خصوصی کاربران و داده‌ها
• 70. مسئولیت‌پذیری در قبال نرم‌افزار
• 71. نگهداری و به‌روزرسانی برنامه‌های Redux
• 72. مدیریت وابستگی‌ها و پکیج‌ها
• 73. مراحل ارتقاء نسخه‌های Redux و React
• 74. مقدمه‌ای بر طراحی UI/UX
• 75. اصول طراحی تجربهٔ کاربری مؤثر
• 76. ساخت رابط‌های کاربری کاربرپسند
• 77. اهمیت دسترسی‌پذیری (Accessibility) در وب
• 78. پیاده‌سازی استانداردهای دسترسی‌پذیری
• 79. تست دسترسی‌پذیری برنامه‌ها
• 80. مفاهیم پیشرفتهٔ JavaScript برای React
• 81. Async/Await و Promises
• 82. ES6+ Features
• 83. مروری بر الگوهای طراحی در برنامه‌های وب
• 84. الگوهای رایج در React
• 85. الگوهای مدیریت State
• 86. معرفی الگوهای معماری نرم‌افزار
• 87. MVC, MVVM و ...
• 88. کاربرد الگوها در برنامه‌های React
• 89. مقدمه‌ای بر Micro Frontends
• 90. مزایا و چالش‌های Micro Frontends
• 91. معماری Micro Frontends با React
• 92. آشنایی با Graphql و Apollo Client
• 93. مفاهیم Graphql
• 94. پیاده‌سازی Graphql با Apollo Client
• 95. مقایسهٔ Graphql با RESTful APIs
• 96. مدیریت State در برنامه‌های بزرگ با Redux
• 97. راهکارهای سازمانی برای Redux
• 98. مستندسازی پروژه‌های React و Redux
• 99. نوشتن مستندات کارآمد
• 100. ابزارهای مستندسازی خودکار