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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در Fleet Management Systems
• 2. درک مفاهیم پایه ای HTML و CSS
• 3. آشنایی با ساختار CSS: سلکتورها، خواص و مقادیر
• 4. نحوه نوشتن و استفاده از قوانین CSS
• 5. انواع سلکتورها در CSS: عناصر، کلاس ها، ID ها
• 6. سلکتورهای ترکیبی (Combinators)
• 7. سلکتورهای ویژگی (Attribute Selectors)
• 8. سلکتورهای شبه کلاس (Pseudo-classes)
• 9. سلکتورهای شبه عنصر (Pseudo-elements)
• 10. اولویت بندی CSS: Specificity و Importance
• 11. نحوه اعمال CSS: Inline، Internal و External
• 12. آشنایی با باکس مدل (Box Model) در CSS
• 13. Margin، Border، Padding و Content
• 14. اندازه دهی عناصر: Width و Height
• 15. OverFlow و نحوه مدیریت محتوای اضافی
• 16. انواع واحد های اندازه گیری در CSS: px، em، rem، %، vw، vh
• 17. آشنایی با رنگ ها در CSS: Hex، RGB، RGBA، HSL، HSLA
• 18. پس زمینه ها در CSS: رنگ، تصویر، تکرار، موقعیت
• 19. فونت ها در CSS: خانواده، اندازه، وزن، سبک
• 20. متن در CSS: رنگ، تراز، فاصله خطوط، سایه
• 21. لینک ها در CSS: حالت های مختلف و استایل دهی
• 22. لیست ها در CSS: استایل دهی و سفارشی سازی
• 23. جداول در CSS: استایل دهی و سفارشی سازی
• 24. فرم ها در CSS: استایل دهی و سفارشی سازی
• 25. آشنایی با Display Property: block، inline، inline-block، none
• 26. Positioning در CSS: static، relative، absolute، fixed، sticky
• 27. Z-index و مدیریت لایه ها
• 28. آشنایی با Flexbox: Container و Items
• 29. محورهای اصلی و فرعی در Flexbox
• 30. خواص Flexbox: flex-direction، justify-content، align-items، align-content
• 31. آشنایی با Grid Layout: Container و Items
• 32. تعریف ردیف ها و ستون ها در Grid
• 33. خواص Grid: grid-template-columns، grid-template-rows، grid-gap
• 34. Flexbox vs Grid: انتخاب مناسب برای Layout
• 35. آشنایی با Media Queries: طراحی واکنش گرا (Responsive Design)
• 36. تعریف Breakpoints برای دستگاه های مختلف
• 37. استفاده از Media Queries برای تغییر Layout و استایل
• 38. آشنایی با Mobile-First Design
• 39. استفاده از Viewport Meta Tag
• 40. آشنایی با CSS Frameworks: Bootstrap، Tailwind CSS
• 41. نصب و راه اندازی Bootstrap
• 42. Grid System در Bootstrap
• 43. کامپوننت های Bootstrap: Navigation، Buttons، Forms
• 44. نصب و راه اندازی Tailwind CSS
• 45. Utility-First CSS در Tailwind
• 46. سفارشی سازی Tailwind CSS
• 47. آشنایی با CSS Preprocessors: Sass، Less
• 48. نصب و راه اندازی Sass
• 49. متغیرها در Sass
• 50. Mixin ها در Sass
• 51. توابع در Sass
• 52. وارد کردن فایل ها در Sass (Partials)
• 53. حلقه ها و شرط ها در Sass
• 54. آشنایی با CSS Modules
• 55. Scoped CSS و جلوگیری از تداخل استایل ها
• 56. نحوه استفاده از CSS Modules در پروژه ها
• 57. آشنایی با BEM (Block, Element, Modifier)
• 58. نام گذاری کلاس ها با استفاده از BEM
• 59. مزایای استفاده از BEM
• 60. آشنایی با Atomic CSS
• 61. ایجاد کامپوننت های Atomic CSS
• 62. مزایای استفاده از Atomic CSS
• 63. آشنایی با مفاهیم Accessibility (دسترسی پذیری) در CSS
• 64. استفاده از ARIA Attributes
• 65. تست کردن Accessibility وب سایت
• 66. بهینه سازی CSS برای سرعت بارگذاری
• 67. Minify کردن CSS
• 68. Concatenate کردن CSS files
• 69. استفاده از CDN برای CSS
• 70. Lazy Loading CSS
• 71. آشنایی با CSS Animations
• 72. Keyframes در CSS Animations
• 73. خواص Animation: duration، delay، iteration-count، timing-function
• 74. آشنایی با CSS Transitions
• 75. خواص Transition: property، duration، timing-function، delay
• 76. ایجاد Transition های Smooth
• 77. استفاده از transform در CSS: translate، rotate، scale، skew
• 78. ایجاد جلوه های بصری با استفاده از transform
• 79. آشنایی با CSS Filters
• 80. اعمال فیلترها بر روی تصاویر و عناصر
• 81. آشنایی با Blend Modes در CSS
• 82. ایجاد جلوه های ترکیب رنگی با Blend Modes
• 83. آشنایی با clip-path در CSS
• 84. ایجاد اشکال و ماسک های پیچیده با clip-path
• 85. آشنایی با Shape Outside در CSS
• 86. ایجاد Layout های نامنظم با Shape Outside
• 87. استفاده از Variable Fonts
• 88. سفارشی سازی فونت ها با Variable Fonts
• 89. آشنایی با Custom Properties (CSS Variables)
• 90. تعریف و استفاده از Custom Properties
• 91. مزایای استفاده از Custom Properties
• 92. استفاده از calc() function در CSS
• 93. محاسبه مقادیر CSS با استفاده از calc()
• 94. ایجاد Layout های پیچیده با calc()
• 95. آشنایی با CSS Grid Areas
• 96. نام گذاری Grid Areas
• 97. استفاده از Grid Areas برای Layout
• 98. آشنایی با Subgrid در CSS
• 99. ایجاد Grid های تو در تو با Subgrid
• 100. آشنایی با aspect-ratio در CSS