دوره CSS for Fleet Management Organizations همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

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

• 1. مبانی CSS: معرفی و تاریخچه
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. CSS در مقابل HTML
• 4. اولین قوانین CSS: انتخابگرها
• 5. انتخابگرهای تگ، کلاس و ID
• 6. انتخابگرهای عمومی و ترکیبی
• 7. انتخابگرهای صفات
• 8. انتخابگرهای ساختاری (Pseudo-classes)
• 9. انتخابگرهای شبه-عناصر (Pseudo-elements)
• 10. اولین پایگاه CSS: واحدهای اندازه‌گیری (px, em, rem, vw, vh)
• 11. رنگ در CSS: مقادیر رنگی (نام، HEX، RGB، RGBA، HSL، HSLA)
• 12. تنظیم رنگ متن
• 13. تنظیم رنگ پس‌زمینه
• 14. شفافیت (Opacity)
• 15. مدیریت فونت: انتخاب فونت
• 16. اندازه فونت
• 17. وزن فونت
• 18. استایل فونت
• 19. تزئینات فونت (Decoration)
• 20. ارتفاع خط (Line-height)
• 21. فاصله حروف (Letter-spacing)
• 22. فاصله کلمات (Word-spacing)
• 23. تنظیم حاشیه (Margin)
• 24. تنظیم padding
• 25. عرض و ارتفاع عناصر (Width, Height)
• 26. خاصیت box-sizing (content-box vs border-box)
• 27. نمایش عناصر (Display: block, inline, inline-block)
• 28. نمایش عناصر (Display: none, flex, grid)
• 29. مدیریت موقعیت (Position: static, relative, absolute)
• 30. مدیریت موقعیت (Position: fixed, sticky)
• 31. ز-ایندکس (z-index)
• 32. تراز افقی (text-align)
• 33. تراز عمودی (vertical-align)
• 34. Float و Clear
• 35. خاصیت Overflow
• 36. فهرست‌ها: استایل تگ ul و ol
• 37. استایل قلم‌های لیست (List-style-type)
• 38. استایل تصاویر لیست (List-style-image)
• 39. تنظیم ترکیبی لیست (List-style)
• 40. جدول‌ها: استایل مرزهای جدول (border-collapse)
• 41. استایل سلول‌های جدول
• 42. استایل سرتیتر و بدنه جدول
• 43. استایل ردیف‌های جدول
• 44. استایل ستون‌های جدول
• 45. استایل مرورگرها (Vendor Prefixes)
• 46. CSS3: ویژگی‌های جدید
• 47. گرادیان‌ها (Gradients): خطی و شعاعی
• 48. سایه‌ها: متن و جعبه (Text-shadow, box-shadow)
• 49. بوردها (Borders): نیم‌دایره‌ای (border-radius)
• 50. بوردها: استایل‌های پیچیده
• 51. ترنزیشن‌ها (Transitions): معرفی
• 52. تنظیم خصوصیات ترنزیشن
• 53. تأخیر ترنزیشن
• 54. زمان‌بندی ترنزیشن
• 55. پایان ترنزیشن
• 56. انیمیشن‌ها (Animations): معرفی
• 57. @keyframes rule
• 58. تعداد تکرار انیمیشن
• 59. جهت انیمیشن
• 60. پر کردن انیمیشن
• 61. توقف انیمیشن
• 62. حالت‌های پیش‌فرض انیمیشن
• 63. تکنیک‌های Grid Layout
• 64. Grid Template Columns
• 65. Grid Template Rows
• 66. Grid Gap
• 67. Grid Area
• 68. Grid Auto Columns/Rows
• 69. Grid Justify Items
• 70. Grid Align Items
• 71. Grid Justify Content
• 72. Grid Align Content
• 73. تکنیک‌های Flexbox Layout
• 74. Flex Container Properties
• 75. Flex Items Properties
• 76. Justify Content (Flexbox)
• 77. Align Items (Flexbox)
• 78. Align Content (Flexbox)
• 79. Flex Wrap
• 80. Order (Flexbox)
• 81. Flex Grow
• 82. Flex Shrink
• 83. Flex Basis
• 84. Layout واکنش‌گرا (Responsive Design)
• 85. Meta Viewport Tag
• 86. Media Queries: مبانی
• 87. Media Queries: اندازه صفحه (width, height)
• 88. Media Queries: جهت صفحه (orientation)
• 89. Media Queries: نسبت تصویر (aspect-ratio)
• 90. Media Queries: رزولوشن
• 91. Media Queries: دستگاه (screen, print)
• 92. Mobile-First vs Desktop-First
• 93. تنظیم واحدهای اندازه‌گیری واکنش‌گرا
• 94. فونت‌های واکنش‌گرا
• 95. تصاویر واکنش‌گرا (Responsive Images)
• 96. CSS Variables (Custom Properties)
• 97. نحوه تعریف و استفاده از متغیرها
• 98. Scope متغیرها
• 99. انتقال متغیرها
• 100. CSS Preprocessors: معرفی (Sass, Less)