اپلیکیشن اندرویدی فلش‌کارت آموزشی CSS for Fleet Management Consulting

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

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

عنوان دوره: دوره CSS for Fleet Management Consulting

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

موضوع میانی: CSS

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

• 1. مقدمه ای بر CSS
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. نقش CSS در رابط کاربری مدیریت ناوگان
• 4. نحوه کار CSS: انتخابگرها، خواص و مقادیر
• 5. نحوه اضافه کردن CSS به HTML
• 6. CSS درون خطی، داخلی و خارجی
• 7. مدیریت انتخابگرها: انواع اصلی
• 8. انتخابگرهای عناصر
• 9. انتخابگرهای کلاس
• 10. انتخابگرهای شناسه
• 11. انتخابگرهای عمومی
• 12. انتخابگرهای صفات
• 13. انتخابگرهای ترکیبی: والد، خواهر و برادر
• 14. نحوه اولویت بندی انتخابگرها
• 15. قوانین CSS: ساختار کلی
• 16. خواص CSS پرکاربرد
• 17. رنگ ها: متن، پس زمینه
• 18. مقادیر رنگ: کلمات کلیدی، هگز، RGB، HSL
• 19. پس زمینه: تصویر، تکرار، موقعیت، اندازه
• 20. قلم ها: فونت-فمیلی، فونت-سایز، فونت-ویت
• 21. متن: تراز، دکوراسیون، فاصله‌گذاری خط
• 22. فونت وزن و استایل
• 23. تنظیم فضای متن
• 24. مدیریت ظاهر متن: سایه، تبدیل
• 25. CSS Box Model: درک مفاهیم
• 26. عرض و ارتفاع عنصر
• 27. حاشیه (Margin): تنظیم فضای خارجی
• 28. کادر (Border): تنظیم خط دور عنصر
• 29. لایه داخلی (Padding): تنظیم فضای داخلی
• 30. عرض واقعی جعبه (Box-sizing)
• 31. چیدمان عناصر: Flexbox
• 32. مقدمه ای بر Flexbox
• 33. ویژگی های اصلی Flexbox: display: flex
• 34. جهت گیری فلکس (flex-direction)
• 35. نحوه قرارگیری آیتم های فلکس (justify-content)
• 36. همترازی آیتم های فلکس (align-items)
• 37. همترازی آیتم ها در امتداد محور متقاطع (align-content)
• 38. بسته بندی آیتم های فلکس (flex-wrap)
• 39. اندازه دهی به آیتم های فلکس (flex-grow, flex-shrink, flex-basis)
• 40. اولویت بندی آیتم های فلکس (order)
• 41. استفاده از Flexbox در طراحی رابط مدیریت ناوگان
• 42. چیدمان عناصر: Grid
• 43. مقدمه ای بر Grid
• 44. تعریف Grid container
• 45. تعریف Grid items
• 46. جهت دهی Grid (grid-template-rows, grid-template-columns)
• 47. تعریف فضاهای بین سلول های Grid (grid-gap, grid-row-gap, grid-column-gap)
• 48. تراز بندی محتوا در Grid (justify-items, align-items)
• 49. تراز بندی Grid Area (justify-content, align-content)
• 50. قرار دادن آیتم ها در Grid (grid-row-start, grid-row-end, grid-column-start, grid-column-end)
• 51. نام گذاری Grid Areas
• 52. استفاده از Grid در طراحی رابط مدیریت ناوگان
• 53. موقعیت دهی مطلق و نسبی
• 54. Position: static
• 55. Position: relative
• 56. Position: absolute
• 57. Position: fixed
• 58. Position: sticky
• 59. نحوه استفاده از position در مدیریت چیدمان
• 60. CSS Responsiveness
• 61. مفهوم طراحی واکنش گرا (Responsive Design)
• 62. Viewport Meta Tag
• 63. Media Queries: نحوه استفاده
• 64. استفاده از Media Queries برای اندازه صفحه نمایش مختلف
• 65. استفاده از Media Queries برای دستگاه های مختلف
• 66. نکات کلیدی برای طراحی واکنش گرا در مدیریت ناوگان
• 67. CSS Transitions and Animations
• 68. مقدمه ای بر Transition
• 69. خواص قابل Transition
• 70. مدت زمان Transition
• 71. تاخیر Transition
• 72. تابع زمان بندی Transition (Timing Function)
• 73. مقدمه ای بر Animation
• 74. تعریف Keyframes
• 75. نام گذاری Animation
• 76. مدت زمان Animation
• 77. تاخیر Animation
• 78. تابع زمان بندی Animation
• 79. تعداد تکرار Animation (animation-iteration-count)
• 80. جهت Animation (animation-direction)
• 81. حالت پر و خالی Animation (animation-fill-mode)
• 82. انیمیشن های دکمه ها و عناصر تعاملی
• 83. استفاده از انیمیشن برای نشان دادن وضعیت
• 84. CSS Pseudo-classes and Pseudo-elements
• 85. Pseudo-classes: :hover, :active, :focus, :visited
• 86. Pseudo-classes برای وضعیت های مختلف کاربر
• 87. Pseudo-elements: ::before, ::after
• 88. استفاده از ::before و ::after برای افزودن محتوای تزئینی
• 89. استفاده از Pseudo-elements در مدیریت ناوگان
• 90. CSS Variables (Custom Properties)
• 91. مفهوم CSS Variables
• 92. نحوه تعریف و استفاده از Variables
• 93. Variables در طراحی تم (Theming)
• 94. استفاده از Variables برای نگهداری مقادیر تکراری
• 95. Scope Variables
• 96. CSS Preprocessors (Sass/Less)
• 97. مقدمه ای بر Preprocessors
• 98. متغیرها در Preprocessors
• 99. تودرتویی (Nesting) در Preprocessors
• 100. Mixins در Preprocessors