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

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

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

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

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

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

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

• 1. مقدمه‌ای بر توسعه وب و React.js
• 2. آشنایی با محیط توسعه و نصب ابزارهای لازم
• 3. نصب و پیکربندی Vite
• 4. مفاهیم اساسی React.js
• 5. کامپوننت‌ها در React
• 6. JSX و نحو آن
• 7. Props در React
• 8. State در React
• 9. رویدادها و مدیریت آن‌ها
• 10. لیست‌ها و کلیدها در React
• 11. شرطی‌سازی رندرینگ
• 12. فرم‌ها و ورودی‌ها در React
• 13. هوک‌های React (Hooks)
• 14. useState Hook
• 15. useEffect Hook
• 16. useContext Hook
• 17. useReducer Hook
• 18. useCallback و useMemo Hooks
• 19. کامپوننت‌های تابعی (Functional Components)
• 20. کامپوننت‌های کلاسی (Class Components)
• 21. چرخه حیات کامپوننت‌ها (Class Components)
• 22. اصول طراحی کامپوننت‌های قابل استفاده مجدد
• 23. مدیریت وضعیت برنامه (State Management)
• 24. Context API
• 25. معرفی Redux (به عنوان جایگزین سازگار)
• 26. مفاهیم پایه Redux
• 27. Actions, Reducers, Store
• 28. اتصال React به Redux
• 29. Router در React
• 30. React Router DOM
• 31. نصب و پیکربندی React Router
• 32. تعریف مسیرها (Routes)
• 33. لینک‌ها و ناوبری (Navigation)
• 34. پارامترهای مسیر (Route Parameters)
• 35. مسیرهای تو در تو (Nested Routes)
• 36. ناوبری برنامه‌ریزی شده (Programmatic Navigation)
• 37. Bootstrap 5 و ادغام آن با React
• 38. نصب Bootstrap 5
• 39. استفاده از کامپوننت‌های Bootstrap در React
• 40. Grid System در Bootstrap
• 41. Typography در Bootstrap
• 42. Utilities در Bootstrap
• 43. Forms در Bootstrap
• 44. Components در Bootstrap (Buttons, Cards, Modals)
• 45. Navbar و Layouts
• 46. کار با آیکون‌ها
• 47. طراحی واکنش‌گرا (Responsive Design)
• 48. ساخت اپلیکیشن To-Do List
• 49. پیاده‌سازی CRUD (Create, Read, Update, Delete)
• 50. مدیریت وضعیت پیچیده در To-Do List
• 51. ساخت اپلیکیشن مدیریت وظایف (Task Management)
• 52. فیلتر کردن و مرتب‌سازی وظایف
• 53. ساخت اپلیکیشن فروشگاه آنلاین (قسمت اول)
• 54. نمایش محصولات
• 55. جزئیات محصول
• 56. سبد خرید (قسمت اول)
• 57. ساخت اپلیکیشن فرم ثبت‌نام کاربر
• 58. اعتبارسنجی فرم‌ها
• 59. مدیریت خطاها در فرم‌ها
• 60. استفاده از Vite برای Build نهایی
• 61. بهینه‌سازی برنامه برای Production
• 62. تست‌نویسی در React (مفاهیم اولیه)
• 63. معرفی Jest و React Testing Library
• 64. نوشتن تست‌های واحد برای کامپوننت‌ها
• 65. تست‌های یکپارچه‌سازی (Integration Tests)
• 66. اصول دسترسی‌پذیری (Accessibility) در وب
• 67. ملاحظات امنیتی در توسعه وب (مبانی)
• 68. نکات امنیتی در کار با فرم‌ها
• 69. حفاظت از داده‌های کاربر
• 70. مقدمه‌ای بر RESTful APIs
• 71. کار با Fetch API در React
• 72. مدیریت خطاها در درخواست‌های API
• 73. اصول کار با داده‌های JSON
• 74. ساخت یک اپلیکیشن ساده با API (مثال)
• 75. استفاده از کتابخانه‌های کمکی (مثال: Axios)
• 76. مدیریت وضعیت بارگذاری (Loading States)
• 77. نمایش پیام‌های خطا به کاربر
• 78. مفهوم Single Page Application (SPA)
• 79. مزایای SPA با React
• 80. معرفی Progressive Web Apps (PWAs) (مفاهیم اولیه)
• 81. استقرار (Deployment) اپلیکیشن React
• 82. مقدمه‌ای بر Netlify یا Vercel (پلتفرم‌های سازگار)
• 83. تنظیمات Build برای استقرار
• 84. اصول توسعه نرم‌افزار پایدار
• 85. کار تیمی در توسعه نرم‌افزار
• 86. مدیریت ورژن با Git
• 87. مقدمه‌ای بر CI/CD (مفاهیم سازگار)
• 88. پروژه‌های عملی و جمع‌بندی
• 89. طراحی اپلیکیشن مدیریت یادداشت‌ها
• 90. پیاده‌سازی امکان جستجو در یادداشت‌ها
• 91. ساخت اپلیکیشن گالری تصاویر
• 92. قابلیت اشتراک‌گذاری (مبانی)
• 93. نکات پیشرفته در مدیریت وضعیت
• 94. بهینه‌سازی عملکرد کامپوننت‌ها
• 95. کار با انیمیشن‌ها در React (مبانی)
• 96. اصول طراحی رابط کاربری (UI)
• 97. اصول تجربه کاربری (UX)
• 98. مقدمه‌ای بر State Machines (مفاهیم سازگار)
• 99. مروری بر آخرین تغییرات و تحولات React
• 100. نکات پایانی و مسیرهای یادگیری آینده