فلش‌کارت‌های آموزشی راه‌اندازی پروژه‌های مدرن با React.js: از صفر تا صد

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

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

عنوان دوره: دوره راه‌اندازی پروژه‌های مدرن با React.js: از صفر تا صد

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. آشنایی با مفاهیم پایه‌ای فرانت‌اند
• 3. چرا React.js؟ مزایا و کاربردها
• 4. نصب و پیکربندی محیط توسعهٔ Node.js
• 5. مدیریت بسته‌های نرم‌افزاری با npm
• 6. آشنایی با Yarn و مزایای آن
• 7. مقدمه‌ای بر ابزارهای ساخت پروژه
• 8. معرفی Create React App
• 9. راه‌اندازی اولین پروژه با Create React App
• 10. ساختار پوشه‌ها و فایل‌های پروژه React
• 11. مفاهیم JSX و سینتکس آن
• 12. ساخت اولین کامپوننت در React
• 13. انواع کامپوننت‌ها: تابع و کلاس
• 14. مدیریت وضعیت (State) در کامپوننت‌ها
• 15. تغییر وضعیت و بازسازی UI
• 16. ارسال خصوصیات (Props) به کامپوننت‌ها
• 17. مدیریت Props و جلوگیری از خطا
• 18. چرخهٔ حیات کامپوننت‌های کلاس
• 19. متدهای چرخهٔ حیات: `componentDidMount`
• 20. متدهای چرخهٔ حیات: `componentDidUpdate`
• 21. متدهای چرخهٔ حیات: `componentWillUnmount`
• 22. مقدمه‌ای بر کامپوننت‌های تابعی و Hooks
• 23. هوک `useState` برای مدیریت وضعیت
• 24. هوک `useEffect` برای اثرات جانبی
• 25. مدیریت فرم‌ها در React
• 26. کنترل شده در مقابل غیرکنترل شده
• 27. اعتبارسنجی ورودی‌های فرم
• 28. مسیریابی (Routing) در برنامه‌های React
• 29. معرفی React Router
• 30. نصب و پیکربندی React Router
• 31. تعریف مسیرهای پایه
• 32. ارسال پارامتر در URL
• 33. مسیریابی تو در تو
• 34. لینک‌دهی در React
• 35. مفهوم Context API
• 36. استفاده از Context برای مدیریت وضعیت سراسری
• 37. ایجاد Provider و Consumer
• 38. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 39. معرفی Redux
• 40. نصب و پیکربندی Redux
• 41. مفاهیم Action, Reducer, Store
• 42. اتصال React به Redux
• 43. استفاده از `connect`
• 44. مقدمه‌ای بر Hooks در Redux
• 45. هوک `useSelector`
• 46. هوک `useDispatch`
• 47. مدیریت داده‌های API در React
• 48. انجام درخواست‌های HTTP با `fetch`
• 49. استفاده از `axios` برای درخواست‌های API
• 50. مدیریت وضعیت بارگذاری و خطا
• 51. نمایش داده‌های دریافت شده
• 52. مقدمه‌ای بر تست نویسی در React
• 53. انواع تست‌ها: واحد، ادغام، End-to-End
• 54. معرفی Jest و React Testing Library
• 55. نوشتن تست‌های واحد برای کامپوننت‌ها
• 56. تست تعاملات کاربر
• 57. مقدمه‌ای بر استایل‌دهی در React
• 58. استایل‌دهی درون‌خطی (Inline Styling)
• 59. استفاده از فایل‌های CSS مجزا
• 60. CSS Modules
• 61. Styled Components
• 62. مقدمه‌ای بر کتابخانه‌های UI
• 63. معرفی Material-UI
• 64. نصب و استفاده از کامپوننت‌های Material-UI
• 65. معرفی Ant Design
• 66. نصب و استفاده از کامپوننت‌های Ant Design
• 67. بهینه‌سازی عملکرد برنامه‌های React
• 68. مفهوم Memoization
• 69. استفاده از `React.memo`
• 70. هوک `useMemo` و `useCallback`
• 71. Lazy Loading و Code Splitting
• 72. مقدمه‌ای بر Server-Side Rendering (SSR)
• 73. معرفی Next.js
• 74. راه‌اندازی پروژه با Next.js
• 75. مفاهیم SSR و SSG در Next.js
• 76. مقدمه‌ای بر TypeScript در React
• 77. چرا TypeScript؟
• 78. نصب و پیکربندی TypeScript
• 79. استفاده از Typeها در کامپوننت‌ها
• 80. استفاده از Typeها در Props و State
• 81. مقدمه‌ای بر GraphQL
• 82. مقایسه GraphQL با REST API
• 83. نصب و پیکربندی Apollo Client
• 84. انجام Queryها و Mutationها
• 85. مدیریت خطا در GraphQL
• 86. امنیت در برنامه‌های وب React
• 87. ملاحظات امنیتی رایج
• 88. جلوگیری از XSS Attacks
• 89. مدیریت امن توکن‌ها
• 90. بهترین شیوه‌ها در توسعهٔ React
• 91. اصول SOLID در React
• 92. کدنویسی خوانا و قابل نگهداری
• 93. مستندسازی کد
• 94. مقدمه‌ای بر ابزارهای توسعه
• 95. استفاده از React Developer Tools
• 96. اشکال‌زدایی (Debugging) پیشرفته
• 97. مقدمه‌ای بر معماری برنامه‌های بزرگ
• 98. تقسیم‌بندی برنامه به ماژول‌ها
• 99. مدیریت وابستگی‌ها
• 100. نگهداری و به‌روزرسانی پروژه‌ها