دوره ساخت و پیاده‌سازی سامانهٔ چت زندهٔ بلادرنگ با React و Firebase همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت و پیاده‌سازی سامانهٔ چت زندهٔ بلادرنگ با React و Firebase

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

موضوع میانی: توسعهٔ برنامه‌های کاربردی سمت کاربر (Frontend)

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

• 1. مقدمه‌ای بر توسعهٔ وب و React
• 2. آشنایی با مفاهیم پایهٔ JavaScript
• 3. انواع داده‌ها و متغیرها در JavaScript
• 4. عملگرها و عبارات در JavaScript
• 5. ساختارهای کنترلی: شرط‌ها و حلقه‌ها
• 6. توابع در JavaScript
• 7. مفاهیم شیءگرایی در JavaScript
• 8. آشنایی با DOM و دستکاری آن
• 9. مقدمه‌ای بر ابزارهای توسعهٔ وب
• 10. نصب و پیکربندی Node.js و npm
• 11. آشنایی با ابزارهای مدیریت بسته
• 12. مقدمه‌ای بر React
• 13. چرا React؟ مزایا و کاربردها
• 14. نصب و راه‌اندازی یک پروژهٔ React
• 15. مفاهیم JSX
• 16. کامپوننت‌ها در React: Functional Components
• 17. کامپوننت‌ها در React: Class Components
• 18. Props در React
• 19. State در React
• 20. چرخهٔ حیات کامپوننت‌ها (Lifecycle Methods)
• 21. مدیریت رویدادها در React
• 22. کار با فرم‌ها در React
• 23. رندر شرطی (Conditional Rendering)
• 24. لیست‌ها و کلیدها (Lists and Keys)
• 25. استایل‌دهی در React: Inline Styles
• 26. استایل‌دهی در React: CSS Modules
• 27. استایل‌دهی در React: Styled Components
• 28. مقدمه‌ای بر مدیریت وضعیت (State Management)
• 29. Context API در React
• 30. مقدمه‌ای بر Firebase
• 31. راه‌اندازی پروژهٔ Firebase
• 32. آشنایی با Firebase Authentication
• 33. پیاده‌سازی ثبت‌نام با ایمیل و رمز عبور
• 34. پیاده‌سازی ورود با ایمیل و رمز عبور
• 35. پیاده‌سازی خروج از حساب کاربری
• 36. مدیریت وضعیت احراز هویت کاربر
• 37. آشنایی با Firebase Firestore
• 38. ساختار پایگاه دادهٔ NoSQL در Firestore
• 39. نوشتن داده در Firestore
• 40. خواندن داده از Firestore
• 41. به‌روزرسانی داده در Firestore
• 42. حذف داده از Firestore
• 43. ذخیره‌سازی بلادرنگ (Real-time Data)
• 44. اشتراک در تغییرات داده (Listening to Changes)
• 45. طراحی ساختار پایگاه داده برای چت
• 46. پیاده‌سازی ارسال پیام
• 47. نمایش پیام‌های دریافتی
• 48. نمایش پیام‌ها به صورت بلادرنگ
• 49. مرتب‌سازی پیام‌ها بر اساس زمان
• 50. مدیریت کاربران آنلاین
• 51. نمایش وضعیت آنلاین/آفلاین کاربران
• 52. طراحی رابط کاربری چت (UI Design)
• 53. کامپوننت لیست کاربران
• 54. کامپوننت فرم ارسال پیام
• 55. کامپوننت نمایش پیام‌ها
• 56. بهبود رابط کاربری
• 57. مدیریت خطاها در برنامه
• 58. پیاده‌سازی اعتبارسنجی ورودی‌ها
• 59. مقدمه‌ای بر React Router
• 60. نصب و پیکربندی React Router
• 61. تعریف مسیرها (Routes)
• 62. ایجاد لینک‌ها (Links)
• 63. پارامترهای مسیر (Route Parameters)
• 64. ناوبری برنامه‌ریزی‌شده (Programmatic Navigation)
• 65. حفاظت از مسیرها (Protected Routes)
• 66. استقرار (Deployment) برنامه
• 67. مقدمه‌ای بر Firebase Hosting
• 68. پیکربندی Firebase Hosting
• 69. استقرار برنامهٔ React در Firebase
• 70. آشنایی با مفاهیم CI/CD
• 71. مقدمه‌ای بر تست‌نویسی در React
• 72. نوشتن تست‌های واحد (Unit Tests)
• 73. نوشتن تست‌های یکپارچه‌سازی (Integration Tests)
• 74. استفاده از Jest برای تست‌نویسی
• 75. استفاده از React Testing Library
• 76. مقدمه‌ای بر بهینه‌سازی برنامه
• 77. بهینه‌سازی رندر کامپوننت‌ها
• 78. کد اسپلیتینگ (Code Splitting)
• 79. بارگذاری تنبل (Lazy Loading)
• 80. مدیریت حافظه در React
• 81. مقدمه‌ای بر امنیت در توسعهٔ وب
• 82. اصول امنیتی در ارتباط با Firebase
• 83. مدیریت نقش‌های کاربری (Roles)
• 84. ملاحظات امنیتی در Firestore
• 85. مقدمه‌ای بر مفاهیم پیشرفتهٔ React
• 86. Hooks سفارشی (Custom Hooks)
• 87. Memoization با useMemo و useCallback
• 88. استفاده از Context API برای مدیریت وضعیت پیچیده
• 89. معماری برنامه‌های بزرگ در React
• 90. الگوهای طراحی در React
• 91. مقدمه‌ای بر توسعهٔ اپلیکیشن‌های PWA
• 92. مفاهیم Service Workers
• 93. Manifest File
• 94. مزایای PWA برای اپلیکیشن چت
• 95. مقدمه‌ای بر ابزارهای مانیتورینگ
• 96. مانیتورینگ عملکرد برنامه
• 97. مانیتورینگ خطاها
• 98. نکات و ترفندهای کاربردی
• 99. بهترین شیوه‌ها در توسعهٔ React
• 100. منابع یادگیری بیشتر