فلش‌کارت‌های آموزشی ساخت مولفه‌های پویا در رابط کاربری با React و Material-UI

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

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

عنوان دوره: دوره ساخت مولفه‌های پویا در رابط کاربری با React و Material-UI

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

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

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

• 1. مقدمه‌ای بر توسعهٔ فرانت‌اند در ایران
• 2. آشنایی با مفاهیم کلیدی React
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. اصول اولیه JSX
• 5. مدیریت وضعیت در کامپوننت‌های React
• 6. کار با Props در React
• 7. رویدادها در React
• 8. لیست‌ها و کلیدها در React
• 9. فرم‌ها و ورودی‌ها در React
• 10. کامپوننت‌های تابعی و هوک‌ها
• 11. هوک useState
• 12. هوک useEffect
• 13. هوک useContext
• 14. ساختاردهی پروژه‌های React
• 15. مقدمه‌ای بر Material-UI
• 16. نصب و راه‌اندازی Material-UI
• 17. کامپوننت‌های پایه‌ای Material-UI
• 18. سیستم گرید Material-UI
• 19. Typography در Material-UI
• 20. Buttons در Material-UI
• 21. Icons در Material-UI
• 22. TextFields در Material-UI
• 23. Selects در Material-UI
• 24. Checkboxes و Radio Buttons
• 25. Switches و Sliders
• 26. Dialogs و Modals
• 27. Tooltips و Popovers
• 28. Menus و Dropdowns
• 29. Tabs و Steppers
• 30. Cards و Grids
• 31. Lists و Dividers
• 32. AppBars و Drawers
• 33. Navigation در Material-UI
• 34. Form Handling با Material-UI
• 35. اعتبارسنجی فرم در React
• 36. ارتباط با API در React
• 37. مدیریت درخواست‌های HTTP
• 38. نمایش داده‌های دریافتی از API
• 39. ترمینال و خط فرمان در توسعه وب
• 40. مفاهیم اسکریپت‌نویسی در Node.js
• 41. مدیریت پکیج با npm
• 42. مدیریت پکیج با yarn
• 43. اصول اولیه Git
• 44. مدیریت ورژن با Git
• 45. شاخه‌بندی در Git
• 46. ادغام شاخه‌ها در Git
• 47. حل تعارضات در Git
• 48. پلتفرم‌های مدیریت کد (مانند گیت‌هاب)
• 49. اصول طراحی رابط کاربری (UI Design)
• 50. تجربه کاربری (UX Design)
• 51. اصول دسترسی‌پذیری (Accessibility)
• 52. تست واحد (Unit Testing) در React
• 53. مفاهیم تست E2E
• 54. ابزارهای تست در React
• 55. بهینه‌سازی عملکرد کامپوننت‌ها
• 56. Lazy Loading در React
• 57. Memoization در React
• 58. Code Splitting در React
• 59. امنیت در توسعه فرانت‌اند
• 60. مدیریت خطاها در React
• 61. خطایابی (Debugging) در React
• 62. ابزارهای خطایابی مرورگر
• 63. استفاده از Redux (مقدماتی)
• 64. مفاهیم Redux Toolkit
• 65. استفاده از Context API برای مدیریت وضعیت
• 66. مفاهیم Server-Side Rendering (SSR)
• 67. مزایای SSR
• 68. معایب SSR
• 69. مقدمه‌ای بر Next.js
• 70. ساختار پروژه در Next.js
• 71. مسیریابی در Next.js
• 72. Fetch Data در Next.js
• 73. API Routes در Next.js
• 74. استفاده از TypeScript در React
• 75. مزایای TypeScript
• 76. نصب و پیکربندی TypeScript
• 77. انواع داده در TypeScript
• 78. اینترفیس‌ها در TypeScript
• 79. کلاس‌ها در TypeScript
• 80. مقدمه‌ای بر Webpack
• 81. مفاهیم Bundle کردن
• 82. Loaderها در Webpack
• 83. Pluginها در Webpack
• 84. بهینه‌سازی Webpack
• 85. مقدمه‌ای بر Babel
• 86. کاربرد Babel در پروژه‌های JavaScript
• 87. تنظیمات Babel
• 88. مفاهیم Progressive Web Apps (PWA)
• 89. مزایای PWA
• 90. پیاده‌سازی PWA
• 91. کاربردهای PWA
• 92. اصول توسعهٔ پایدار در فرانت‌اند
• 93. مدیریت وابستگی‌ها
• 94. انتخاب فریم‌ورک مناسب
• 95. اصول نگهداری کد
• 96. مستندسازی کد
• 97. آموزش مداوم در توسعهٔ وب
• 98. روندهای جدید در توسعهٔ فرانت‌اند
• 99. بازار کار توسعهٔ فرانت‌اند در ایران
• 100. مسیر شغلی توسعه‌دهندهٔ فرانت‌اند