فلش‌کارت‌های آموزشی آموزش جامع React.js برای ساخت رابط‌های کاربری پویا

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

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

عنوان دوره: دوره آموزش جامع React.js برای ساخت رابط‌های کاربری پویا

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

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

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

• 1. مقدمه‌ای بر توسعه رابط کاربری
• 2. آشنایی با مفاهیم اصلی React
• 3. نصب و پیکربندی محیط توسعه React
• 4. ساختار پروژه React
• 5. کامپوننت‌ها در React: مبانی
• 6. ساخت اولین کامپوننت تابعی
• 7. مدیریت وضعیت (State) در کامپوننت‌ها
• 8. هوک‌های React: useState
• 9. هوک‌های React: useEffect
• 10. مدیریت رویدادها در React
• 11. کار با Props برای انتقال داده
• 12. رندر کردن لیست‌ها در React
• 13. شرطی‌سازی رندرینگ در React
• 14. کار با فرم‌ها در React
• 15. کنترل شده و غیرکنترل شده در React
• 16. مفهوم Context API
• 17. استفاده از Context API
• 18. هوک‌های سفارشی (Custom Hooks)
• 19. آشنایی با React Router
• 20. مسیریابی در برنامه‌های React
• 21. پارامترهای مسیر و Query Parameters
• 22. لینک‌های ناوبری
• 23. کامپوننت‌های High-Order Components (HOCs)
• 24. نکات پیشرفته در HOCs
• 25. Render Props Pattern
• 26. مقایسه HOCs و Render Props
• 27. مدیریت وضعیت پیشرفته با Redux
• 28. مبانی Redux: Actions, Reducers, Store
• 29. اتصال React به Redux
• 30. React-Redux Hooks
• 31. Redux Toolkit
• 32. ساخت اپلیکیشن‌های پیچیده‌تر با Redux
• 33. مبانی React Query
• 34. مدیریت داده‌های سرور با React Query
• 35. حالت‌های بارگذاری و خطا در React Query
• 36. کش کردن داده‌ها با React Query
• 37. بهینه‌سازی درخواست‌های شبکه
• 38. مبانی TypeScript در React
• 39. استفاده از TypeScript با کامپوننت‌های تابعی
• 40. تعریف Props با TypeScript
• 41. مدیریت وضعیت با TypeScript
• 42. آشنایی با Jest برای تست واحد
• 43. نوشتن تست‌های واحد برای کامپوننت‌ها
• 44. تست تعاملات کاربر
• 45. استفاده از React Testing Library
• 46. تست E2E با Cypress
• 47. مقدمه‌ای بر Server-Side Rendering (SSR)
• 48. Next.js: چارچوب SSR
• 49. ساخت صفحات ایستا با Next.js
• 50. ساخت صفحات دینامیک با Next.js
• 51. API Routes در Next.js
• 52. استقرار برنامه‌های React
• 53. بهینه‌سازی عملکرد برنامه‌های React
• 54. Memoization در React
• 55. Lazy Loading و Code Splitting
• 56. استفاده از Webpack برای Bundle Optimization
• 57. مقدمه‌ای بر React Native
• 58. ساخت اپلیکیشن‌های موبایل با React Native
• 59. مبانی کامپوننت‌های React Native
• 60. کار با استایل‌دهی در React Native
• 61. ناوبری در React Native
• 62. مدیریت وضعیت در React Native
• 63. مقدمه‌ای بر GraphQL
• 64. استفاده از Apollo Client در React
• 65. ساخت API با GraphQL
• 66. مبانی طراحی UI/UX در React
• 67. اصول طراحی واکنش‌گرا
• 68. استفاده از کتابخانه‌های UI (مانند Material-UI)
• 69. استایل‌دهی CSS-in-JS
• 70. مفاهیم Accessibility در وب
• 71. پیاده‌سازی Accessibility در React
• 72. استفاده از ابزارهای توسعه‌دهنده React
• 73. دیباگ کردن برنامه‌های React
• 74. مدیریت خطاها در برنامه‌های React
• 75. پشتیبان‌گیری از کد با Git
• 76. کار با GitHub/GitLab
• 77. اصول SOLID در توسعه نرم‌افزار
• 78. الگوهای طراحی در React
• 79. مقدمه‌ای بر معماری میکروسرویس‌ها
• 80. ارتباط بین کامپوننت‌ها و سرویس‌ها
• 81. مدیریت وابستگی‌ها
• 82. مقدمه‌ای بر CI/CD
• 83. پیاده‌سازی CI/CD برای برنامه‌های React
• 84. مباحث امنیت در توسعه وب
• 85. مدیریت توکن‌های احراز هویت
• 86. اصول برنامه‌نویسی امن
• 87. مقدمه‌ای بر WebAssembly
• 88. کاربرد WebAssembly در React
• 89. مباحث پیشرفته در JavaScript
• 90. مفاهیم Async/Await
• 91. Generator Functions
• 92. Proxies و Reflect API
• 93. مقدمه‌ای بر PWA (Progressive Web Apps)
• 94. تبدیل اپلیکیشن React به PWA
• 95. Service Workers
• 96. Caching Strategies
• 97. مبانی Big Data و کاربرد آن
• 98. مقدمه‌ای بر هوش مصنوعی در توسعه وب
• 99. استفاده از React با کتابخانه‌های ML
• 100. مبانی Blockchain و کاربرد آن