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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و مدیریت ناوگان
• 2. CSS چیست و چه کاربردی دارد؟
• 3. ارتباط CSS با HTML و DOM
• 4. روش های مختلف اعمال CSS (Inline, Internal, External)
• 5. آشنایی با syntax CSS (سلکتور، ویژگی، مقدار)
• 6. انتخابگرها (Selectors) در CSS
• 7. انتخابگرهای عمومی (Universal Selector)
• 8. انتخابگرهای نوع (Type Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای شناسه (ID Selectors)
• 11. انتخابگرهای ت (Attribute Selectors)
• 12. انتخابگرهای فرزند (Child Selectors)
• 13. انتخابگرهای فرزند مستقیم (Direct Child Selectors)
• 14. انتخابگرهای همزاد (Sibling Selectors)
• 15. انتخابگرهای همزاد مجاور (Adjacent Sibling Selectors)
• 16. انتخابگرهای شبه کلاس (Pseudo-classes)
• 17. انتخابگرهای شبه عنصر (Pseudo-elements)
• 18. آشنایی با باکس مدل (Box Model)
• 19. مفهوم padding و margin
• 20. مفهوم border و width و height
• 21. تفاوت between padding و margin
• 22. تنظیمات پیش فرض مرورگر (Browser Reset)
• 23. استفاده از Normalize.css
• 24. کار با متن ها در CSS
• 25. ویژگی font-family
• 26. ویژگی font-size
• 27. ویژگی font-weight
• 28. ویژگی font-style
• 29. ویژگی text-align
• 30. ویژگی line-height
• 31. ویژگی letter-spacing
• 32. ویژگی word-spacing
• 33. رنگ ها در CSS
• 34. انواع فرمت رنگ (Hex, RGB, RGBA, HSL, HSLA)
• 35. انتخاب رنگ مناسب برای طراحی
• 36. استفاده از متغیرهای CSS برای رنگ ها
• 37. پس زمینه (Background) در CSS
• 38. ویژگی background-color
• 39. ویژگی background-image
• 40. ویژگی background-repeat
• 41. ویژگی background-position
• 42. ویژگی background-size
• 43. گرادیان ها (Gradients) در CSS
• 44. موقعیت دهی (Positioning) در CSS
• 45. ویژگی position (static, relative, absolute, fixed, sticky)
• 46. مفهوم z-index
• 47. استفاده از position برای لایه بندی عناصر
• 48. چیدمان عناصر (Layout) در CSS
• 49. مفهوم float
• 50. Clearfix برای رفع مشکلات float
• 51. آشنایی با Flexbox
• 52. آشنایی با Grid Layout
• 53. تفاوت between Flexbox و Grid Layout
• 54. طراحی ریسپانسیو (Responsive Design)
• 55. مفهوم Viewport Meta Tag
• 56. Query Media Query (Media Queries)
• 57. breakpoints تعیین Breakpoints
• 58. استفاده از واحد های نسبی (%, em, rem, vh, vw)
• 59. موبایل اولویت (Mobile-First) در طراحی
• 60. انواع دستگاه ها و اندازه صفحه نمایش
• 61. کار با تصاویر در CSS
• 62. تغییر اندازه تصاویر
• 63. روش های بهینه سازی تصاویر برای وب
• 64. استفاده از SVG
• 65. انیمیشن ها و Transition ها
• 66. ویژگی transition
• 67. ویژگی animation
• 68. ایجاد انیمیشن های ساده با CSS
• 69. استفاده از keyframes
• 70. فرم ها در CSS
• 71. استایل دهی به input ها
• 72. استایل دهی به textarea ها
• 73. استایل دهی به دکمه ها
• 74. استایل دهی به select ها
• 75. جداول در CSS
• 76. استایل دهی به جدول ها
• 77. استایل دهی به ردیف ها و ستون ها
• 78. استفاده از pseudo-classes برای جدول ها
• 79. لیست ها در CSS
• 80. استایل دهی به لیست های مرتب و نامرتب
• 81. استفاده از list-style-type
• 82. استفاده از list-style-image
• 83. ماژول های CSS (CSS Modules)
• 84. SASS و LESS (CSS Preprocessors)
• 85. مقدمه ای بر SASS
• 86. مقدمه ای بر LESS
• 87. متغیرها (Variables) در SASS و LESS
• 88. mixin ها (Mixins) در SASS و LESS
• 89. توابع (Functions) در SASS و LESS
• 90. import در SASS و LESS
• 91. CSS Frameworks (Bootstrap, Tailwind CSS)
• 92. مقدمه ای بر Bootstrap
• 93. مقدمه ای بر Tailwind CSS
• 94. نصب و راه اندازی Bootstrap و Tailwind CSS
• 95. استفاده از grid system در Bootstrap و Tailwind CSS
• 96. کامپوننت ها (Components) در Bootstrap و Tailwind CSS
• 97. استایل دهی سفارشی در Bootstrap و Tailwind CSS
• 98. بهینه سازی CSS
• 99. minify کردن CSS
• 100. استفاده از CDN برای CSS