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

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

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

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

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

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

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

• 1. مقدمه‌ای بر توسعه وب و React.js
• 2. نصب و راه‌اندازی محیط توسعه
• 3. آشنایی با JSX و سینتکس آن
• 4. ایجاد اولین کامپوننت React
• 5. کار با Props برای انتقال داده
• 6. State در کامپوننت‌ها و مدیریت آن
• 7. رویدادها و مدیریت تعاملات کاربر
• 8. لیست‌ها و کلیدها در React
• 9. شرطی‌سازی در رندرینگ کامپوننت‌ها
• 10. فرم‌ها و مدیریت ورودی‌ها
• 11. هوک‌های React: useState
• 12. هوک‌های React: useEffect
• 13. کار با Context API برای مدیریت وضعیت سراسری
• 14. مقدمه‌ای بر Routing در React
• 15. استفاده از React Router DOM
• 16. تعریف مسیرهای دینامیک
• 17. ناوبری و لینک‌ها در React Router
• 18. کامپوننت‌های محافظت شده (Protected Routes)
• 19. مدیریت خطا در Routing
• 20. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 21. معرفی Redux Toolkit
• 22. تنظیم Redux Toolkit در پروژه React
• 23. ساخت Reducerها و Actions
• 24. استفاده از Selectorها برای خواندن وضعیت
• 25. Dispatch کردن Actions
• 26. آشنایی با Thunks برای عملیات ناهمزمان
• 27. مثال عملی با Redux Toolkit
• 28. مقدمه‌ای بر ساخت API در React
• 29. استفاده از Fetch API برای درخواست‌های HTTP
• 30. کار با Axios برای درخواست‌های HTTP
• 31. مدیریت پاسخ‌های API
• 32. مدیریت خطا در درخواست‌های API
• 33. نمایش داده‌های دریافتی از API
• 34. دیباگ کردن درخواست‌های API
• 35. مقدمه‌ای بر استایل‌دهی در React
• 36. استایل‌دهی درون‌خطی (Inline Styles)
• 37. فایل‌های CSS مجزا
• 38. CSS Modules
• 39. استفاده از کتابخانه‌های UI (مانند Material-UI)
• 40. کامپوننت‌های قابل استفاده مجدد
• 41. اصول طراحی کامپوننت‌های تمیز
• 42. مدیریت منابع در کامپوننت‌ها
• 43. اصول SOLID در توسعه کامپوننت
• 44. تست واحد کامپوننت‌ها
• 45. استفاده از Jest و React Testing Library
• 46. نوشتن تست برای کامپوننت‌های ساده
• 47. تست تعاملات کاربر
• 48. تست دریافت Props
• 49. تست نمایش داده‌ها
• 50. تست مدیریت State
• 51. مقدمه‌ای بر بهینه‌سازی عملکرد
• 52. Memoization با React.memo
• 53. استفاده از useMemo
• 54. استفاده از useCallback
• 55. Lazy Loading کامپوننت‌ها
• 56. Code Splitting با React.lazy و Suspense
• 57. بهینه‌سازی رندرینگ لیست‌ها
• 58. استفاده از Virtualization
• 59. مقدمه‌ای بر امنیت در توسعه وب
• 60. اصول اولیه امنیت در سمت کلاینت
• 61. جلوگیری از XSS (Cross-Site Scripting)
• 62. مدیریت امن توکن‌ها
• 63. مقدمه‌ای بر معماری نرم‌افزار
• 64. الگوهای طراحی در React
• 65. کامپوننت‌های سطح بالا (Higher-Order Components)
• 66. کامپوننت‌های Render Props
• 67. Custom Hooks
• 68. مقدمه‌ای بر مفاهیم پیشرفته‌تر
• 69. Server-Side Rendering (SSR) با Next.js
• 70. Static Site Generation (SSG) با Next.js
• 71. توسعه اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 72. توسعه اپلیکیشن‌های PWA (Progressive Web Apps)
• 73. اصول طراحی تجربه کاربری (UX)
• 74. اصول طراحی رابط کاربری (UI)
• 75. مقدمه‌ای بر توسعه بک‌اند (اختیاری)
• 76. ارتباط با APIهای بک‌اند
• 77. مدیریت احراز هویت و مجوزها
• 78. مقدمه‌ای بر Devops و استقرار
• 79. بیلد و پکیجینگ اپلیکیشن React
• 80. استقرار اپلیکیشن React روی سرور
• 81. مدیریت نسخه‌ها و به‌روزرسانی‌ها
• 82. اصول مستندسازی پروژه
• 83. نکات پایانی و گام‌های بعدی
• 84. مرور کلی بر مفاهیم آموخته شده
• 85. ساخت پروژه‌های نمونه
• 86. کار با Git و GitHub
• 87. مدیریت خطا در کل برنامه
• 88. اصول کدنویسی تمیز و خوانا
• 89. پروژه‌های عملی و کاربردی
• 90. آشنایی با اکوسیستم React
• 91. مباحث تکمیلی و منابع بیشتر
• 92. پایان دوره و جمع‌بندی