فلش‌کارت‌های آموزشی پیاده‌سازی یک برنامهٔ مدیریت وظایف (Todo List) با React، Firebase و SCSS

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

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

عنوان دوره: دوره پیاده‌سازی یک برنامهٔ مدیریت وظایف (Todo List) با React، Firebase و SCSS

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

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

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

• 1. آشنایی با مفاهیم توسعهٔ وب مدرن
• 2. مقدمه‌ای بر فریم‌ورک‌های جاوااسکریپت
• 3. چرا React؟ مزایا و کاربردها
• 4. نصب و راه‌اندازی محیط توسعه React
• 5. ساختار کلی پروژه‌های React
• 6. مفاهیم JSX و نحوهٔ استفاده از آن
• 7. کامپوننت‌های تابعی (Functional Components)
• 8. کامپوننت‌های کلاسی (Class Components)
• 9. State در کامپوننت‌ها
• 10. Props و انتقال داده بین کامپوننت‌ها
• 11. مدیریت رویدادها در React
• 12. لیست‌ها و کلیدها (Keys) در React
• 13. شرطی‌سازی در رندرینگ (Conditional Rendering)
• 14. مدیریت فرم‌ها در React
• 15. هوک‌های React: آشنایی با useState
• 16. هوک‌های React: آشنایی با useEffect
• 17. هوک‌های React: آشنایی با useContext
• 18. ایجاد هوک‌های سفارشی (Custom Hooks)
• 19. مقدمه‌ای بر مدیریت وضعیت سراسری (Global State Management)
• 20. معرفی Firebase برای بک‌اند
• 21. راه‌اندازی پروژه Firebase
• 22. احراز هویت کاربران در Firebase (ایمیل و رمز عبور)
• 23. ذخیره‌سازی داده‌ها در Firestore
• 24. خواندن داده‌ها از Firestore
• 25. به‌روزرسانی داده‌ها در Firestore
• 26. حذف داده‌ها از Firestore
• 27. پیکربندی Firebase در برنامه React
• 28. استفاده از هوک‌های سفارشی برای تعامل با Firebase
• 29. مقدمه‌ای بر SCSS (Sass)
• 30. نصب و راه‌اندازی SCSS در پروژه React
• 31. متغیرها و میکس‌این‌ها در SCSS
• 32. نستینگ (Nesting) در SCSS
• 33. توابع و Mixins در SCSS
• 34. سازماندهی فایل‌های SCSS
• 35. استایل‌دهی به کامپوننت‌ها با SCSS
• 36. اصول طراحی رابط کاربری (UI Design)
• 37. اصول تجربه کاربری (UX Design)
• 38. طراحی ریسپانسیو (Responsive Design)
• 39. استفاده از Grid و Flexbox برای چیدمان
• 40. مقدمه‌ای بر تست‌نویسی در React
• 41. انواع تست‌ها: Unit, Integration, End-to-End
• 42. تست واحد (Unit Testing) کامپوننت‌ها
• 43. استفاده از Jest برای تست‌نویسی
• 44. استفاده از React Testing Library
• 45. نوشتن تست برای مدیریت رویدادها
• 46. نوشتن تست برای نمایش داده‌ها
• 47. نوشتن تست برای تعامل با فرم‌ها
• 48. تست هوک‌های سفارشی
• 49. مقدمه‌ای بر مفاهیم توسعهٔ پیشرفته
• 50. بهینه‌سازی عملکرد (Performance Optimization)
• 51. Lazy Loading کامپوننت‌ها
• 52. Code Splitting
• 53. Memoization در React
• 54. استفاده از React.memo
• 55. استفاده از useMemo و useCallback
• 56. مدیریت خطاها در React (Error Boundaries)
• 57. مقدمه‌ای بر PWA (Progressive Web Apps)
• 58. ساخت PWA برای برنامه مدیریت وظایف
• 59. استفاده از Service Workers
• 60. قابلیت آفلاین (Offline Capabilities)
• 61. مقدمه‌ای بر CI/CD (Continuous Integration/Continuous Deployment)
• 62. پیکربندی CI/CD برای پروژه React
• 63. مقدمه‌ای بر معماری نرم‌افزار
• 64. الگوهای طراحی (Design Patterns) در React
• 65. مدیریت پیکربندی برنامه
• 66. ملاحظات امنیتی در توسعهٔ وب
• 67. امنیت احراز هویت در Firebase
• 68. جلوگیری از حملات XSS
• 69. جلوگیری از حملات CSRF
• 70. مقدمه‌ای بر ابزارهای توسعهٔ مدرن
• 71. استفاده از Webpack (مقدماتی)
• 72. استفاده از Babel (مقدماتی)
• 73. استفاده از ESLint و Prettier
• 74. مقدمه‌ای بر مفاهیم NoSQL
• 75. مزایای Firestore نسبت به پایگاه‌های داده رابطه‌ای
• 76. مدل داده در Firestore
• 77. شاخص‌گذاری (Indexing) در Firestore
• 78. نحوهٔ نوشتن کوئری‌های پیچیده در Firestore
• 79. مدیریت وضعیت سمت سرور (Server-Side State)
• 80. مقدمه‌ای بر Redux (اختیاری، برای مقایسه)
• 81. مقایسه Redux با Context API
• 82. مقدمه‌ای بر GraphQL (اختیاری)
• 83. مقایسه REST API با GraphQL
• 84. اصول کدنویسی تمیز (Clean Code)
• 85. مستندسازی کد
• 86. بازبینی کد (Code Review)
• 87. مقدمه‌ای بر ابزارهای مانیتورینگ
• 88. مانیتورینگ عملکرد برنامه
• 89. جمع‌آوری لاگ‌ها (Logging)
• 90. مقدمه‌ای بر اصول DevOps
• 91. فرهنگ DevOps
• 92. ابزارهای کلیدی DevOps
• 93. مقدمه‌ای بر توسعهٔ پایدار
• 94. ملاحظات زیست‌محیطی در توسعهٔ وب
• 95. بهینه‌سازی مصرف انرژی در سرورها
• 96. آیندهٔ توسعهٔ وب
• 97. روندهای نوظهور در React
• 98. ملاحظات نهایی و جمع‌بندی پروژه
• 99. آماده‌سازی برای استقرار نهایی