فلش‌کارت‌های آموزشی الکترون و Material UI: طراحی رابط کاربری مدرن و زیبا

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

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

عنوان دوره: دوره الکترون و Material UI: طراحی رابط کاربری مدرن و زیبا

موضوع کلی: برنامه نویسی

موضوع میانی: الکترون (Electron)

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

• 1. مقدمه‌ای بر طراحی رابط کاربری مدرن
• 2. آشنایی با اصول طراحی کاربر محور (UCD)
• 3. معرفی کتابخانه‌های رابط کاربری
• 4. چرا الکترون و Material UI؟
• 5. نصب و راه‌اندازی محیط توسعه
• 6. ساختار پروژه در الکترون
• 7. اصول اولیه Material UI
• 8. مفاهیم کلیدی React برای رابط کاربری
• 9. کامپوننت‌ها در React
• 10. مدیریت وضعیت (State Management) در React
• 11. Props و Context API
• 12. استفاده از کامپوننت‌های پایه Material UI
• 13. Button و Icon
• 14. Typography و Text
• 15. TextField و Select
• 16. Checkbox و Radio Button
• 17. Slider و Switch
• 18. AppBar و Toolbar
• 19. Drawer و Modal
• 20. Card و Paper
• 21. Grid و Container
• 22. Divider و Chip
• 23. Avatar و Badge
• 24. Tooltip و Expansion Panel
• 25. Tabs و Stepper
• 26. Breadcrumbs و Link
• 27. Table و Data Grid
• 28. Progress و LinearProgress
• 29. CircularProgress
• 30. Dialog و Snackbar
• 31. Alert و Backdrop
• 32. Skeleton و Placeholder
• 33. Image و Iconography
• 34. SVG Icons در Material UI
• 35. استفاده از تم‌ها در Material UI
• 36. سفارشی‌سازی تم (Theme Customization)
• 37. رنگ‌ها در تم
• 38. تایپوگرافی در تم
• 39. فاصله‌گذاری و Spaceing در تم
• 40. سایه‌زنی و Elevation در تم
• 41. استفاده از Dark Mode
• 42. طراحی ریسپانسیو (Responsive Design)
• 43. Media Queries و Breakpoints
• 44. استفاده از Grid برای چیدمان ریسپانسیو
• 45. استفاده از Hook های سفارشی
• 46. مدیریت فرم‌ها در React
• 47. اعتبارسنجی فرم‌ها
• 48. استفاده از کتابخانه‌های اعتبارسنجی
• 49. طراحی کامپوننت‌های سفارشی
• 50. ساخت کامپوننت‌های قابل استفاده مجدد
• 51. اصول دسترسی‌پذیری (Accessibility)
• 52. ARIA attributes
• 53. Keyboard Navigation
• 54. Focus Management
• 55. تست کامپوننت‌ها
• 56. Unit Testing
• 57. Integration Testing
• 58. End-to-End Testing (مقدماتی)
• 59. مفاهیم طراحی انیمیشن
• 60. انیمیشن‌های CSS
• 61. استفاده از Transition در Material UI
• 62. استفاده از Animation در React
• 63. بهینه‌سازی عملکرد رابط کاربری
• 64. Code Splitting
• 65. Lazy Loading
• 66. Memoization
• 67. استفاده از React DevTools
• 68. دیباگ کردن کامپوننت‌ها
• 69. مدیریت خطا در رابط کاربری
• 70. Error Boundaries
• 71. ارتباط با API
• 72. ساخت اپلیکیشن‌های دسکتاپ با الکترون
• 73. مفاهیم پایه الکترون
• 74. Main Process و Renderer Process
• 75. IPC (Inter-Process Communication)
• 76. ساخت پنجره‌های الکترون
• 77. منوها و میانبرها
• 78. مدیریت فایل‌ها در الکترون
• 79. پکیج کردن اپلیکیشن الکترون
• 80. ساخت نصاب (Installer)
• 81. ملاحظات امنیتی در الکترون
• 82. اصول طراحی حرفه‌ای رابط کاربری
• 83. کاربردپذیری (Usability)
• 84. تجربه کاربری (UX)
• 85. اصول طراحی بصری
• 86. رنگ‌شناسی در طراحی
• 87. روانشناسی رنگ‌ها
• 88. تایپوگرافی کاربردی
• 89. اصول چیدمان (Layout)
• 90. ایجاد جریان کاربری (User Flow)
• 91. نمونه‌سازی (Prototyping)
• 92. تست کاربردپذیری
• 93. ملاحظات فرهنگی در طراحی رابط کاربری
• 94. اصول طراحی برای بازار ایران
• 95. ملاحظات شرعی در طراحی رابط کاربری
• 96. تطابق با قوانین جمهوری اسلامی ایران
• 97. نکات پیشرفته در Material UI
• 98. استفاده از CSS-in-JS
• 99. Styled Components
• 100. Emotion