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

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

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

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

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. آشنایی با مفاهیم اولیهٔ React.js
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. اولین کامپوننت React: ساختار و سینتکس
• 5. JSX: ترکیبی از جاوا اسکریپت و HTML
• 6. Props: انتقال داده به کامپوننت‌ها
• 7. State: مدیریت وضعیت داخلی کامپوننت‌ها
• 8. رویدادها در React: تعامل با کاربر
• 9. لیست‌ها و کلیدها در React
• 10. شرطی‌سازی در رندرینگ کامپوننت‌ها
• 11. فرم‌ها در React: مدیریت ورودی کاربر
• 12. کامپوننت‌های تابعی و هوک‌ها
• 13. هوک useState: مدیریت وضعیت ساده
• 14. هوک useEffect: مدیریت اثرات جانبی
• 15. مفهوم Context API برای مدیریت وضعیت سراسری
• 16. فراهم‌کننده Context و مصرف‌کننده Context
• 17. هوک useContext: دسترسی آسان به Context
• 18. مدیریت وضعیت پیچیده با Context API
• 19. مقدمه‌ای بر کتابخانه‌های مدیریت وضعیت
• 20. Redux: معماری مدیریت وضعیت قدرتمند
• 21. نصب و راه‌اندازی Redux در React
• 22. Action ها و Reducer ها در Redux
• 23. Store در Redux: منبع حقیقت
• 24. اتصال React به Redux با react-redux
• 25. Dispatch کردن Action ها
• 26. انتخاب داده‌ها از Redux با selector ها
• 27. Redux Thunk برای مدیریت Action های آسنکرون
• 28. Redux Toolkit: ساده‌سازی Redux
• 29. مقدمه‌ای بر مسیریابی در برنامه‌های تک‌صفحه‌ای
• 30. React Router DOM: کتابخانهٔ استاندارد مسیریابی
• 31. نصب و پیکربندی React Router DOM
• 32. تعریف مسیرها و کامپوننت‌های مربوطه
• 33. لینک‌ها و ناوبری در React Router
• 34. پارامترهای مسیر
• 35. مسیرهای تودرتو
• 36. مسیریابی برنامه‌ریزی‌شده
• 37. مقدمه‌ای بر استایل‌دهی در React
• 38. استایل‌دهی درون‌خطی
• 39. فایل‌های CSS جداگانه
• 40. CSS Modules برای استایل‌دهی ایزوله
• 41. Styled Components برای استایل‌دهی پویا
• 42. استفاده از کتابخانه‌های UI در React
• 43. Material-UI: کامپوننت‌های آماده Material Design
• 44. Ant Design: مجموعه‌ای غنی از کامپوننت‌ها
• 45. مقدمه‌ای بر درخواست‌های API و داده‌های خارجی
• 46. Fetch API برای دریافت داده‌ها
• 47. استفاده از Axios برای درخواست‌های HTTP
• 48. مدیریت خطاهای شبکه
• 49. نمایش داده‌های دریافت شده در کامپوننت‌ها
• 50. Loading State برای نمایش وضعیت بارگذاری
• 51. Pagination برای نمایش صفحات داده
• 52. مقدمه‌ای بر تست‌نویسی در React
• 53. Jest: فریم‌ورک تست‌نویسی محبوب
• 54. React Testing Library برای تست کامپوننت‌ها
• 55. نوشتن تست‌های واحد برای کامپوننت‌ها
• 56. تست تعاملات کاربر
• 57. تست نمایش داده‌ها
• 58. مقدمه‌ای بر بهینه‌سازی عملکرد در React
• 59. Memoization و هوک useMemo
• 60. هوک useCallback برای بهینه‌سازی توابع
• 61. React.memo برای جلوگیری از رندر مجدد کامپوننت‌ها
• 62. Code Splitting برای بارگذاری کند کامپوننت‌ها
• 63. Virtualization برای لیست‌های طولانی
• 64. مقدمه‌ای بر Progressive Web Apps (PWA)
• 65. Service Workers در React
• 66. Manifest.json برای PWA
• 67. استفاده از PWA برای تجربه آفلاین
• 68. مقدمه‌ای بر Server-Side Rendering (SSR)
• 69. Next.js: فریم‌ورک React برای SSR
• 70. تنظیمات اولیه Next.js
• 71. صفحات در Next.js
• 72. داده‌گیری در Next.js
• 73. مقدمه‌ای بر TypeScript در React
• 74. نصب TypeScript و تنظیمات
• 75. استفاده از Type ها برای Props و State
• 76. نوشتن کامپوننت‌های تابعی با TypeScript
• 77. نوشتن کامپوننت‌های کلاسی با TypeScript
• 78. هوک‌ها با TypeScript
• 79. مقدمه‌ای بر معماری برنامه‌های React
• 80. اصول SOLID در توسعه React
• 81. مدیریت وابستگی‌ها در React
• 82. بهترین شیوه‌ها در توسعه React
• 83. مقدمه‌ای بر انتشار برنامه React
• 84. Build کردن برنامه برای production
• 85. استفاده از پلتفرم‌های هاستینگ
• 86. مقدمه‌ای بر مفاهیم پیشرفته React
• 87. Ref ها و DOM Manipulations
• 88. Portals برای رندر در DOM والد
• 89. Error Boundaries برای مدیریت خطاها
• 90. Higher-Order Components (HOCs)
• 91. Render Props
• 92. مقدمه‌ای بر توسعهٔ مولد و منعطف
• 93. اصول طراحی رابط کاربری واکنش‌گرا
• 94. استفاده از مقیاس‌پذیری در طراحی
• 95. ملاحظات امنیتی در توسعهٔ وب
• 96. مستندسازی کد و کامپوننت‌ها
• 97. ادامهٔ مسیر یادگیری React
• 98. کاربرد React در پروژه‌های واقعی
• 99. آشنایی با اکوسیستم React
• 100. جمع‌بندی مفاهیم کلیدی React.js