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

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

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

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

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

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

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

• 1. CSS چیست و چرا اهمیت دارد؟
• 2. معرفی سینتکس CSS (انتخابگرها، خصوصیات، مقادیر)
• 3. انواع شیوه‌های استایل دهی (داخلی، خارجی، درون خطی)
• 4. انتخابگرهای CSS: انتخابگرهای عنصر (Element Selectors)
• 5. انتخابگرهای CSS: انتخابگرهای کلاس (Class Selectors)
• 6. انتخابگرهای CSS: انتخابگرهای ID (ID Selectors)
• 7. انتخابگرهای CSS: انتخابگرهای عمومی (Universal Selectors)
• 8. انتخابگرهای CSS: انتخابگرهای گروهی (Grouping Selectors)
• 9. انتخابگرهای CSS: انتخابگرهای فرزند و نواده (Child and Descendant Selectors)
• 10. انتخابگرهای CSS: انتخابگرهای مجاور و کلی (Adjacent and General Sibling Selectors)
• 11. انتخابگرهای CSS: انتخابگرهای ویژگی (Attribute Selectors)
• 12. انتخابگرهای CSS: شبه کلاس ها (Pseudo-classes)
• 13. انتخابگرهای CSS: شبه عناصر (Pseudo-elements)
• 14. باکس مدل CSS: درک مفهوم باکس مدل
• 15. باکس مدل CSS: حاشیه (Margin)
• 16. باکس مدل CSS: لایه مرزی (Border)
• 17. باکس مدل CSS: پدینگ (Padding)
• 18. باکس مدل CSS: محتوا (Content)
• 19. تغییر اندازه باکس مدل: box-sizing
• 20. کار با رنگ‌ها در CSS: نام رنگ‌ها
• 21. کار با رنگ‌ها در CSS: مقادیر RGB و RGBA
• 22. کار با رنگ‌ها در CSS: مقادیر Hexadecimal
• 23. کار با رنگ‌ها در CSS: مقادیر HSL و HSLA
• 24. پس‌زمینه‌ها در CSS: رنگ پس‌زمینه (background-color)
• 25. پس‌زمینه‌ها در CSS: تصویر پس‌زمینه (background-image)
• 26. پس‌زمینه‌ها در CSS: تکرار تصویر پس‌زمینه (background-repeat)
• 27. پس‌زمینه‌ها در CSS: موقعیت تصویر پس‌زمینه (background-position)
• 28. پس‌زمینه‌ها در CSS: اندازه تصویر پس‌زمینه (background-size)
• 29. پس‌زمینه‌ها در CSS: پیوست تصویر پس‌زمینه (background-attachment)
• 30. پس‌زمینه‌ها در CSS: خلاصه نویسی پس‌زمینه (background shorthand)
• 31. فونت‌ها در CSS: تعیین خانواده فونت (font-family)
• 32. فونت‌ها در CSS: اندازه فونت (font-size)
• 33. فونت‌ها در CSS: وزن فونت (font-weight)
• 34. فونت‌ها در CSS: سبک فونت (font-style)
• 35. فونت‌ها در CSS: تغییرات فونت (font-variant)
• 36. فونت‌ها در CSS: فاصله خطوط (line-height)
• 37. فونت‌ها در CSS: خلاصه نویسی فونت (font shorthand)
• 38. متن در CSS: رنگ متن (color)
• 39. متن در CSS: تراز متن (text-align)
• 40. متن در CSS: تزیین متن (text-decoration)
• 41. متن در CSS: تبدیل متن (text-transform)
• 42. متن در CSS: فاصله حروف (letter-spacing)
• 43. متن در CSS: فاصله کلمات (word-spacing)
• 44. متن در CSS: تورفتگی خط اول (text-indent)
• 45. نمایش عناصر (Display Property): مقادیر block، inline، inline-block
• 46. نمایش عناصر (Display Property): مقدار none
• 47. نمایش عناصر (Display Property): مقدار flex
• 48. نمایش عناصر (Display Property): مقدار grid
• 49. موقعیت دهی عناصر (Positioning): موقعیت ایستا (static)
• 50. موقعیت دهی عناصر (Positioning): موقعیت نسبی (relative)
• 51. موقعیت دهی عناصر (Positioning): موقعیت مطلق (absolute)
• 52. موقعیت دهی عناصر (Positioning): موقعیت ثابت (fixed)
• 53. موقعیت دهی عناصر (Positioning): موقعیت چسبنده (sticky)
• 54. کار با Z-index برای لایه بندی عناصر
• 55. ایجاد طرح‌بندی‌های Responsive با استفاده از Media Queries
• 56. واحدهای اندازه‌گیری در CSS: پیکسل (px)
• 57. واحدهای اندازه‌گیری در CSS: درصد (%)
• 58. واحدهای اندازه‌گیری در CSS: em و rem
• 59. واحدهای اندازه‌گیری در CSS: viewport units (vw, vh, vmin, vmax)
• 60. ایجاد منوهای ناوبری با CSS
• 61. استایل دهی به فرم‌ها با CSS
• 62. استفاده از CSS برای جداول داده
• 63. کار با آیکون‌ها در CSS (Font Awesome و SVG)
• 64. انیمیشن‌ها در CSS: تعریف انیمیشن با @keyframes
• 65. انیمیشن‌ها در CSS: خصوصیات animation
• 66. ترنزیشن‌ها در CSS: خصوصیات transition
• 67. استفاده از ترانسفورم‌ها در CSS (transform)
• 68. گرادیان‌ها در CSS: گرادیان‌های خطی (linear-gradient)
• 69. گرادیان‌ها در CSS: گرادیان‌های شعاعی (radial-gradient)
• 70. سایه‌ها در CSS: سایه متن (text-shadow)
• 71. سایه‌ها در CSS: سایه باکس (box-shadow)
• 72. فیلترها در CSS (filter)
• 73. Blend Modes در CSS (mix-blend-mode و background-blend-mode)
• 74. Flexbox: آشنایی با Flexbox Container و Flex Items
• 75. Flexbox: خصوصیات justify-content
• 76. Flexbox: خصوصیات align-items
• 77. Flexbox: خصوصیات align-content
• 78. Flexbox: خصوصیات flex-direction
• 79. Flexbox: خصوصیات flex-wrap
• 80. Flexbox: خصوصیات flex-grow، flex-shrink و flex-basis
• 81. Grid Layout: آشنایی با Grid Container و Grid Items
• 82. Grid Layout: تعریف سطرها و ستون‌ها با grid-template-rows و grid-template-columns
• 83. Grid Layout: تعریف نواحی Grid با grid-template-areas
• 84. Grid Layout: خصوصیات justify-items و align-items
• 85. Grid Layout: خصوصیات justify-content و align-content
• 86. Grid Layout: قرار دادن آیتم‌ها با grid-column-start/end و grid-row-start/end
• 87. Grid Layout: خلاصه نویسی با grid-area
• 88. طراحی ریسپانسیو با Flexbox و Grid
• 89. مفاهیم Accessibility (دسترسی پذیری) در CSS
• 90. استفاده از ARIA Attributes برای بهبود Accessibility
• 91. بهینه‌سازی CSS برای سرعت بارگذاری (Minification و Compression)
• 92. سازماندهی CSS با استفاده از BEM (Block, Element, Modifier)
• 93. استفاده از CSS Preprocessors (Sass, Less): معرفی و مزایا
• 94. متغیرها در Sass و Less
• 95. توابع (Functions) و میکس‌این‌ها (Mixins) در Sass و Less
• 96. ماژول‌ها (Modules) و پارتشال‌ها (Partials) در Sass و Less
• 97. استفاده از Autoprefixer برای سازگاری با مرورگرهای مختلف
• 98. CSS Reset و Normalize.css
• 99. دیباگ کردن CSS با استفاده از DevTools مرورگر
• 100. بهترین روش‌ها برای نوشتن CSS تمیز و قابل نگهداری برای پروژه‌های مدیریت ناوگان.