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

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

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

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

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

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

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

• 1. مقدمه‌ای بر توسعه وب و ری‌اکت
• 2. نصب و راه‌اندازی محیط توسعه ری‌اکت
• 3. مفاهیم پایه کامپوننت‌ها در ری‌اکت
• 4. JSX: سینتکس توسعه‌یافته جاوااسکریپت
• 5. Props: انتقال داده‌ها بین کامپوننت‌ها
• 6. State: مدیریت وضعیت داخلی کامپوننت
• 7. هوک‌های ری‌اکت: معرفی useState
• 8. کاربرد useEffect برای مدیریت اثرات جانبی
• 9. شرطی‌سازی رندرینگ در ری‌اکت
• 10. لیست‌ها و کلیدها در ری‌اکت
• 11. مدیریت فرم‌ها در ری‌اکت
• 12. احضار داده‌ها از API در ری‌اکت
• 13. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 14. هوک useReducer برای مدیریت وضعیت پیچیده
• 15. Context API برای اشتراک‌گذاری وضعیت
• 16. مقدمه‌ای بر مسیریابی در برنامه‌های تک‌صفحه‌ای
• 17. React Router: نصب و پیکربندی
• 18. تعریف مسیرها و لینک‌ها در React Router
• 19. پارامترهای مسیر و جستجو
• 20. مسیریابی محافظت‌شده (Protected Routes)
• 21. مقدمه‌ای بر طراحی رابط کاربری
• 22. کامپوننت‌های UI کتابخانه‌ای
• 23. استفاده از Material-UI در ری‌اکت
• 24. استفاده از Ant Design در ری‌اکت
• 25. مقدمه‌ای بر مدیریت داده‌ها
• 26. Redux: اصول و مفاهیم پایه
• 27. نصب و راه‌اندازی Redux
• 28. Actions و Reducers در Redux
• 29. Connect کردن کامپوننت‌ها با Redux
• 30. Selectors برای استخراج داده از Redux
• 31. Redux Toolkit: ساده‌سازی Redux
• 32. مقدمه‌ای بر تست در ری‌اکت
• 33. تست واحد کامپوننت‌ها با Jest
• 34. تست یکپارچگی با React Testing Library
• 35. Mock کردن API ها در تست‌ها
• 36. اصول توسعه نرم‌افزار امن
• 37. ملاحظات امنیتی در توسعه وب
• 38. جلوگیری از حملات XSS در ری‌اکت
• 39. جلوگیری از حملات CSRF در ری‌اکت
• 40. مدیریت احراز هویت و مجوزها
• 41. پیاده‌سازی احراز هویت با JWT
• 42. مدیریت توکن‌ها در سمت کلاینت
• 43. نکات بهینه‌سازی عملکرد در ری‌اکت
• 44. Memoization با React.memo
• 45. استفاده از useMemo و useCallback
• 46. Code Splitting برای بارگذاری تدریجی
• 47. Lazy Loading کامپوننت‌ها
• 48. Server-Side Rendering (SSR) با Next.js
• 49. مقدمه‌ای بر Next.js
• 50. مسیریابی در Next.js
• 51. رندرینگ در Next.js
• 52. API Routes در Next.js
• 53. مدیریت داده‌ها در Next.js
• 54. استقرار برنامه‌های ری‌اکت
• 55. استقرار با Netlify
• 56. استقرار با Vercel
• 57. استقرار با Firebase Hosting
• 58. مقدمه‌ای بر TypeScript در ری‌اکت
• 59. نصب و پیکربندی TypeScript
• 60. انواع داده‌ها و رابط‌ها در TypeScript
• 61. استفاده از TypeScript با هوک‌ها
• 62. مقدمه‌ای بر GraphQL
• 63. مقایسه GraphQL با REST
• 64. نصب Apollo Client
• 65. کوئری‌ها و میوتشن‌ها در GraphQL
• 66. مدیریت وضعیت با Apollo Client
• 67. مقدمه‌ای بر تست‌های End-to-End
• 68. تست E2E با Cypress
• 69. نوشتن تست‌های E2E
• 70. تحلیل و بهبود کد
• 71. Code Review و بهترین روش‌ها
• 72. مستندسازی پروژه
• 73. مقدمه‌ای بر معماری نرم‌افزار
• 74. الگوهای طراحی در ری‌اکت
• 75. مدیریت حالت‌های پیچیده با Zustand
• 76. مدیریت حالت‌های پیچیده با Jotai
• 77. مقدمه‌ای بر طراحی واکنش‌گرا
• 78. پیاده‌سازی طراحی واکنش‌گرا در ری‌اکت
• 79. نکات پیشرفته در استفاده از CSS Modules
• 80. استفاده از Styled Components
• 81. مقدمه‌ای بر Web Accessibility (دسترسی‌پذیری وب)
• 82. اهمیت دسترسی‌پذیری در برنامه‌های وب
• 83. پیاده‌سازی ARIA attributes
• 84. تست دسترسی‌پذیری با ابزارها
• 85. مقدمه‌ای بر Micro Frontends
• 86. مزایا و چالش‌های Micro Frontends
• 87. استفاده از Module Federation
• 88. مقدمه‌ای بر Progressive Web Apps (PWA)
• 89. قابلیت‌های PWA
• 90. پیاده‌سازی Service Workers
• 91. کار با Cache API
• 92. ساخت اپلیکیشن‌های آفلاین
• 93. مقدمه‌ای بر CI/CD در پروژه‌های ری‌اکت
• 94. تنظیمات اولیه CI/CD
• 95. استفاده از GitHub Actions
• 96. استفاده از GitLab CI
• 97. مقدمه‌ای بر ابزارهای توسعه
• 98. Webpack: پیکربندی و مفاهیم
• 99. Babel: ترنسپایل کردن کد
• 100. ESLint: بررسی کیفیت کد