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

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

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

عنوان دوره: دوره راه‌اندازی پروژه‌های React: مبانی و پیکربندی اولیه

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

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

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

• 1. مبانی توسعهٔ وب و نقش JavaScript
• 2. معرفی JavaScript مدرن (ES6+)
• 3. متغیرها، انواع داده و عملگرها در JavaScript
• 4. ساختار کنترل: شرط‌ها و حلقه‌ها
• 5. توابع در JavaScript
• 6. اشیاء و آرایه‌ها در JavaScript
• 7. مفاهیم اساسی DOM (Document Object Model)
• 8. مدیریت رویدادها در DOM
• 9. مقدمه‌ای بر فریم‌ورک‌های JavaScript
• 10. چرا React؟ مزایا و فلسفه
• 11. معرفی JSX (JavaScript XML)
• 12. کامپوننت‌های تابعی (Functional Components)
• 13. کامپوننت‌های کلاسی (Class Components)
• 14. Props: انتقال داده به کامپوننت‌ها
• 15. State: مدیریت وضعیت داخلی کامپوننت
• 16. چرخهٔ حیات کامپوننت‌ها (Lifecycle Methods)
• 17. کار با فرم‌ها در React
• 18. لیست‌ها و کلیدها (Keys) در React
• 19. شرطی‌سازی در رندر (Conditional Rendering)
• 20. رندر کردن لیست‌ها
• 21. مدیریت رویدادها در React
• 22. ارتباط والد و فرزند (Parent-Child Communication)
• 23. استفاده از Context API برای مدیریت وضعیت سراسری
• 24. مقدمه‌ای بر Redux (با رویکرد سازگار با قوانین)
• 25. نصب و پیکربندی اولیهٔ پروژهٔ React
• 26. ابزارهای ساخت پروژه: Create React App
• 27. ساختار پوشه‌ها و فایل‌ها در یک پروژهٔ React
• 28. مدیریت وابستگی‌ها با npm یا yarn
• 29. پیکربندی Webpack (مبانی)
• 30. پیکربندی Babel (مبانی)
• 31. استفاده از ESLint و Prettier برای کیفیت کد
• 32. مقدمه‌ای بر Routing در React
• 33. React Router DOM: نصب و پیکربندی
• 34. تعریف مسیرهای پایه (Basic Routes)
• 35. ناوبری بین صفحات (Navigation)
• 36. مسیرهای پویا (Dynamic Routes)
• 37. پارامترهای مسیر (Route Parameters)
• 38. لینک‌های فعال (Active Links)
• 39. استفاده از `useNavigate` و `useParams`
• 40. مدیریت صفحات ۴۰۴ (Not Found)
• 41. مقدمه‌ای بر Fetch API و درخواست‌های HTTP
• 42. کار با داده‌های JSON
• 43. نمایش داده‌های دریافت شده از API
• 44. مدیریت وضعیت بارگذاری (Loading State)
• 45. مدیریت خطاها در درخواست‌های API
• 46. ساخت کامپوننت‌های قابل استفاده مجدد
• 47. استفاده از Higher-Order Components (HOC)
• 48. استفاده از Custom Hooks
• 49. مقدمه‌ای بر مفاهیم Styling در React
• 50. CSS Modules
• 51. Styled Components (با رعایت چارچوب)
• 52. استفاده از کتابخانه‌های UI (مانند Material-UI با رویکرد اسلامی)
• 53. مقدمه‌ای بر تست‌نویسی در React
• 54. تست واحد (Unit Testing) با Jest
• 55. تست یکپارچه‌سازی (Integration Testing)
• 56. تست End-to-End (E2E) با Cypress (با رویکرد سازگار)
• 57. مقدمه‌ای بر Progressive Web Apps (PWA)
• 58. Service Workers برای عملکرد آفلاین
• 59. Manifest File برای نصب PWA
• 60. بهینه‌سازی عملکرد (Performance Optimization)
• 61. Lazy Loading کامپوننت‌ها
• 62. Memoization و `useMemo`
• 63. `useCallback` برای بهینه‌سازی توابع
• 64. Virtual DOM و نحوهٔ کار آن
• 65. مقدمه‌ای بر Server-Side Rendering (SSR)
• 66. Next.js: چارچوبی برای SSR در React (با رویکرد سازگار)
• 67. تنظیمات پایه در Next.js
• 68. صفحات در Next.js
• 69. مسیریابی در Next.js
• 70. دریافت داده در Next.js (getServerSideProps)
• 71. مدیریت وضعیت در برنامه‌های بزرگ
• 72. معرفی کتابخانه‌های مدیریت وضعیت (مانند Zustand با رویکرد سازگار)
• 73. مقدمه‌ای بر امنیت در برنامه‌های وب
• 74. ملاحظات امنیتی در React
• 75. جلوگیری از حملات XSS
• 76. مدیریت احراز هویت (Authentication)
• 77. پیاده‌سازی احراز هویت با توکن (Token-based Authentication)
• 78. مدیریت مجوزها (Authorization)
• 79. مقدمه‌ای بر طراحی رابط کاربری (UI Design)
• 80. اصول طراحی ریسپانسیو (Responsive Design)
• 81. تطبیق با استانداردهای دسترسی‌پذیری (Accessibility)
• 82. مقدمه‌ای بر DevOps و استقرار (Deployment)
• 83. استقرار برنامه‌های React در سرویس‌های میزبانی (مانند Netlify یا Vercel با رعایت چارچوب)
• 84. تنظیمات CI/CD (Continuous Integration/Continuous Deployment) (مبانی)
• 85. مدیریت لاگ‌ها و مانیتورینگ (Logging and Monitoring)
• 86. مقدمه‌ای بر معماری برنامه‌های مدرن
• 87. الگوهای طراحی در React
• 88. اهمیت مستندسازی کد
• 89. نکات پیشرفته در کار با JavaScript
• 90. مدیریت خطاها (Error Handling) در JavaScript
• 91. مفاهیم Asynchronous Programming (Async/Await)
• 92. مقدمه‌ای بر TypeScript (با رویکرد سازگار)
• 93. مزایای استفاده از TypeScript
• 94. پیکربندی TypeScript در پروژه React
• 95. کار با Type Definitions
• 96. مباحث پیشرفته در TypeScript
• 97. مقدمه‌ای بر امنیت نرم‌افزار
• 98. اصول کدنویسی امن (Secure Coding Principles)
• 99. بازبینی کد (Code Review) برای امنیت
• 100. مدیریت آسیب‌پذیری‌ها