دوره آموزش جامع React، Hooks، Router، Redux و Next.js با پروژه‌های کاربردی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش جامع React، Hooks، Router، Redux و Next.js با پروژه‌های کاربردی

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

موضوع میانی: برنامه‌نویسی Front-end با React و فریم‌ورک‌های مرتبط

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

• 1. مقدمه‌ای بر توسعهٔ وب
• 2. آشنایی با اکوسیستم جاوااسکریپت
• 3. مفاهیم پایهٔ React
• 4. ساختار پروژه‌های React
• 5. کامپوننت‌های تابعی (Functional Components)
• 6. استیت (State) در کامپوننت‌ها
• 7. هوک `useState`
• 8. مدیریت فرم‌ها در React
• 9. رویدادها (Events) در React
• 10. شرط‌ها (Conditional Rendering)
• 11. لیست‌ها و کلیدها (Lists and Keys)
• 12. هوک `useEffect` برای اثرات جانبی
• 13. چرخهٔ حیات کامپوننت‌ها (با تمرکز بر Hooks)
• 14. هوک `useContext` برای مدیریت وضعیت سراسری
• 15. مقدمه‌ای بر React Router
• 16. نصب و پیکربندی React Router
• 17. تعریف مسیرها (Routes)
• 18. لینک‌ها و ناوبری (Links and Navigation)
• 19. پارامترهای مسیر (Route Parameters)
• 20. مسیرهای تو در تو (Nested Routes)
• 21. مدیریت خطا در مسیرها (Error Handling)
• 22. استفاده از `useNavigate`
• 23. مقدمه‌ای بر Redux
• 24. نصب و پیکربندی Redux
• 25. مفاهیم اصلی Redux: State، Action، Reducer
• 26. ساخت Reducerها
• 27. ساخت Actionها
• 28. اتصال React به Redux با `react-redux`
• 29. `useSelector` برای خواندن استیت
• 30. `useDispatch` برای ارسال اکشن
• 31. طراحی ساختار Redux برای پروژه‌های متوسط
• 32. مقدمه‌ای بر Next.js
• 33. چرا Next.js؟
• 34. نصب و پیکربندی Next.js
• 35. مفاهیم پایهٔ Next.js: Server-Side Rendering (SSR)
• 36. مفاهیم پایهٔ Next.js: Static Site Generation (SSG)
• 37. مفاهیم پایهٔ Next.js: Incremental Static Regeneration (ISR)
• 38. مسیریابی در Next.js
• 39. صفحات (Pages) در Next.js
• 40. لینک‌ها در Next.js
• 41. دریافت داده در سمت سرور (`getServerSideProps`)
• 42. دریافت داده در زمان ساخت (`getStaticProps`)
• 43. دریافت داده در زمان ساخت با پارامتر (`getStaticPaths`)
• 44. API Routes در Next.js
• 45. استایل‌دهی در Next.js (CSS Modules, Styled Components)
• 46. مدیریت تصاویر در Next.js (`next/image`)
• 47. بهینه‌سازی برنامه‌های Next.js
• 48. مقدمه‌ای بر طراحی پایگاه دادهٔ رابطه‌ای
• 49. مفاهیم SQL پایه
• 50. طراحی جداول و روابط
• 51. قوانین نرمال‌سازی پایگاه داده
• 52. مقدمه‌ای بر پایگاه دادهٔ NoSQL
• 53. انتخاب پایگاه دادهٔ مناسب
• 54. مقدمه‌ای بر RESTful API
• 55. اصول طراحی APIهای RESTful
• 56. روش‌های HTTP (GET, POST, PUT, DELETE)
• 57. کدهای وضعیت HTTP
• 58. طراحی ساختار داده برای API
• 59. مستندسازی API
• 60. مقدمه‌ای بر احراز هویت (Authentication)
• 61. روش‌های رایج احراز هویت
• 62. Token-Based Authentication (JWT)
• 63. پیاده‌سازی احراز هویت با JWT
• 64. مدیریت نشست (Session Management)
• 65. مقدمه‌ای بر مجوزدهی (Authorization)
• 66. نقش‌ها و سطوح دسترسی
• 67. پیاده‌سازی مجوزدهی مبتنی بر نقش
• 68. ملاحظات امنیتی در توسعهٔ وب
• 69. حفاظت در برابر حملات XSS
• 70. حفاظت در برابر حملات CSRF
• 71. اعتبارسنجی ورودی‌ها (Input Validation)
• 72. امنیت پایگاه داده
• 73. رمزنگاری داده‌ها
• 74. مقدمه‌ای بر DevOps
• 75. مفاهیم CI/CD
• 76. استفاده از Docker برای کانتینرسازی
• 77. استفاده از ابزارهای مانیتورینگ
• 78. بهینه‌سازی عملکرد برنامه‌های وب
• 79. تنظیمات سرور
• 80. کشینگ (Caching) در سمت سرور و کلاینت
• 81. فشرده‌سازی داده‌ها
• 82. استفاده از CDN
• 83. مقدمه‌ای بر معماری میکروسرویس (با رویکرد سازگار)
• 84. مزایا و چالش‌های معماری میکروسرویس
• 85. استفاده از ابزارهای تحلیل کد
• 86. مقدمه‌ای بر تست واحد (Unit Testing)
• 87. مقدمه‌ای بر تست یکپارچه‌سازی (Integration Testing)
• 88. مقدمه‌ای بر تست E2E (End-to-End Testing)
• 89. ابزارهای تست در React
• 90. نوشتن تست‌های موثر
• 91. مدیریت خطا و لاگینگ در برنامه‌های بزرگ
• 92. طراحی UI/UX کاربرپسند
• 93. اصول دسترسی‌پذیری (Accessibility)
• 94. ملاحظات فرهنگی در طراحی رابط کاربری
• 95. مقدمه‌ای بر برنامه‌های Progressive Web Apps (PWA)
• 96. استفاده از Service Workers
• 97. طراحی PWA با React
• 98. مقدمه‌ای بر GraphQL (با رویکرد سازگار)
• 99. مقایسهٔ GraphQL با REST
• 100. ساختار کوئری در GraphQL