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

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

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

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

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

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

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

• 1. CSS برای سیستم‌های مدیریت ناوگان: سرفصل‌های دوره آموزشی
• 2. مقدمه‌ای بر CSS و سیستم‌های مدیریت ناوگان
• 3. CSS چیست و چرا مهم است؟
• 4. آشنایی با سیستم‌های مدیریت ناوگان (Fleet Management Systems)
• 5. CSS چگونه می‌تواند ظاهر و تجربه کاربری سیستم‌های مدیریت ناوگان را بهبود بخشد؟
• 6. نصب و راه‌اندازی محیط توسعه CSS
• 7. نحوه نوشتن اولین دستورات CSS
• 8. آشنایی با انتخابگرها (Selectors) در CSS
• 9. انتخابگرهای نوع (Type Selectors)
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای شناسه (ID Selectors)
• 12. انتخابگرهای ویژگی (Attribute Selectors)
• 13. انتخابگرهای ترکیبی (Combinator Selectors)
• 14. انتخابگرهای کاذب (Pseudo-classes)
• 15. انتخابگرهای عنصر کاذب (Pseudo-elements)
• 16. آشنایی با مدل جعبه‌ای (Box Model) در CSS
• 17. حاشیه‌ها (Margins)
• 18. مرزها (Borders)
• 19. پدینگ (Padding)
• 20. محتوا (Content)
• 21. نحوه محاسبه ابعاد عناصر با استفاده از مدل جعبه‌ای
• 22. آشنایی با واحدهای اندازه‌گیری در CSS
• 23. پیکسل (px)
• 24. درصد (%)
• 25. VW و VH
• 26. آشنایی با رنگ‌ها در CSS
• 27. نحوه استفاده از نام رنگ‌ها
• 28. نحوه استفاده از کد هگزادسیمال (Hexadecimal)
• 29. نحوه استفاده از RGB و RGBA
• 30. نحوه استفاده از HSL و HSLA
• 31. آشنایی با فونت‌ها در CSS
• 32. انتخاب فونت مناسب
• 33. تنظیم اندازه فونت (Font Size)
• 34. تنظیم وزن فونت (Font Weight)
• 35. تنظیم سبک فونت (Font Style)
• 36. تنظیم فاصله بین خطوط (Line Height)
• 37. تنظیم رنگ فونت (Font Color)
• 38. آشنایی با متن در CSS
• 39. تراز کردن متن (Text Alignment)
• 40. فاصله بین حروف (Letter Spacing)
• 41. فاصله بین کلمات (Word Spacing)
• 42. تزئین متن (Text Decoration)
• 43. تغییر حالت متن (Text Transform)
• 44. سایه‌ها در CSS
• 45. سایه متن (Text Shadow)
• 46. سایه جعبه (Box Shadow)
• 47. آشنایی با پس‌زمینه (Background) در CSS
• 48. رنگ پس‌زمینه (Background Color)
• 49. تصویر پس‌زمینه (Background Image)
• 50. تکرار تصویر پس‌زمینه (Background Repeat)
• 51. موقعیت تصویر پس‌زمینه (Background Position)
• 52. اندازه تصویر پس‌زمینه (Background Size)
• 53. آشنایی با نمایش (Display) در CSS
• 54. مقدار Block
• 55. مقدار Inline
• 56. مقدار Inline-block
• 57. مقدار None
• 58. آشنایی با موقعیت‌دهی (Positioning) در CSS
• 59. مقدار Static
• 60. مقدار Relative
• 61. مقدار Absolute
• 62. مقدار Fixed
• 63. مقدار Sticky
• 64. آشنایی با Z-index
• 65. آشنایی با فلوت (Float)
• 66. Clearfix چیست و چگونه استفاده می‌شود؟
• 67. آشنایی با Flexbox
• 68. مفهوم Flex Container و Flex Items
• 69. جهت‌دهی عناصر در Flexbox (Flex Direction)
• 70. ترازبندی عناصر در Flexbox (Justify Content)
• 71. ترازبندی عمودی عناصر در Flexbox (Align Items)
• 72. ترازبندی عناصر به صورت تکی در Flexbox (Align Self)
• 73. آشنایی با Grid Layout
• 74. مفهوم Grid Container و Grid Items
• 75. تعریف ردیف‌ها و ستون‌ها در Grid Layout
• 76. اندازه‌گیری ردیف‌ها و ستون‌ها با استفاده از Fr واحد
• 77. ترازبندی عناصر در Grid Layout
• 78. ادغام خانه‌ها در Grid Layout
• 79. آشنایی با رسانه‌های تطبیقی (Responsive Design)
• 80. مفهوم Viewport
• 81. پرسش‌های رسانه‌ای (Media Queries)
• 82. طراحی سیال (Fluid Layout)
• 83. واحدهای نسبی (Relative Units)
• 84. آشنایی با تبدیل‌ها (Transforms) در CSS
• 85. انتقال (Translate)
• 86. چرخش (Rotate)
• 87. مقیاس (Scale)
• 88. کجی (Skew)
• 89. آشنایی با گذارها (Transitions) در CSS
• 90. تعریف گذارها برای تغییر ویژگی‌ها
• 91. تنظیم زمان و سرعت گذار
• 92. آشنایی با انیمیشن‌ها (Animations) در CSS
• 93. تعریف Keyframes
• 94. تنظیم زمان و تکرار انیمیشن
• 95. آشنایی با متغیرهای CSS (Custom Properties)
• 96. تعریف و استفاده از متغیرها
• 97. مزایای استفاده از متغیرها
• 98. آشنایی با پیش‌پردازنده‌های CSS (CSS Preprocessors)
• 99. Sass چیست و چرا استفاده می‌شود؟
• 100. Less چیست و چرا استفاده می‌شود؟