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

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

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

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

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

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

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

• 1. CSS for Fleet Management Handbooks**
• 2. مقدمه‌ای بر دستنامه‌های دیجیتال و چاپی مدیریت ناوگان
• 3. CSS چیست و چرا برای مستندات مهم است؟
• 4. تنظیم محیط توسعه برای CSS
• 5. ساختار پایه HTML برای صفحات مستندات
• 6. روش‌های اتصال CSS به فایل‌های HTML
• 7. استایل‌دهی Inline، Internal و External
• 8. قواعد و سینتکس پایه CSS
• 9. آشنایی با ابزارهای توسعه‌دهنده مرورگر (Developer Tools)
• 10. اصول Cascading، Specificity و Inheritance
• 11. استفاده از کامنت‌ها در CSS برای نگهداری بهتر
• 12. انتخابگرهای نوع (Type Selectors) برای عناصر HTML
• 13. انتخابگرهای کلاس (Class Selectors) برای استایل‌های قابل استفاده مجدد
• 14. انتخابگرهای ID (ID Selectors) برای عناصر منحصربه‌فرد
• 15. انتخابگر جهانی (Universal Selector) و انتخابگرهای گروهی
• 16. انتخابگرهای ویژگی (Attribute Selectors) برای دقت بیشتر
• 17. شبه‌کلاس‌ها (Pseudo-classes): استایل‌دهی به وضعیت عناصر (مانند :hover)
• 18. شبه‌عناصر (Pseudo-elements): استایل‌دهی به بخش‌هایی از عناصر (مانند ::before)
• 19. ترکیب‌کننده‌ها (Combinators): انتخابگرهای فرزند، نواده، و همزاد
• 20. مدل جعبه‌ای (Box Model): Content, Padding, Border, Margin
• 21. تفاوت Display: Block, Inline و Inline-Block
• 22. انتخاب خانواده فونت مناسب برای دستنامه‌ها
• 23. تنظیم اندازه فونت و واحدهای آن (px, em, rem)
• 24. وزن و استایل فونت (bold, italic)
• 25. تنظیم ارتفاع خط (Line Height) برای خوانایی
• 26. تراز و توجیه متن (Text Alignment)
• 27. دکوراسیون و تبدیل متن (Decoration, Transform)
• 28. تنظیم فاصله بین حروف و کلمات (Letter/Word Spacing)
• 29. مدیریت سرریز متن (Text Overflow)
• 30. استفاده از فونت‌های سفارشی با @font-face
• 31. استایل‌دهی لینک‌ها برای ناوبری موثر
• 32. مدل‌های رنگی در CSS (RGB, HSL, Hex)
• 33. اعمال رنگ به متن و پس‌زمینه
• 34. تصاویر پس‌زمینه برای هویت بصری
• 35. موقعیت و تکرار تصاویر پس‌زمینه
• 36. تنظیم اندازه و پیوستگی پس‌زمینه
• 37. ایجاد گرادیان‌ها (Gradients) برای جذابیت بصری
• 38. استایل‌دهی حاشیه‌ها (Borders): عرض، استایل و رنگ
• 39. گوشه‌های گرد با border-radius
• 40. سایه جعبه (Box Shadows) برای عمق
• 41. سایه متن (Text Shadows) برای تأکید
• 42. مقدمه‌ای بر تکنیک‌های چیدمان CSS
• 43. درک جریان عادی سند (Normal Document Flow)
• 44. استفاده از Floats برای چیدمان چند ستونی
• 45. پاک‌سازی Floats به صورت موثر
• 46. موقعیت‌یابی عناصر: Static و Relative
• 47. موقعیت‌یابی Absolute برای هم‌پوشانی‌ها
• 48. موقعیت‌یابی Fixed برای نوارهای ناوبری ثابت
• 49. موقعیت‌یابی Sticky برای عناصر در حال پیمایش
• 50. Z-index برای کنترل ترتیب عناصر
• 51. ایجاد ستون‌بندی با CSS Columns
• 52. مقدمه‌ای بر Flexbox برای چیدمان بخش‌های دستنامه
• 53. خصوصیات کانتینر فلکس: flex-direction، flex-wrap
• 54. خصوصیات آیتم‌های فلکس: flex-grow، flex-shrink، flex-basis
• 55. تراز آیتم‌ها با justify-content و align-items
• 56. تراز کردن آیتم‌های منفرد با align-self
• 57. ترتیب‌دهی آیتم‌های فلکس (Order)
• 58. الگوهای Flexbox ریسپانسیو برای بخش‌های دستنامه
• 59. ساخت منوهای ناوبری با Flexbox
• 60. توزیع محتوا به طور مساوی
• 61. تو در تو کردن کانتینرهای فلکس برای ساختارهای پیچیده
• 62. مقدمه‌ای بر CSS Grid برای ساختار کلی صفحه
• 63. تعریف کانتینرهای گرید و آیتم‌های گرید
• 64. ردیف‌ها و ستون‌های گرید: grid-template-columns، grid-template-rows
• 65. فاصله گرید (Grid Gaps) برای فواصل
• 66. قرار دادن آیتم‌ها با grid-row و grid-column
• 67. نواحی گرید (Grid Areas) برای چیدمان معنایی
• 68. گرید ضمنی (Implicit Grids) و چیدمان خودکار
• 69. تراز کردن آیتم‌ها در گرید
• 70. چیدمان‌های گرید ریسپانسیو با Media Queries
• 71. ساخت رابط‌های داشبوردگونه با گرید
• 72. مقدمه‌ای بر طراحی وب ریسپانسیو برای دستنامه‌های دیجیتال
• 73. تگ متا Viewport برای دستگاه‌های موبایل
• 74. Media Queries: سینتکس و نقاط شکست (Breakpoints)
• 75. رویکرد Mobile-First در مقابل Desktop-First
• 76. تصاویر و رسانه‌های سیال (Fluid Images and Media)
• 77. تایپوگرافی ریسپانسیو (Responsive Typography)
• 78. نمایش و پنهان کردن محتوا بر اساس اندازه صفحه
• 79. مقدمه‌ای بر استایل‌شیت‌های چاپی (Print Stylesheets)
• 80. بهینه‌سازی چیدمان‌ها برای چاپ دستنامه‌ها
• 81. کنترل شکستگی صفحات با break-before, break-after, break-inside
• 82. استایل‌دهی جداول برای نمایش داده‌های ناوگان
• 83. حاشیه‌ها، پدینگ و پس‌زمینه جداول
• 84. استایل‌دهی جداول راه‌راه (Zebra Striping) برای خوانایی
• 85. جداول ریسپانسیو برای صفحات کوچک
• 86. استایل‌دهی لیست‌ها برای دستورالعمل‌ها و چک‌لیست‌ها
• 87. نشانگرهای سفارشی لیست (Custom List Markers)
• 88. استایل‌دهی عناصر پایه فرم (Inputs, Textareas)
• 89. استایل‌دهی دکمه‌ها برای اقدامات
• 90. وضعیت‌های Focus برای دسترسی‌پذیری
• 91. استایل‌دهی منوهای کشویی و چک‌باکس‌ها
• 92. متغیرهای CSS (Custom Properties) برای تم‌سازی
• 93. استفاده از متغیرها برای هویت بصری یکپارچه
• 94. انتقال‌ها (Transitions) برای تغییرات نرم UI
• 95. تبدیل‌ها (Transforms): Scale, Rotate, Translate, Skew
• 96. انیمیشن‌های Keyframe برای جلوه‌های پویا
• 97. بهترین شیوه‌ها برای دسترسی‌پذیری در CSS
• 98. ملاحظات عملکردی: بهینه‌سازی CSS
• 99. سازماندهی CSS: روش‌های مانند BEM
• 100. نگهداری و مقیاس‌پذیری CSS در پروژه‌های بزرگ