دوره راه‌اندازی و پیکربندی پروژه‌های React برای ساخت رابط‌های کاربری پویا همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره راه‌اندازی و پیکربندی پروژه‌های React برای ساخت رابط‌های کاربری پویا

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. اصول اولیهٔ React
• 3. ساختار پروژهٔ React
• 4. نصب و راه‌اندازی Node.js و npm
• 5. ایجاد اولین پروژهٔ React با Create React App
• 6. آشنایی با فایل‌های اصلی پروژه
• 7. مفاهیم JSX
• 8. رندر کردن عناصر در DOM
• 9. کامپوننت‌های تابعی (Functional Components)
• 10. کامپوننت‌های کلاسی (Class Components)
• 11. Props در React
• 12. State در React
• 13. مدیریت State با useState Hook
• 14. مدیریت State با useReducer Hook
• 15. استفاده از Context API برای مدیریت State سراسری
• 16. ارتباط بین کامپوننت‌ها
• 17. رویدادها در React (Event Handling)
• 18. کار با فرم‌ها در React
• 19. اعتبارسنجی فرم‌ها
• 20. لیست‌ها و کلیدها (Lists and Keys)
• 21. شرطی‌سازی رندر (Conditional Rendering)
• 22. چرخهٔ عمر کامپوننت‌های کلاسی
• 23. هوک‌های React: useEffect
• 24. هوک‌های React: useContext
• 25. هوک‌های React: useRef
• 26. هوک‌های React: useMemo
• 27. هوک‌های React: useCallback
• 28. طراحی رابط کاربری با CSS در React
• 29. استفاده از CSS Modules
• 30. استفاده از Styled Components
• 31. استفاده از کتابخانه‌های UI (مانند Material-UI)
• 32. مسیریابی در برنامه‌های React (React Router)
• 33. ایجاد مسیرهای پویا
• 34. مدیریت پارامترهای مسیر
• 35. مسیریابی تو در تو
• 36. رندر کردن از طریق مسیر (Route Rendering)
• 37. انتقال داده بین مسیرها
• 38. حفاظت از مسیرها (Route Protection)
• 39. مدیریت خطا در مسیریابی
• 40. مفاهیم اولیهٔ Redux
• 41. اتصال React به Redux
• 42. استفاده از Redux Toolkit
• 43. طراحی State با Redux Toolkit
• 44. ساخت Reducers با Redux Toolkit
• 45. ساخت Actions با Redux Toolkit
• 46. استفاده از Selectors
• 47. مدیریت Side Effects با Redux Thunk
• 48. مدیریت Side Effects با Redux Saga
• 49. تست واحد کامپوننت‌ها
• 50. تست یکپارچگی
• 51. استفاده از Jest برای تست
• 52. استفاده از React Testing Library
• 53. نوشتن تست‌های End-to-End
• 54. مقدمه‌ای بر API ها
• 55. دریافت داده از API با fetch
• 56. دریافت داده از API با Axios
• 57. مدیریت وضعیت بارگذاری و خطا
• 58. ارسال داده به API
• 59. استفاده از GraphQL با React
• 60. مقدمه‌ای بر Server-Side Rendering (SSR)
• 61. استفاده از Next.js برای SSR
• 62. تنظیمات اولیهٔ Next.js
• 63. مسیریابی در Next.js
• 64. رندر کردن داده‌ها در Next.js
• 65. بهینه‌سازی عملکرد برنامه‌های React
• 66. Lazy Loading کامپوننت‌ها
• 67. Code Splitting
• 68. Performance Profiling
• 69. استفاده از Web Workers
• 70. امنیت در برنامه‌های React
• 71. جلوگیری از حملات XSS
• 72. مدیریت احراز هویت (Authentication)
• 73. مدیریت مجوزها (Authorization)
• 74. مقدمه‌ای بر PWA (Progressive Web Apps)
• 75. فعال‌سازی PWA در React
• 76. استفاده از Service Workers
• 77. ذخیره‌سازی داده‌ها در مرورگر (Local Storage, Session Storage)
• 78. استفاده از IndexedDB
• 79. مقدمه‌ای بر CI/CD (Continuous Integration/Continuous Deployment)
• 80. تنظیمات اولیهٔ CI/CD
• 81. استفاده از GitHub Actions
• 82. استفاده از GitLab CI
• 83. استقرار برنامه بر روی سرور (مانند Vercel, Netlify)
• 84. پیکربندی محیط‌های مختلف (Development, Staging, Production)
• 85. مدیریت متغیرهای محیطی
• 86. اصول طراحی رابط کاربری (UI Design Principles)
• 87. اصول تجربهٔ کاربری (UX Design Principles)
• 88. استانداردهای دسترسی‌پذیری (Accessibility Standards)
• 89. استفاده از SVG در React
• 90. انیمیشن در React
• 91. مقدمه‌ای بر TypeScript
• 92. نصب و پیکربندی TypeScript
• 93. استفاده از Type ها در React
• 94. مدیریت State با TypeScript
• 95. کار با Props با TypeScript
• 96. توسعهٔ کامپوننت‌های قابل استفاده مجدد
• 97. الگوهای طراحی در React
• 98. مقدمه‌ای بر Micro Frontends
• 99. معماری Micro Frontends
• 100. مزایا و معایب Micro Frontends