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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. CSS for Fleet Management Initiatives - Course Outline
• 2. مقدمه ای بر CSS و نقش آن در طراحی وب
• 3. آشنایی با سینتکس CSS: انتخابگرها، ویژگی ها و مقادیر
• 4. نحوه استفاده از CSS: Inline، Internal و External
• 5. آشنایی با انتخابگرهای CSS: نوع (Type)، کلاس (Class) و ID
• 6. انتخابگرهای ترکیبی: فرزند (Descendant)، فرزند مستقیم (Child) و مجاور (Adjacent)
• 7. انتخابگرهای ویژگی (Attribute Selectors)
• 8. انتخابگرهای شبه کلاس (Pseudo-classes): hover، active، visited و غیره
• 9. انتخابگرهای شبه المان (Pseudo-elements): before، after و غیره
• 10. آشنایی با مدل جعبه ای (Box Model): Content، Padding، Border و Margin
• 11. مدیریت حاشیه ها (Margins) و فاصله ها (Padding)
• 12. تنظیم اندازه عناصر (Width و Height)
• 13. آشنایی با ویژگی Display: block، inline، inline-block و none
• 14. موقعیت دهی عناصر (Positioning): static، relative، absolute و fixed
• 15. استفاده از z-index برای کنترل ترتیب لایه ها
• 16. درک مفاهیم Overflow و Clip
• 17. آشنایی با واحدهای اندازه گیری CSS: px، em، rem، %، vw و vh
• 18. کار با رنگ ها در CSS: نام رنگ ها، Hex، RGB و HSL
• 19. گرادیان ها (Gradients): خطی (Linear) و شعاعی (Radial)
• 20. استفاده از تصاویر پس زمینه (Background Images)
• 21. تکرار تصاویر پس زمینه (Background Repeat)
• 22. موقعیت دهی تصاویر پس زمینه (Background Position)
• 23. اندازه تصاویر پس زمینه (Background Size)
• 24. آشنایی با فونت ها و ویژگی های مربوط به متن
• 25. تنظیم اندازه فونت (Font Size)، خانواده فونت (Font Family) و وزن فونت (Font Weight)
• 26. استایل دهی به متن: رنگ (Color)، تراز (Text Align)، فاصله حروف (Letter Spacing) و غیره
• 27. کار با لیست ها در CSS: استایل دهی به لیست های مرتب (Ordered) و نامرتب (Unordered)
• 28. استایل دهی به لینک ها (Links): رنگ، زیرخط و حالت های مختلف
• 29. آشنایی با جدول ها (Tables) و استایل دهی به آنها
• 30. حاشیه های جدول (Table Borders) و فاصله سلول ها (Cell Spacing)
• 31. استایل دهی به سرصفحه ها (Headers) و ردیف ها (Rows) در جدول
• 32. آشنایی با فرم ها (Forms) و استایل دهی به عناصر آنها
• 33. استایل دهی به Input ها، Textarea ها و دکمه ها
• 34. استفاده از CSS برای بهبود خوانایی فرم ها
• 35. مقدمه ای بر طرح بندی های واکنش گرا (Responsive Layouts)
• 36. آشنایی با Viewport Meta Tag
• 37. استفاده از Media Queries برای طراحی واکنش گرا
• 38. کار با واحدهای نسبی (Relative Units) در طراحی واکنش گرا
• 39. ایجاد طرح بندی های انعطاف پذیر (Fluid Layouts)
• 40. آشنایی با Flexbox برای ایجاد طرح بندی های پیچیده
• 41. مفاهیم اصلی Flexbox: Flex Container و Flex Items
• 42. تنظیم جهت (Direction)، تراز (Justify Content) و چینش (Align Items) در Flexbox
• 43. کار با Flex Grow، Flex Shrink و Flex Basis
• 44. استفاده از Grid Layout برای ایجاد طرح بندی های دو بعدی
• 45. مفاهیم اصلی Grid Layout: Grid Container و Grid Items
• 46. تعریف ردیف ها (Rows) و ستون ها (Columns) در Grid Layout
• 47. قرار دادن عناصر در Grid با استفاده از Grid Lines و Grid Areas
• 48. تنظیم تراز (Justify Content و Align Items) در Grid Layout
• 49. آشنایی با مفاهیم CSS Specificity و Inheritance
• 50. درک اهمیت Specificity در حل تعارضات CSS
• 51. استفاده از !important با احتیاط
• 52. آشنایی با متغیرهای CSS (CSS Custom Properties)
• 53. تعریف و استفاده از متغیرها برای رنگ ها، فونت ها و غیره
• 54. مدیریت Theme ها با استفاده از متغیرهای CSS
• 55. مقدمه ای بر CSS Preprocessors: Sass و Less
• 56. آشنایی با متغیرها، Mixins و Nesting در Sass/Less
• 57. استفاده از Sass/Less برای سازماندهی و نگهداری CSS
• 58. کامپایل Sass/Less به CSS
• 59. آشنایی با CSS Framework ها: Bootstrap، Tailwind CSS و Materialize
• 60. استفاده از Bootstrap برای ایجاد سریع طرح بندی های واکنش گرا
• 61. استفاده از Tailwind CSS برای استایل دهی با کلاس های utility-first
• 62. سفارشی سازی CSS Framework ها
• 63. آشنایی با CSS Animations و Transitions
• 64. ایجاد Transitions برای تغییرات تدریجی در ویژگی های CSS
• 65. ایجاد Animations برای حرکات پیچیده تر و تکرار شونده
• 66. استفاده از Keyframes برای تعریف مراحل انیمیشن
• 67. کنترل سرعت و تکرار انیمیشن ها
• 68. آشنایی با CSS Transforms: translate، rotate، scale و skew
• 69. استفاده از Transforms برای ایجاد جلوه های بصری جذاب
• 70. ترکیب Transforms با Animations و Transitions
• 71. آشنایی با CSS Filters: blur، brightness، contrast و غیره
• 72. استفاده از Filters برای ویرایش تصاویر و ویدیوها در CSS
• 73. آشنایی با Blend Modes برای ترکیب رنگ ها و تصاویر
• 74. آشنایی با CSS Shapes برای ایجاد اشکال غیر متعارف
• 75. استفاده از Clip-path برای برش عناصر به اشکال مختلف
• 76. بهینه سازی CSS برای عملکرد بهتر
• 77. فشرده سازی (Minification) و ترکیب (Concatenation) فایل های CSS
• 78. استفاده از CDN ها برای ارائه CSS
• 79. بهینه سازی تصاویر پس زمینه
• 80. آشنایی با تکنیک های پیشرفته CSS: BEM، OOCSS و SMACSS
• 81. استفاده از BEM (Block, Element, Modifier) برای نامگذاری کلاس ها
• 82. استفاده از OOCSS (Object-Oriented CSS) برای ایجاد CSS قابل استفاده مجدد
• 83. استفاده از SMACSS (Scalable and Modular Architecture for CSS) برای سازماندهی CSS
• 84. آشنایی با accessibility (دسترسی پذیری) در CSS
• 85. استفاده از Semantic HTML برای بهبود دسترسی پذیری
• 86. ایجاد contrast مناسب بین متن و پس زمینه
• 87. استفاده از ARIA attributes برای بهبود دسترسی پذیری عناصر رابط کاربری
• 88. تست CSS در مرورگرهای مختلف (Cross-browser compatibility)
• 89. استفاده از Browser Developer Tools برای دیباگ CSS
• 90. رفع مشکلات رایج CSS
• 91. آشنایی با مفاهیم Performance Budget برای CSS
• 92. اندازه گیری و بهبود عملکرد CSS
• 93. استفاده از Lighthouse برای ارزیابی عملکرد و دسترسی پذیری
• 94. استفاده از CSS Modules برای Scope کردن CSS
• 95. آشنایی با Shadow DOM
• 96. کار با CSS-in-JS Libraries: Styled Components، Emotion
• 97. استایل دهی پویا با CSS-in-JS
• 98. نوشتن CSS برای وبسایت های مربوط به مدیریت ناوگان
• 99. طراحی صفحات داشبورد و گزارش گیری با CSS
• 100. سفارشی سازی ظاهر نقشه ها (Map Styling) با CSS