فلش‌کارت‌های آموزشی اصول بنیادین توسعه وب با ری‌اکت (React) برای متخصصان نرم‌افزار

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

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

عنوان دوره: دوره اصول بنیادین توسعه وب با ری‌اکت (React) برای متخصصان نرم‌افزار

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

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

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

• 1. مقدمه‌ای بر توسعه وب و ری‌اکت
• 2. مفاهیم کلیدی جاوااسکریپت برای ری‌اکت
• 3. ساختار پروژه‌های ری‌اکت
• 4. کامپوننت‌ها و JSX
• 5. مدیریت وضعیت (State) در کامپوننت‌ها
• 6. Props و انتقال داده‌ها
• 7. چرخه حیات کامپوننت‌ها
• 8. هوک‌های ری‌اکت: useState
• 9. هوک‌های ری‌اکت: useEffect
• 10. کار با فرم‌ها در ری‌اکت
• 11. لیست‌ها و کلیدها در ری‌اکت
• 12. مدیریت رویدادها
• 13. استایل‌دهی به کامپوننت‌ها (Inline Styles)
• 14. استایل‌دهی با CSS Modules
• 15. استایل‌دهی با Styled Components
• 16. مقدمه‌ای بر Context API
• 17. استفاده از Context API برای مدیریت وضعیت سراسری
• 18. هوک‌های سفارشی (Custom Hooks)
• 19. مقدمه‌ای بر React Router
• 20. پیکربندی مسیرها (Routes)
• 21. لینک‌دهی و ناوبری (Navigation)
• 22. پارامترهای مسیر (Route Parameters)
• 23. مسیرهای تودرتو (Nested Routes)
• 24. بارگذاری داده‌ها (Data Fetching)
• 25. کار با API ها (Fetch API)
• 26. استفاده از Axios برای درخواست‌های HTTP
• 27. مدیریت خطا در بارگذاری داده‌ها
• 28. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 29. Redux Toolkit: اصول اولیه
• 30. ساختار Redux Store
• 31. تعریف Reducers
• 32. ارسال Actions
• 33. استفاده از Selectors
• 34. Redux Thunk برای عملیات ناهمزمان
• 35. مدیریت وضعیت پیچیده با Redux
• 36. مقدمه‌ای بر تست نویسی در ری‌اکت
• 37. تست واحد کامپوننت‌ها
• 38. استفاده از React Testing Library
• 39. نوشتن تست‌های ادغام (Integration Tests)
• 40. مقدمه‌ای بر SSR (Server-Side Rendering)
• 41. Next.js: معرفی و مزایا
• 42. پیکربندی اولیه پروژه Next.js
• 43. صفحات و مسیریابی در Next.js
• 44. بارگذاری داده‌ها در Next.js (getServerSideProps)
• 45. استفاده از API Routes در Next.js
• 46. بهینه‌سازی عملکرد در Next.js
• 47. مقدمه‌ای بر GraphQL
• 48. Apollo Client برای ری‌اکت
• 49. کوئری‌ها و میوتشن‌ها در Apollo Client
• 50. کشینگ (Caching) در Apollo Client
• 51. مدیریت خطا در Apollo Client
• 52. مقدمه‌ای بر TypeScript در ری‌اکت
• 53. پیکربندی TypeScript برای پروژه‌های ری‌اکت
• 54. تعریف انواع (Types) برای Props و State
• 55. نوشتن کامپوننت‌های تایپ‌شده
• 56. مدیریت انواع داده‌ها در Redux با TypeScript
• 57. مقدمه‌ای بر Jest و Enzyme
• 58. تنظیمات Jest برای پروژه‌های ری‌اکت
• 59. نوشتن تست‌های واحد با Enzyme
• 60. تست‌های ادغام با Enzyme
• 61. مقدمه‌ای بر CI/CD برای پروژه‌های وب
• 62. استفاده از GitHub Actions برای CI/CD
• 63. استقرار (Deployment) پروژه‌های ری‌اکت
• 64. استقرار با Vercel
• 65. استقرار با Netlify
• 66. مقدمه‌ای بر اصول طراحی رابط کاربری (UI)
• 67. اصول تجربه کاربری (UX)
• 68. کار با طراحی سیستم‌ها (Design Systems)
• 69. استفاده از کتابخانه‌های کامپوننت (مانند Material-UI)
• 70. پیکربندی Material-UI
• 71. سفارشی‌سازی کامپوننت‌های Material-UI
• 72. مقدمه‌ای بر انیمیشن در ری‌اکت
• 73. استفاده از Framer Motion
• 74. ایجاد انیمیشن‌های پیچیده
• 75. انیمیشن‌های مبتنی بر رویداد
• 76. مقدمه‌ای بر امنیت در برنامه‌های وب
• 77. جلوگیری از حملات XSS
• 78. جلوگیری از حملات CSRF
• 79. مدیریت امن توکن‌ها
• 80. مقدمه‌ای بر معماری نرم‌افزار
• 81. الگوهای طراحی (Design Patterns) در ری‌اکت
• 82. معماری ماژولار در ری‌اکت
• 83. مدیریت وابستگی‌ها (Dependency Management)
• 84. مقدمه‌ای بر بهینه‌سازی پایگاه داده
• 85. اصول اولیه بهینه‌سازی کوئری‌ها
• 86. مقدمه‌ای بر مفاهیم DevOps
• 87. ابزارهای رایج DevOps
• 88. مقدمه‌ای بر امنیت داده‌ها
• 89. رمزنگاری داده‌ها
• 90. مقدمه‌ای بر حریم خصوصی داده‌ها
• 91. قوانین حفاظت از داده‌ها (مانند GDPR)
• 92. مقدمه‌ای بر هوش مصنوعی در توسعه وب
• 93. کاربرد هوش مصنوعی در تست نرم‌افزار
• 94. مقدمه‌ای بر بلاکچین و وب ۳
• 95. کاربرد بلاکچین در برنامه‌های غیرمتمرکز
• 96. مقدمه‌ای بر توسعه پایدار نرم‌افزار
• 97. اصول کدنویسی تمیز (Clean Code)
• 98. بازنگری کد (Code Review)
• 99. مقدمه‌ای بر مدیریت پروژه نرم‌افزار
• 100. متدولوژی‌های چابک (Agile)