فلش‌کارت‌های آموزشی CSS for Fleet Management Services

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

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

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

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

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

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

• 1. مقدمه به CSS: استایل‌دهی به صفحات وب
• 2. چگونه CSS کار می‌کند: نحو و ساختار
• 3. نحوه قرار دادن CSS: استایل‌شیت‌های Inline, Internal, External
• 4. سلکتورهای پایه: Type, Class, ID
• 5. سلکتور جهانی و سلکتورهای گروه‌بندی
• 6. کامنت‌ها در CSS: سازماندهی کد
• 7. Specificty: چه استایلی غالب می‌شود؟
• 8. Inheritance: به ارث بردن استایل‌ها
• 9. مدل جعبه‌ای CSS: محتوا، پدینگ، بوردر، مارجین
• 10. درک واحدهای CSS: پیکسل، Em، Rem، درصد
• 11. واحدهای Viewport: VW و VH برای اندازه‌گیری واکنش‌گرا
• 12. کار با رنگ‌ها: کلمات کلیدی، Hex، RGB، RGBA
• 13. مدل‌های رنگ HSL و HSLA
• 14. استایل‌دهی متن: خانواده فونت و اندازه‌ها
• 15. ویژگی‌های متن: وزن، استایل، دکوراسیون، تبدیل
• 16. ارتفاع خط، فاصله حروف و فاصله کلمات
• 17. رنگ‌ها و تصاویر پس‌زمینه
• 18. ویژگی‌های پس‌زمینه: تکرار، موقعیت، اندازه
• 19. استایل‌دهی Border: عرض، استایل، رنگ
• 20. Border Radius: ایجاد گوشه‌های گرد
• 21. ویژگی Display: Block, Inline, Inline-Block
• 22. ویژگی Position: Static, Relative
• 23. موقعیت‌دهی Absolute: خارج کردن المان‌ها از جریان عادی
• 24. موقعیت‌دهی Fixed: سربرگ‌ها و پابرگ‌های ثابت
• 25. موقعیت‌دهی Sticky: یک رویکرد ترکیبی
• 26. Z-index: مدیریت پشته‌سازی المان‌ها
• 27. ویژگی Overflow: مدیریت سرریز محتوا
• 28. استایل‌دهی لیست‌های پایه: مارکرها و موقعیت
• 29. استایل‌دهی لینک‌ها: حالات (Link, Visited, Hover, Active)
• 30. Floats: طراحی چیدمان قبل از فلکس‌باکس و گرید
• 31. پاک کردن Floats: روش Clearfix
• 32. سلکتورهای پیشرفته: Child و Descendant Combinators
• 33. Combinatorهای Sibling: Adjacent و General
• 34. سلکتورهای Attribute: هدف قرار دادن ویژگی‌های خاص
• 35. Pseudo-Classes: First-Child, Last-Child, Nth-Child
• 36. Pseudo-Classes: Not, Only-Child, Empty
• 37. Pseudo-Elements: Before و After برای تولید محتوا
• 38. Pseudo-Elements: First-Letter و First-Line
• 39. بازنشانی و نرمال‌سازی CSS
• 40. مقدمه‌ای بر طراحی وب واکنش‌گرا
• 41. مبانی Flexbox: Display Flex
• 42. ویژگی‌های Flex Container: Flex-Direction و Flex-Wrap
• 43. Justify-Content: تراز کردن آیتم‌ها در امتداد محور اصلی
• 44. Align-Items: تراز کردن آیتم‌ها در امتداد محور متقاطع
• 45. Align-Content: تراز کردن چند خطی
• 46. ویژگی‌های Flex Item: Order
• 47. Flex-Grow, Flex-Shrink و Flex-Basis
• 48. شورت‌هند برای ویژگی Flex
• 49. چیدمان‌های Flexbox تو در تو
• 50. مقدمه‌ای بر CSS Grid Layout
• 51. Grid Container: Display Grid
• 52. Grid Template Columns و Rows: تعریف ردیف و ستون
• 53. Grid Gap: فاصله بین آیتم‌های گرید
• 54. قرار دادن آیتم‌های گرید: Grid-Column و Grid-Row
• 55. Grid Area: نامگذاری و قرار دادن نواحی گرید
• 56. Justify-Items و Align-Items: تراز کردن آیتم
• 57. Justify-Content و Align-Content: تراز کردن خطوط
• 58. Implicit Grids و Auto-Flow
• 59. چیدمان‌های گرید واکنش‌گرا با Media Queries
• 60. ترکیب Flexbox و Grid برای چیدمان‌های پیچیده
• 61. انتقال‌های CSS: تغییرات هموار ویژگی‌ها
• 62. ویژگی‌های انتقال: Duration, Timing Function, Delay
• 63. ترانسفورم‌های 2D: Translate, Rotate, Scale, Skew
• 64. ترانسفورم‌های 3D: Perspective, RotateX, RotateY, RotateZ
• 65. مقدمه‌ای بر انیمیشن‌های CSS
• 66. Keyframes: تعریف مراحل انیمیشن
• 67. ویژگی‌های انیمیشن: Duration, Iteration Count, Direction
• 68. تابع زمان‌بندی و تاخیر انیمیشن
• 69. حالت پر کردن و پخش انیمیشن
• 70. گرادیان‌های خطی: ایجاد ترکیب رنگ‌های هموار
• 71. گرادیان‌های شعاعی: انتقال‌های رنگ دایره‌ای
• 72. گرادیان‌های مخروطی: انتقال‌های رنگ زاویه‌ای
• 73. Box Shadows: افزودن عمق به المان‌ها
• 74. Text Shadows: بهبود تایپوگرافی
• 75. فیلترهای CSS: دستکاری تصویر (تاری، خاکستری و غیره)
• 76. طراحی داشبوردهای واکنش‌گرا برای نمای کلی ناوگان
• 77. استایل‌دهی جداول داده برای وضعیت و عملکرد وسایل نقلیه
• 78. تجسم مکان‌های بلادرنگ وسایل نقلیه با CSS (همپوشانی‌های نقشه)
• 79. ایجاد هشدارها و اعلان‌های پویا برای رویدادهای ناوگان
• 80. سفارشی‌سازی نوار پیشرفت برای ردیابی تحویل/نگهداری
• 81. تم‌بندی رابط‌های کاربری برای سیستم‌های مدیریت ناوگان
• 82. طراحی فرم‌های ورودی برای گزارش‌های نگهداری وسایل نقلیه
• 83. استایل‌دهی منوهای ناوبری برای برنامه‌های بزرگ مدیریت ناوگان
• 84. CSS برای دکمه‌های تعاملی و Call-to-Actions (CTAs) در UI ناوگان
• 85. پیاده‌سازی Modal و Pop-up برای اطلاعات دقیق وسیله نقلیه
• 86. ساخت آیکون‌ها و آیکونوگرافی سفارشی برای دارایی‌های ناوگان
• 87. طراحی پالت‌های رنگی برای تجسم داده‌های ناوگان
• 88. چیدمان‌های واکنش‌گرا برای پنل‌های اطلاعات راننده
• 89. استایل‌دهی نمودارها و گراف‌ها (عناصر پایه) برای معیارهای عملکرد
• 90. CSS برای برجسته‌سازی و تجسم مناطق ژئوفنسینگ
• 91. بهینه‌سازی CSS برای عملکرد در داشبوردهای ناوگان با داده‌های زیاد
• 92. دسترسی‌پذیری در UI مدیریت ناوگان: وضعیت‌های فوکوس و معناشناسی
• 93. استایل‌شیت‌های چاپی برای تولید گزارش‌های ناوگان
• 94. پیاده‌سازی تم تاریک (Dark Mode) برای برنامه‌های ناوگان
• 95. استایل‌دهی اجزای جستجو و فیلتر برای موجودی وسایل نقلیه
• 96. طراحی چیدمان‌ها برای فرم‌های پیش‌بازرسی و پس‌بازرسی وسیله نقلیه
• 97. استفاده از متغیرهای CSS برای برندسازی یکپارچه ناوگان
• 98. استراتژی‌ها برای معماری مقیاس‌پذیر CSS در پروژه‌های بزرگ ناوگان (مفاهیم BEM, SMACSS)
• 99. مقدمه‌ای بر پیش‌پردازنده‌های CSS (Sass/Less) برای استایل‌دهی ناوگان
• 100. بهترین شیوه‌ها و روندهای آینده در CSS برای برنامه‌های سازمانی