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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در پورتال‌های مدیریت ناوگان
• 2. آشنایی با ساختار CSS: انتخابگر، خصوصیت، مقدار
• 3. روش‌های افزودن CSS به صفحه: داخلی، خارجی و درون‌خطی
• 4. استفاده از کامنت‌ها در CSS برای مستندسازی
• 5. آشنایی با ابزارهای توسعه‌دهنده مرورگر (Developer Tools) برای CSS
• 6. انتخابگرهای اصلی: تگ، کلاس و شناسه (ID)
• 7. مفهوم Cascade (آبشار) در CSS
• 8. اولویت‌بندی و امتیازدهی انتخابگرها (Specificity)
• 9. مفهوم وراثت (Inheritance)
• 10. کار با رنگ‌ها: نام‌های کلیدی، Hex، RGB و RGBA
• 11. کار با پس‌زمینه: خصوصیت background-color
• 12. افزودن تصویر به پس‌زمینه: خصوصیت background-image
• 13. کنترل تکرار تصویر پس‌زمینه: background-repeat
• 14. موقعیت‌دهی تصویر پس‌زمینه: background-position
• 15. اندازه‌بندی تصویر پس‌زمینه: background-size
• 16. خصوصیت جامع background
• 17. مبانی تایپوگرافی: font-family و فونت‌های وب
• 18. اندازه فونت: font-size و واحدهای مرتبط
• 19. وزن فونت: font-weight
• 20. استایل فونت: font-style و font-variant
• 21. خصوصیت جامع font
• 22. تراز کردن متن: text-align
• 23. تزئینات متن: text-decoration
• 24. تغییر حروف متن: text-transform
• 25. فاصله بین حروف و کلمات: letter-spacing و word-spacing
• 26. ارتفاع خط: line-height
• 27. مدل جعبه‌ای (Box Model): محتوا، Padding، Border، Margin
• 28. خصوصیت box-sizing: content-box در مقابل border-box
• 29. تنظیمات Padding
• 30. تنظیمات Border: استایل، عرض و رنگ
• 31. گرد کردن گوشه‌ها: border-radius
• 32. تنظیمات Margin و مفهوم Margin Collapse
• 33. واحدها در CSS: واحدهای مطلق (px, pt)
• 34. واحدها در CSS: واحدهای نسبی (em, rem, %)
• 35. واحدها در CSS: واحدهای Viewport (vw, vh)
• 36. استایل‌دهی به لینک‌ها و حالت‌های آن (:link, :visited, :hover, :active)
• 37. خصوصیت display: بلاک (block) و درون‌خطی (inline)
• 38. خصوصیت display: inline-block و none
• 39. کنترل سرریز محتوا: overflow
• 40. موقعیت‌دهی (Positioning): static و relative
• 41. موقعیت‌دهی (Positioning): absolute
• 42. موقعیت‌دهی (Positioning): fixed و sticky
• 43. لایه بندی با z-index
• 44. مقدمه‌ای بر Flexbox برای چیدمان‌های یک‌بعدی
• 45. ویژگی‌های کانتینر Flexbox: flex-direction و flex-wrap
• 46. تراز کردن آیتم‌ها در محور اصلی: justify-content
• 47. تراز کردن آیتم‌ها در محور متقاطع: align-items
• 48. تراز کردن خطوط چندگانه: align-content
• 49. ویژگی‌های آیتم‌های Flexbox: order
• 50. ویژگی‌های آیتم‌های Flexbox: flex-grow
• 51. ویژگی‌های آیتم‌های Flexbox: flex-shrink و flex-basis
• 52. تراز کردن یک آیتم خاص: align-self
• 53. مقدمه‌ای بر Grid برای چیدمان‌های دوبعدی
• 54. تعریف ستون‌ها و ردیف‌ها: grid-template-columns و grid-template-rows
• 55. ایجاد فاصله بین آیتم‌ها: gap
• 56. موقعیت‌دهی آیتم‌ها در Grid با شماره خطوط
• 57. نام‌گذاری خطوط و نواحی در Grid
• 58. ترکیب Flexbox و Grid برای چیدمان‌های پیچیده
• 59. طراحی جداول داده: لیست خودروها و رانندگان
• 60. استایل‌دهی به سرآیند (thead) و بدنه (tbody) جدول
• 61. ایجاد سطرهای شطرنجی در جداول (Zebra Stripes)
• 62. استایل‌دهی به فرم‌ها: برچسب‌ها (labels) و ورودی‌ها (inputs)
• 63. طراحی فیلدهای متنی، رمز عبور و ایمیل
• 64. طراحی دکمه‌ها (Buttons) و حالت‌های مختلف آن
• 65. طراحی چک‌باکس‌ها (Checkboxes) و دکمه‌های رادیویی (Radio Buttons)
• 66. طراحی لیست‌های کشویی (Dropdown/Select)
• 67. گروه‌بندی فیلدها با fieldset و legend
• 68. طراحی کارت‌ها (Cards) برای نمایش اطلاعات خودرو یا راننده
• 69. ایجاد نشانگرهای وضعیت: آنلاین، آفلاین، در ماموریت
• 70. استایل‌دهی به لیست‌ها: مرتب (ol) و نامرتب (ul)
• 71. مبانی طراحی واکنش‌گرا (Responsive Design)
• 72. کار با Media Queries برای سازگاری با دستگاه‌های مختلف
• 73. رویکرد Mobile-First در طراحی واکنش‌گرا
• 74. استفاده از تصاویر واکنش‌گرا
• 75. انتخابگرهای پیشرفته: فرزند (>) و همسایه (+)
• 76. انتخابگرهای پیشرفته: انتخابگرهای ویژگی (Attribute Selectors)
• 77. شبه-کلاس‌ها (Pseudo-classes): nth-child و nth-of-type
• 78. شبه-المان‌ها (Pseudo-elements): before:: و after::
• 79. استفاده از before:: و after:: برای آیکون‌ها و تزئینات
• 80. مفهوم و کاربرد متغیرهای CSS (Custom Properties)
• 81. ایجاد تم روشن و تاریک برای داشبورد با متغیرهای CSS
• 82. انتقال‌ها (Transitions) برای ایجاد انیمیشن‌های نرم
• 83. خصوصیت transform: توابع 2D (translate, scale, rotate)
• 84. خصوصیت transform: توابع 3D
• 85. انیمیشن‌های کلیدی (Keyframe Animations)
• 86. فیلترهای CSS: grayscale, blur, brightness
• 87. کار با خصوصیت visibility و تفاوت آن با display:none
• 88. مبانی دسترسی‌پذیری (Accessibility): استایل‌دهی به حالت focus
• 89. اهمیت کنتراست رنگ در طراحی داشبورد
• 90. استایل‌دهی به عناصر غیرفعال (disabled) در فرم‌ها
• 91. ایجاد استایل‌های قابل چاپ برای گزارشات دوره‌ای (@media print)
• 92. پنهان کردن عناصر غیرضروری در نسخه چاپی
• 93. تنظیمات صفحه و شکست صفحه در چاپ
• 94. سازماندهی فایل‌های CSS
• 95. معرفی متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 96. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 97. استفاده از متغیرها و تودرتویی (Nesting) در Sass
• 98. استفاده از Mixin ها در Sass برای کدهای قابل استفاده مجدد
• 99. استفاده از توابع و عملیات ریاضی در Sass
• 100. نصب و کامپایل کدهای Sass