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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای مدیران ناوگان
• 2. CSS چیست و چرا برای وب سایت ناوگان مهم است؟
• 3. مفاهیم اولیه HTML: ساختار پایه یک صفحه وب
• 4. معرفی انتخابگرها (Selectors) در CSS
• 5. انتخابگرهای نوع (Type Selectors)
• 6. انتخابگرهای کلاس (Class Selectors)
• 7. انتخابگرهای ID (ID Selectors)
• 8. گروه بندی انتخابگرها
• 9. قواعد و ساختار CSS: سینتکس اصلی
• 10. روش های اعمال CSS: Inline, Internal, External
• 11. اولویت بندی قواعد CSS (Specificity)
• 12. درک و استفاده از Cascade در CSS
• 13. رنگ ها در CSS: نام رنگ ها، مقادیر Hex و RGB
• 14. کار با رنگ های HSL و HSLA
• 15. پس زمینه ها: رنگ پس زمینه، تصویر پس زمینه
• 16. تکرار تصویر پس زمینه (Background Repeat)
• 17. موقعیت تصویر پس زمینه (Background Position)
• 18. اندازه تصویر پس زمینه (Background Size)
• 19. کار با فونت ها: انتخاب فونت، اندازه فونت
• 20. استایل دهی به فونت: وزن فونت، استایل فونت
• 21. تغییر متن: رنگ متن، ترازبندی متن
• 22. فاصله بین حروف و خطوط (Letter Spacing و Line Height)
• 23. سایه متن (Text Shadow)
• 24. لیست ها در HTML و CSS: استایل دهی به لیست ها
• 25. جدول ها در HTML و CSS: استایل دهی به جدول ها
• 26. حاشیه ها (Borders): انواع حاشیه، رنگ و ضخامت
• 27. پدینگ (Padding): فضای داخلی عناصر
• 28. مارجین (Margin): فضای بیرونی عناصر
• 29. مدل جعبه ای (Box Model): درک ابعاد عناصر
• 30. تغییر مدل جعبه ای: box-sizing
• 31. نمایش عناصر (Display): block, inline, inline-block
• 32. موقعیت دهی عناصر (Positioning): static, relative, absolute, fixed
• 33. موقعیت دهی عناصر با z-index
• 34. شناور سازی عناصر (Float): چپ و راست
• 35. پاک سازی شناور سازی (Clear)
• 36. ایجاد طرح بندی های پایه با CSS
• 37. معرفی Flexbox: ایجاد طرح بندی های انعطاف پذیر
• 38. ویژگی های اصلی Flexbox: flex-direction, justify-content
• 39. ویژگی های اصلی Flexbox: align-items, align-content
• 40. ویژگی های Flexbox برای عناصر فرزند: flex-grow, flex-shrink, flex-basis
• 41. مرتب سازی عناصر با Flexbox: order
• 42. ایجاد طرح بندی های پیچیده با Flexbox
• 43. معرفی Grid: ایجاد طرح بندی های دو بعدی
• 44. ویژگی های اصلی Grid: grid-template-columns, grid-template-rows
• 45. ویژگی های اصلی Grid: grid-gap, grid-row-gap, grid-column-gap
• 46. قرار دادن عناصر در Grid: grid-column-start, grid-column-end
• 47. قرار دادن عناصر در Grid: grid-row-start, grid-row-end
• 48. نامگذاری خطوط و نواحی Grid
• 49. ایجاد طرح بندی های واکنش گرا با Grid
• 50. واحدهای اندازه گیری در CSS: px, em, rem, %, vw, vh
• 51. استفاده از واحدهای نسبی برای طراحی واکنش گرا
• 52. معرفی رسانه ها (Media Queries): طراحی برای دستگاه های مختلف
• 53. استفاده از Media Queries برای تغییر طرح بندی
• 54. هدف قرار دادن دستگاه های مختلف با Media Queries
• 55. طراحی برای موبایل: Mobile First
• 56. طراحی برای تبلت
• 57. طراحی برای دسکتاپ
• 58. معرفی انیمیشن در CSS: transitions
• 59. ایجاد انیمیشن های ساده با Transitions
• 60. معرفی انیمیشن در CSS: animations
• 61. ایجاد انیمیشن های پیچیده با Keyframes
• 62. کنترل انیمیشن ها: iteration-count, direction
• 63. Transformations: rotate, scale, translate, skew
• 64. استفاده از Transitions و Transformations برای جلوه های ویژه
• 65. Pseudo-classes: hover, active, focus, visited
• 66. Pseudo-elements: before, after, first-letter, first-line
• 67. استایل دهی به فرم ها: ورودی ها، دکمه ها، select
• 68. اعتبارسنجی فرم ها با CSS
• 69. متغیرها در CSS (CSS Variables): تعریف و استفاده
• 70. محاسبه مقادیر با calc()
• 71. فیلترها در CSS: blur, brightness, contrast
• 72. Blend Modes: ترکیب رنگ ها
• 73. Shape Outside: ایجاد اشکال نامنظم
• 74. Clip Path: برش عناصر
• 75. گرادیان ها: Linear و Radial
• 76. سایه جعبه (Box Shadow)
• 77. استفاده از فونت آیکون ها
• 78. SVG در CSS: استفاده از SVG به عنوان تصویر پس زمینه
• 79. سفارشی سازی اسکرول بارها
• 80. بررسی سازگاری CSS با مرورگرهای مختلف
• 81. استفاده از پیشوندها (Prefixes) برای سازگاری
• 82. ابزارهای توسعه مرورگر: بررسی و اشکال زدایی CSS
• 83. اعتبارسنجی CSS با W3C Validator
• 84. بهینه سازی CSS برای عملکرد بهتر وب سایت
• 85. کوچک سازی CSS (Minification)
• 86. فشرده سازی CSS (Compression)
• 87. سازماندهی فایل های CSS: معماری CSS
• 88. اصول طراحی وب مدرن با CSS
• 89. طراحی UI/UX با CSS
• 90. الگوهای طراحی رابط کاربری برای داشبوردهای ناوگان
• 91. استفاده از فریمورک های CSS: Bootstrap
• 92. استفاده از فریمورک های CSS: Tailwind CSS
• 93. استفاده از فریمورک های CSS: Materialize
• 94. سفارشی سازی فریمورک های CSS
• 95. CSS Preprocessors: Sass و Less
• 96. استفاده از Sass: متغیرها، Nesting، Mixins
• 97. استفاده از Less: متغیرها، Nesting، Mixins
• 98. خودکارسازی وظایف CSS با Grunt یا Gulp
• 99. روش های همکاری در پروژه های CSS
• 100. نکات و ترفندهای پیشرفته CSS برای مدیران ناوگان