اپلیکیشن اندرویدی فلش‌کارت آموزشی مقدمه‌ای بر توسعه واسط کاربری با React.js (مبتنی بر اصول و چارچوب‌های فنی)

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

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

عنوان دوره: دوره مقدمه‌ای بر توسعه واسط کاربری با React.js (مبتنی بر اصول و چارچوب‌های فنی)

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

موضوع میانی: توسعه واسط کاربری (Front-end Development)

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

• 1. مقدمه‌ای بر توسعه واسط کاربری
• 2. مفاهیم پایه‌ای HTML
• 3. کاربرد CSS در طراحی واسط کاربری
• 4. اصول جاوااسکریپت برای توسعه وب
• 5. معرفی کتابخانه React
• 6. چرا React؟ مزایا و ویژگی‌ها
• 7. نصب و راه‌اندازی محیط توسعه React
• 8. ساختار پروژه React
• 9. کامپوننت‌ها در React
• 10. JSX: نحو و کاربرد
• 11. Props: انتقال داده بین کامپوننت‌ها
• 12. State: مدیریت وضعیت داخلی کامپوننت
• 13. رویدادها در React
• 14. شرطی‌سازی رندرینگ
• 15. لیست‌ها و کلیدها در React
• 16. فرم‌ها و ورودی‌ها در React
• 17. هوک‌های React: معرفی
• 18. هوک useState
• 19. هوک useEffect
• 20. هوک useContext
• 21. مدیریت وضعیت در کامپوننت‌های تابعی
• 22. رندرینگ سمت سرور (SSR) با React
• 23. مقدمه‌ای بر React Router
• 24. مسیریابی در برنامه‌های React
• 25. لینک‌ها و ناوبری
• 26. پارامترهای مسیر
• 27. کوئری پارامترها
• 28. مسیرهای تو در تو
• 29. رندرینگ شرطی در مسیریابی
• 30. مسیرهای محافظت شده
• 31. کامپوننت‌های High-Order Components (HOC)
• 32. تکنیک‌های پیشرفته کامپوننت
• 33. Composition vs Inheritance
• 34. Custom Hooks
• 35. مدیریت فرم‌های پیچیده
• 36. اعتبارسنجی فرم‌ها
• 37. مدیریت خطا در برنامه‌های React
• 38. اصول طراحی واکنش‌گرا (Responsive Design)
• 39. استفاده از CSS Frameworks (مانند Bootstrap)
• 40. استفاده از CSS Modules
• 41. Styled Components
• 42. مدیریت استایل‌ها در React
• 43. معرفی Redux (برای مدیریت وضعیت سراسری)
• 44. مفاهیم پایه‌ای Redux
• 45. Actions
• 46. Reducers
• 47. Store
• 48. Connect (نمایشی)
• 49. Dispatch
• 50. Selectors
• 51. Redux Toolkit
• 52. مقدمه‌ای بر Context API
• 53. مقایسه Context API و Redux
• 54. مدیریت وضعیت با Context API
• 55. استفاده از هوک‌های سفارشی برای مدیریت وضعیت
• 56. اصول تست‌نویسی در React
• 57. معرفی Jest
• 58. معرفی React Testing Library
• 59. نوشتن تست‌های واحد برای کامپوننت‌ها
• 60. نوشتن تست‌های یکپارچگی
• 61. انواع تست‌ها
• 62. Mocking
• 63. اصول بهینه‌سازی عملکرد (Performance Optimization)
• 64. Memoization
• 65. React.memo
• 66. useCallback
• 67. useMemo
• 68. Code Splitting
• 69. Lazy Loading
• 70. Bundling
• 71. Web Workers
• 72. اصول دسترسی‌پذیری (Accessibility)
• 73. WAI-ARIA
• 74. Semantic HTML
• 75. Keyboard Navigation
• 76. Color Contrast
• 77. Testing Accessibility
• 78. معرفی GraphQL (به عنوان جایگزین REST)
• 79. مفاهیم پایه‌ای GraphQL
• 80. Queries
• 81. Mutations
• 82. Subscriptions
• 83. Apollo Client
• 84. مدیریت داده با Apollo Client
• 85. Caching در Apollo Client
• 86. Fetch Policies
• 87. Error Handling در GraphQL
• 88. مقدمه‌ای بر TypeScript در React
• 89. مزایای TypeScript
• 90. Type Definitions
• 91. Interfaces
• 92. Generics
• 93. Working with Hooks in TypeScript
• 94. Working with Components in TypeScript
• 95. Deploying React Applications
• 96. Build Process
• 97. Static Site Hosting
• 98. Server-Side Rendering Deployment
• 99. CI/CD Pipelines
• 100. Containerization (Docker)