فلش‌کارت‌های آموزشی ساخت فرم‌های پیشرفته در React با Redux Toolkit و RTK Query

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

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

عنوان دوره: دوره ساخت فرم‌های پیشرفته در React با Redux Toolkit و RTK Query

موضوع کلی: توسعهٔ برنامه‌های کاربردی وب با پشتهٔ MERN

موضوع میانی: مدیریت حالت و ارتباط با سرور در برنامه‌های React

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

• 1. مقدمه‌ای بر توسعهٔ وب با پشتهٔ MERN
• 2. اصول اولیهٔ React و JSX
• 3. کامپوننت‌های تابعی و کلاس در React
• 4. مدیریت وضعیت داخلی کامپوننت‌ها
• 5. کار با Props در React
• 6. رویدادها و مدیریت آن‌ها در React
• 7. شرطی‌سازی و رندرینگ شرطی
• 8. لیست‌ها و کلیدها در React
• 9. چرخهٔ حیات کامپوننت‌های کلاس
• 10. هوک‌های React: useState و useEffect
• 11. هوک‌های سفارشی در React
• 12. اصول اولیهٔ Redux
• 13. مفهوم Store، Reducer و Action در Redux
• 14. اتصال React به Redux با react-redux
• 15. استفاده از Redux Toolkit برای ساده‌سازی
• 16. مفهوم Slice در Redux Toolkit
• 17. ساخت Reducerها با createSlice
• 18. مدیریت وضعیت پیچیده با Redux Toolkit
• 19. مقدمه‌ای بر API و ارتباط با سرور
• 20. اصول اولیهٔ RESTful API
• 21. مفاهیم HTTP: GET, POST, PUT, DELETE
• 22. کار با Fetch API در JavaScript
• 23. مقدمه‌ای بر RTK Query
• 24. نصب و راه‌اندازی RTK Query
• 25. تعریف Endpointها در RTK Query
• 26. ساخت Queries برای دریافت داده
• 27. ساخت Mutations برای ارسال داده
• 28. مدیریت پاسخ‌های API در RTK Query
• 29. مدیریت خطاها در RTK Query
• 30. استفاده از Caching در RTK Query
• 31. Invalidation و Refetching داده‌ها
• 32. pagination و Infinite Scrolling با RTK Query
• 33. ساخت فرم‌های HTML پایه
• 34. مدیریت حالت فرم‌ها در React
• 35. Controlled vs Uncontrolled Components
• 36. استفاده از Formik برای مدیریت فرم
• 37. استفاده از Yup برای اعتبارسنجی فرم
• 38. مدیریت فرم‌های پیچیده با Redux Toolkit
• 39. ادغام RTK Query با فرم‌ها
• 40. ارسال داده‌های فرم به سرور
• 41. دریافت و نمایش داده‌های فرم از سرور
• 42. اعتبارسنجی سمت کلاینت و سرور
• 43. پیاده‌سازی احراز هویت کاربر
• 44. ذخیره‌سازی توکن‌ها در Local Storage
• 45. مدیریت وضعیت احراز هویت با Redux
• 46. طراحی رابط کاربری فرم‌های واکنش‌گرا
• 47. استفاده از CSS Frameworkها (مانند Bootstrap)
• 48. اصول طراحی UX/UI برای فرم‌ها
• 49. تست فرم‌ها در React
• 50. تست واحد کامپوننت‌های فرم
• 51. تست یکپارچگی با RTK Query
• 52. مقدمه‌ای بر مدیریت فایل آپلود
• 53. ارسال فایل به سرور با RTK Query
• 54. نمایش پیش‌نمایش فایل
• 55. مدیریت وضعیت آپلود فایل
• 56. مفاهیم اولیهٔ پایگاه داده NoSQL
• 57. مقدمه‌ای بر MongoDB
• 58. اتصال Mongoose به MongoDB
• 59. تعریف Schema در Mongoose
• 60. عملیات CRUD در MongoDB با Mongoose
• 61. طراحی پایگاه داده برای برنامه‌های وب
• 62. مدل‌سازی داده‌ها برای فرم‌ها
• 63. بهینه‌سازی کوئری‌های پایگاه داده
• 64. اصول امنیتی در برنامه‌های وب
• 65. جلوگیری از حملات XSS
• 66. جلوگیری از حملات CSRF
• 67. امنیت APIها
• 68. مدیریت خطا در سطح برنامه
• 69. لاگ‌گیری رویدادها
• 70. مقدمه‌ای بر Docker
• 71. کانتینرسازی برنامه‌های React
• 72. کانتینرسازی سرور Node.js
• 73. ارتباط بین کانتینرها
• 74. مقدمه‌ای بر CI/CD
• 75. راه‌اندازی Pipeline برای React
• 76. راه‌اندازی Pipeline برای Node.js
• 77. استقرار خودکار برنامه‌ها
• 78. مقدمه‌ای بر GraphQL
• 79. مقایسه GraphQL و REST
• 80. ساخت API GraphQL با Apollo Server
• 81. تعریف Schema در GraphQL
• 82. کوئری‌ها و Mutationها در GraphQL
• 83. اتصال React به GraphQL با Apollo Client
• 84. مدیریت وضعیت در GraphQL
• 85. مفاهیم پیشرفتهٔ React Hooks
• 86. کار با Context API
• 87. استفاده از useReducer
• 88. بهینه‌سازی عملکرد برنامه‌های React
• 89. Memoization و React.memo
• 90. Lazy Loading و Code Splitting
• 91. مدیریت حافظه در React
• 92. اصول طراحی سیستم‌های توزیع‌شده
• 93. مقدمه‌ای بر Microservices
• 94. الگوهای ارتباطی بین سرویس‌ها
• 95. امنیت در سیستم‌های Microservices
• 96. مقیاس‌پذیری برنامه‌های وب
• 97. مدیریت بار (Load Balancing)
• 98. Caching در سطح سرور
• 99. مقدمه‌ای بر Serverless Computing
• 100. استفاده از AWS Lambda