کتاب صوتی صفر تا صد Angular Material: خلق رابط کاربری جذاب و قدرتمند با بیش از 120 مثال عملی

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

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

عنوان دوره: دوره صفر تا صد Angular Material: خلق رابط کاربری جذاب و قدرتمند با بیش از 120 مثال عملی

موضوع کلی: طراحی رابط کاربری مدرن با Angular

موضوع میانی: پیاده‌سازی کامپوننت‌های حرفه‌ای با Angular Material

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

• 1. مقدمه‌ای بر طراحی رابط کاربری مدرن با Angular
• 2. ضرورت استفاده از کتابخانه‌های UI: چرا Angular Material؟
• 3. معرفی کتاب "Unraveling Angular Material" و ساختار دوره
• 4. نصب و راه‌اندازی Angular CLI
• 5. ایجاد پروژه جدید Angular
• 6. نصب Angular Material در پروژه
• 7. تنظیمات اولیه Angular Material
• 8. معرفی مفاهیم اصلی Angular Material: CDK و Components
• 9. ساختار و معماری Angular Material
• 10. انتخاب تم و استایل‌دهی در Angular Material
• 11. تغییر رنگ و فونت در تم پیش‌فرض Material
• 12. ایجاد تم سفارشی (Custom Theme)
• 13. معرفی و استفاده از `MatButton`
• 14. استایل‌دهی پیشرفته دکمه‌ها (Raised, Flat, Icon, Fab, MiniFab)
• 15. کار با رویدادهای دکمه‌ها
• 16. معرفی و استفاده از `MatCard`
• 17. ساختاردهی محتوا درون کارت‌ها
• 18. کار با اکشن‌ها و هدر کارت
• 19. معرفی `MatCheckbox` و `MatRadio`
• 20. مدیریت وضعیت Checkbox و Radio Button
• 21. استفاده از فرم‌ها در Angular Material
• 22. معرفی `MatInput` و `MatFormField`
• 23. اعتبارسنجی ورودی‌ها (Validation)
• 24. پیام‌های خطا و راهنما در فرم‌ها
• 25. معرفی `MatSelect`
• 26. مدیریت گزینه‌ها در Select
• 27. استفاده از Select در فرم‌ها
• 28. معرفی `MatSlider` و `MatSlideToggle`
• 29. کار با مقادیر و رویدادهای Slider و SlideToggle
• 30. معرفی `MatProgressSpinner` و `MatProgressBar`
• 31. نمایش وضعیت پیشرفت عملیات
• 32. کار با انیمیشن‌های Progress Spinner و ProgressBar
• 33. معرفی `MatIcon`
• 34. استفاده از آیکون‌های Material Design
• 35. ایجاد و استفاده از آیکون‌های سفارشی
• 36. معرفی `MatToolbar`
• 37. ساختاردهی تولبار (عنوان، ناوبری، اکشن‌ها)
• 38. کار با تولبار در اپلیکیشن‌های واکنش‌گرا
• 39. معرفی `MatSidenav`
• 40. ایجاد پنل کناری (Sidenav)
• 41. مدیریت باز و بسته شدن Sidenav
• 42. معرفی `MatMenu`
• 43. ایجاد منوهای کشویی و پاپ‌آپ
• 44. کار با آیتم‌های منو و رویدادهای کلیک
• 45. معرفی `MatDialog`
• 46. ایجاد دیالوگ‌های سفارشی
• 47. مدیریت داده‌ها بین کامپوننت و دیالوگ
• 48. معرفی `MatTooltip`
• 49. نمایش نکات راهنما برای عناصر UI
• 50. استایل‌دهی Tooltip
• 51. معرفی `MatSnackBar`
• 52. نمایش اعلان‌های کوتاه (Snackbar)
• 53. مدیریت صف و زمان‌بندی Snackbar
• 54. معرفی `MatTabs`
• 55. ایجاد تب‌های ناوبری
• 56. کار با تب‌های فعال و غیرفعال
• 57. معرفی `MatExpansionPanel`
• 58. ایجاد پنل‌های بازشو (Accordion)
• 59. مدیریت وضعیت باز و بسته شدن پنل
• 60. معرفی `MatList`
• 61. ساختاردهی لیست‌ها (آیتم‌ها، ساب‌هدر، فوتر)
• 62. کار با لیست‌های قابل کلیک و قابل انتخاب
• 63. معرفی `MatTable`
• 64. نمایش داده‌ها در قالب جدول
• 65. تنظیمات ستون‌ها و ردیف‌ها
• 66. مرتب‌سازی و فیلتر کردن داده‌های جدول
• 67. صفحه‌بندی (Pagination) در `MatTable`
• 68. معرفی `MatPaginator`
• 69. پیاده‌سازی صفحه‌بندی سفارشی
• 70. کار با `MatTable` و `MatPaginator`
• 71. معرفی `MatSort`
• 72. پیاده‌سازی قابلیت مرتب‌سازی در `MatTable`
• 73. کار با `MatTable` و `MatSort`
• 74. معرفی `MatTree`
• 75. نمایش داده‌ها در قالب ساختار درختی
• 76. مدیریت باز و بسته شدن گره‌های درخت
• 77. معرفی `MatStepper`
• 78. ایجاد فرم‌های چند مرحله‌ای
• 79. ناوبری بین مراحل Stepper
• 80. معرفی `MatDatepicker`
• 81. انتخاب تاریخ از تقویم
• 82. تنظیمات و سفارشی‌سازی Datepicker
• 83. معرفی `MatTimepicker` (اگرچه بخشی از Material نیست، اما برای کامل بودن یک UI مدرن ضروری است)
• 84. انتخاب زمان
• 85. معرفی `MatAutocomplete`
• 86. ارائه پیشنهادات خودکار در ورودی‌ها
• 87. مدیریت رویدادهای Autocomplete
• 88. معرفی `MatChips`
• 89. نمایش تگ‌ها یا برچسب‌ها
• 90. مدیریت اضافه کردن و حذف کردن چیپ‌ها
• 91. معرفی `MatBadge`
• 92. نمایش نشان یا شمارنده بر روی عناصر
• 93. کار با `MatBadge` و `MatIcon`
• 94. معرفی `MatBottomsheet`
• 95. ایجاد پنل‌های پایین صفحه
• 96. مدیریت نمایش و پنهان کردن Bottomsheet
• 97. معرفی `MatDivider`
• 98. ایجاد خطوط جداکننده بین عناصر
• 99. استایل‌دهی Divider
• 100. معرفی `MatGridList`