دوره آموزش جامع و کاربردی کتاب Pro React برای توسعه واسط کاربری مدرن همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش جامع و کاربردی کتاب Pro React برای توسعه واسط کاربری مدرن

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

موضوع میانی: توسعه وب و برنامه‌نویسی سمت کاربر (Frontend)

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

• 1. مقدمه‌ای بر توسعه واسط کاربری مدرن
• 2. آشنایی با اکوسیستم React
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. مفاهیم پایه‌ای JSX
• 5. ساخت اولین کامپوننت React
• 6. مدیریت وضعیت (State) در کامپوننت‌ها
• 7. Props: انتقال داده بین کامپوننت‌ها
• 8. رندر شرطی در React
• 9. لیست‌ها و کلیدها در React
• 10. مدیریت فرم‌ها در React
• 11. هوک‌های React: useState
• 12. هوک‌های React: useEffect
• 13. کار با رویدادها در React
• 14. چرخه حیات کامپوننت‌ها (کلاس)
• 15. درک کامپوننت‌های تابعی
• 16. هوک‌های سفارشی (Custom Hooks)
• 17. context API برای مدیریت وضعیت سراسری
• 18. Redux: مقدمه‌ای بر مدیریت وضعیت پیچیده
• 19. نصب و پیکربندی Redux
• 20. اکشن‌ها و ریدوسرها در Redux
• 21. اتصال React به Redux
• 22. React Router برای مسیریابی سمت کاربر
• 23. تنظیمات اولیه React Router
• 24. تعریف مسیرها و لینک‌ها
• 25. پارامترهای مسیر (Route Parameters)
• 26. مسیرهای تودرتو (Nested Routes)
• 27. بارگذاری داده‌ها در React Router
• 28. مقایسه React Router با روش‌های دیگر
• 29. آشنایی با استایل‌دهی در React
• 30. CSS Modules برای استایل‌دهی ماژولار
• 31. Styled Components برای استایل‌دهی با JavaScript
• 32. استفاده از کتابخانه‌های UI (مانند Material-UI)
• 33. اصول طراحی واسط کاربری واکنش‌گرا
• 34. مبانی طراحی ریسپانسیو در React
• 35. استفاده از Grid و Flexbox
• 36. تست واحد کامپوننت‌ها
• 37. کتابخانه Jest برای تست‌نویسی
• 38. آشنایی با React Testing Library
• 39. نوشتن اولین تست واحد
• 40. تست تعاملات کاربر
• 41. تست رندرینگ کامپوننت‌ها
• 42. مقدمه‌ای بر Server-Side Rendering (SSR)
• 43. Next.js: فریم‌ورک React برای SSR
• 44. نصب و راه‌اندازی Next.js
• 45. صفحات در Next.js
• 46. مسیریابی در Next.js
• 47. دریافت داده‌ها در Next.js (getServerSideProps)
• 48. بهینه‌سازی عملکرد در React
• 49. Memoization و useCallback
• 50. Lazy Loading و Code Splitting
• 51. کار با APIها در React
• 52. Fetch API و Axios
• 53. مدیریت خطا در درخواست‌های API
• 54. اصول دسترسی‌پذیری (Accessibility) در وب
• 55. پیاده‌سازی ARIA attributes
• 56. استفاده از ابزارهای تست دسترسی‌پذیری
• 57. مقدمه‌ای بر PWA (Progressive Web Apps)
• 58. تبدیل اپلیکیشن React به PWA
• 59. Service Workers در PWA
• 60. امنیت در توسعه واسط کاربری
• 61. حفاظت در برابر XSS
• 62. مدیریت صحیح کوکی‌ها و Sessionها
• 63. مقدمه‌ای بر TypeScript
• 64. نصب و پیکربندی TypeScript در React
• 65. انواع داده‌ها و رابط‌ها (Interfaces) در TypeScript
• 66. استفاده از TypeScript با هوک‌ها
• 67. مدیریت وضعیت پیشرفته با Redux Toolkit
• 68. نصب و پیکربندی Redux Toolkit
• 69. ایجاد Sliceها و Reducerها
• 70. استفاده از createAsyncThunk
• 71. ارتباط با Backend با استفاده از Redux Toolkit
• 72. مقدمه‌ای بر GraphQL
• 73. Apollo Client برای مدیریت GraphQL در React
• 74. نوشتن Queryها و Mutationها
• 75. مدیریت Cache در Apollo Client
• 76. کار با Formik برای مدیریت فرم‌های پیچیده
• 77. احراز هویت کاربر در سمت کاربر
• 78. پیاده‌سازی لاگین و ثبت‌نام
• 79. مدیریت توکن‌های احراز هویت
• 80. استفاده از Context API برای وضعیت احراز هویت
• 81. مقدمه‌ای بر Micro Frontends
• 82. کاربرد Micro Frontends در پروژه‌های بزرگ
• 83. چالش‌ها و راهکارهای Micro Frontends
• 84. استقرار (Deployment) اپلیکیشن React
• 85. استفاده از Netlify و Vercel
• 86. کانفیگ CI/CD برای React
• 87. بهترین شیوه‌ها در توسعه React
• 88. اصول SOLID در توسعه کامپوننت
• 89. مدیریت وابستگی‌ها
• 90. مقدمه‌ای بر معماری نرم‌افزار در React
• 91. الگوهای طراحی رایج
• 92. بررسی الگوهای معماری مدرن
• 93. مباحث پیشرفته در React Router
• 94. مدیریت وضعیت مسیریابی
• 95. لایه بندی مسیرها
• 96. مقدمه‌ای بر تست E2E (End-to-End)
• 97. استفاده از Cypress برای تست E2E
• 98. نوشتن سناریوهای تست E2E
• 99. بهینه‌سازی پایگاه دانش React
• 100. تمرین‌های عملی و پروژه‌های کاربردی