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

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

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

عنوان دوره: دوره ساخت اپلیکیشن‌های تعاملی با React، مدیریت وضعیت با Redux و پیاده‌سازی پایگاه دادهٔ ابری Firebase

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

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

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

• 1. مبانی توسعهٔ وب و مقدمه‌ای بر React
• 2. محیط توسعهٔ React: نصب و راه‌اندازی
• 3. ساختار پروژه‌های React: کامپوننت‌ها و JSX
• 4. مفهوم کامپوننت‌های تابعی (Functional Components)
• 5. کاربرد Props در انتقال داده‌ها بین کامپوننت‌ها
• 6. مدیریت وضعیت محلی کامپوننت با useState
• 7. چرخهٔ حیات کامپوننت‌های تابعی با useEffect
• 8. کار با رویدادها در React
• 9. رندر شرطی و مدیریت نمایش عناصر
• 10. لیست‌ها و کلیدها در React
• 11. کار با فرم‌ها و ورودی‌های کاربر
• 12. مقدمه‌ای بر مدیریت وضعیت سراسری
• 13. معرفی Redux و مفاهیم اصلی آن
• 14. ساختار Redux: Actions, Reducers, Store
• 15. نوشتن اولین Action Creator
• 16. توسعهٔ Reducer برای به‌روزرسانی وضعیت
• 17. اتصال React به Redux با react-redux
• 18. استفاده از useDispatch برای ارسال Actions
• 19. استفاده از useSelector برای خواندن وضعیت Store
• 20. مقدمه‌ای بر Redux Toolkit (RTK)
• 21. مزایای Redux Toolkit
• 22. ساخت Reducer با createSlice در RTK
• 23. استفاده از createAsyncThunk برای عملیات ناهمگام
• 24. مفاهیم پایگاه دادهٔ ابری و Firebase
• 25. معرفی Firebase و خدمات آن
• 26. تنظیم پروژهٔ Firebase برای اپلیکیشن React
• 27. احراز هویت کاربران با Firebase Authentication
• 28. ثبت‌نام و ورود کاربران
• 29. مدیریت وضعیت احراز هویت
• 30. ذخیره‌سازی داده‌ها با Firebase Firestore
• 31. ساختاردهی داده‌ها در Firestore
• 32. خواندن داده‌ها از Firestore
• 33. نوشتن داده‌ها در Firestore
• 34. به‌روزرسانی داده‌ها در Firestore
• 35. حذف داده‌ها از Firestore
• 36. ذخیره‌سازی فایل‌ها با Firebase Storage
• 37. آپلود فایل‌ها در Storage
• 38. دانلود و نمایش فایل‌ها
• 39. مقدمه‌ای بر React Router
• 40. نصب و راه‌اندازی React Router
• 41. تعریف مسیرهای (Routes) مختلف در اپلیکیشن
• 42. انتقال پارامتر در URL
• 43. مدیریت ناوبری بین صفحات
• 44. مفهوم کامپوننت‌های محافظت‌شده (Protected Routes)
• 45. پیاده‌سازی احراز هویت در مسیرها
• 46. طراحی رابط کاربری (UI) در React
• 47. استفاده از CSS در کامپوننت‌های React
• 48. کامپوننت‌های UI آماده (مانند Material-UI یا Ant Design)
• 49. اصول طراحی ریسپانسیو (Responsive Design)
• 50. بهبود تجربهٔ کاربری (UX)
• 51. اعتبارسنجی فرم‌ها در سمت کلاینت
• 52. مدیریت خطاها و نمایش پیام‌های خطا
• 53. عملیات CRUD (Create, Read, Update, Delete) با Firebase
• 54. ساخت یک اپلیکیشن To-Do با React و Firebase
• 55. پیاده‌سازی قابلیت جستجو و فیلتر
• 56. پیدایش و مدیریت خطاهای رایج در React
• 57. بهینه‌سازی عملکرد اپلیکیشن React
• 58. مقدمه‌ای بر تست‌نویسی در React
• 59. تست کامپوننت‌ها با React Testing Library
• 60. مروری بر مفاهیم پیشرفتهٔ Redux
• 61. Middleware در Redux (مانند Redux Thunk)
• 62. استفاده از Redux Persist برای ذخیره‌سازی وضعیت
• 63. مباحث تکمیلی Firebase (مانند Cloud Functions)
• 64. استقرار (Deploy) اپلیکیشن React
• 65. مقدمه‌ای بر معماری میکروسرویس‌ها در وب
• 66. اصول SOLID در طراحی نرم‌افزار
• 67. الگوهای طراحی (Design Patterns) در توسعهٔ وب
• 68. امنیت در برنامه‌های وب (مبانی)
• 69. ملاحظات اخلاقی در توسعهٔ نرم‌افزار
• 70. پیدایش و مدیریت وابستگی‌ها (Dependencies)
• 71. کار با APIهای خارجی
• 72. مقدمه‌ای بر Progressive Web Apps (PWAs)
• 73. تکنیک‌های Caching در سمت کلاینت
• 74. استفاده از Web Workers برای کارهای سنگین
• 75. بهبود دسترسی‌پذیری (Accessibility) در وب
• 76. مقدمه‌ای بر Server-Side Rendering (SSR)
• 77. مقایسهٔ Client-Side Rendering و Server-Side Rendering
• 78. کاربرد Next.js برای SSR (اختیاری)
• 79. مفاهیم CI/CD (Continuous Integration/Continuous Deployment)
• 80. ابزارهای مانیتورینگ و لاگینگ
• 81. مدیریت پیکربندی (Configuration Management)
• 82. مباحث پیشرفتهٔ امنیت در وب (OWASP Top 10)
• 83. استانداردهای کدنویسی (Coding Standards)
• 84. کار با ابزارهای Linters و Formatters
• 85. مقدمه‌ای بر GraphQL (اختیاری)
• 86. مقایسهٔ RESTful API و GraphQL
• 87. مدیریت وضعیت پیشرفته در React
• 88. الگوهای ارتباط کامپوننت‌ها
• 89. مفاهیم Concurrency در JavaScript
• 90. مدیریت معماری پروژه در مقیاس بزرگ
• 91. نکات و ترفندهای کاربردی در React
• 92. بررسی روندهای آینده در توسعهٔ وب
• 93. جمع‌بندی و گام‌های بعدی در یادگیری
• 94. پروژهٔ نهایی: ساخت یک اپلیکیشن جامع
• 95. ارزیابی و بازخورد پروژهٔ نهایی
• 96. ملاحظات فنی و بهینه‌سازی پروژه
• 97. مستندسازی پروژه
• 98. اصول کار تیمی در توسعهٔ نرم‌افزار