فلش‌کارت‌های آموزشی ساخت داشبورد نمایش اطلاعات آب‌وهوا با React و Material-UI (بخش دوم: نمایش اطلاعات)

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

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

عنوان دوره: دوره ساخت داشبورد نمایش اطلاعات آب‌وهوا با React و Material-UI (بخش دوم: نمایش اطلاعات)

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

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

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

• 1. آشنایی با ساختار پروژه React
• 2. نصب و راه‌اندازی پروژه
• 3. مروری بر مفاهیم کلیدی React
• 4. کامپوننت‌ها در React
• 5. JSX و سینتکس آن
• 6. مدیریت State در کامپوننت‌ها
• 7. Props و انتقال داده‌ها
• 8. رویدادها در React
• 9. کار با فرم‌ها در React
• 10. مدیریت وضعیت فرم
• 11. آشنایی با Material-UI
• 12. نصب و پیکربندی Material-UI
• 13. مفاهیم اصلی Material-UI
• 14. استفاده از کامپوننت‌های پایه Material-UI
• 15. Grid System در Material-UI
• 16. Typography در Material-UI
• 17. Buttons در Material-UI
• 18. Icons در Material-UI
• 19. TextFields در Material-UI
• 20. Selects در Material-UI
• 21. Checkboxes و Radio Buttons
• 22. Switches و Sliders
• 23. Dialogs و Modals
• 24. Tooltips و Popovers
• 25. AppBars و Drawers
• 26. Cards و Media
• 27. Lists و Dividers
• 28. Chips و Avatars
• 29. Progress Indicators
• 30. Tabs و Steppers
• 31. Date Pickers و Time Pickers
• 32. Autocomplete و Combobox
• 33. Customization در Material-UI
• 34. Themeing در Material-UI
• 35. استفاده از Dark Mode
• 36. Responsive Design با Material-UI
• 37. ساختار کلی داشبورد آب‌وهوا
• 38. طراحی اولیه رابط کاربری
• 39. نمایش اطلاعات کلی آب‌وهوا
• 40. نمایش دمای فعلی
• 41. نمایش احساس دما
• 42. نمایش وضعیت آب‌وهوا (آفتابی، ابری و...)
• 43. نمایش آیکون وضعیت آب‌وهوا
• 44. نمایش رطوبت
• 45. نمایش سرعت باد
• 46. نمایش جهت باد
• 47. نمایش فشار هوا
• 48. نمایش دید افقی
• 49. نمایش طلوع و غروب خورشید
• 50. نمایش تاریخ و زمان فعلی
• 51. نمایش نام شهر
• 52. قابلیت جستجوی شهر
• 53. نمایش نتایج جستجو
• 54. مدیریت خطاهای جستجو
• 55. نمایش اطلاعات آب‌وهوای پیش‌بینی شده
• 56. پیش‌بینی ساعتی
• 57. پیش‌بینی روزانه
• 58. نمایش نمودار دمای پیش‌بینی شده
• 59. نمایش نمودار بارش پیش‌بینی شده
• 60. نمایش آیکون‌های پیش‌بینی
• 61. مدیریت نمایش داده‌های مختلف
• 62. استفاده از Context API برای مدیریت وضعیت
• 63. مفهوم API و دریافت داده‌های آب‌وهوا
• 64. انتخاب سرویس API آب‌وهوا
• 65. ساختار درخواست به API
• 66. پردازش پاسخ API
• 67. تبدیل واحدها (سانتی‌گراد به فارنهایت)
• 68. نکات امنیتی در کار با API
• 69. استقرار پروژه
• 70. تست واحد کامپوننت‌ها
• 71. تست یکپارچگی
• 72. بهینه‌سازی عملکرد رابط کاربری
• 73. استفاده از React Developer Tools
• 74. رفع اشکال در کامپوننت‌ها
• 75. بهبود تجربه کاربری
• 76. تطبیق با استانداردهای دسترسی‌پذیری
• 77. معرفی کتابخانه های کمکی
• 78. مدیریت وضعیت پیشرفته
• 79. استفاده از Redux (اختیاری)
• 80. استفاده از Zustand (اختیاری)
• 81. استفاده از Jotai (اختیاری)
• 82. نکات تکمیلی در طراحی رابط کاربری
• 83. آخرین به‌روزرسانی‌ها در React
• 84. آخرین به‌روزرسانی‌ها در Material-UI
• 85. اصول طراحی رابط کاربری کاربرپسند
• 86. مبانی تعامل انسان و کامپیوتر
• 87. انواع الگوهای طراحی رابط کاربری
• 88. کاربرد انیمیشن در رابط کاربری
• 89. اصول نگهداری و توسعه کد
• 90. مستندسازی کد
• 91. بررسی و بازبینی کد
• 92. برنامه‌ریزی برای توسعه‌های آتی
• 93. جمع‌بندی و مراحل بعدی