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

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

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

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

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

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

• 1. معرفی CSS برای نرم‌افزارهای مدیریت ناوگان
• 2. CSS چیست و چرا مهم است؟
• 3. سینتکس CSS: انتخابگرها، خواص و مقادیر
• 4. روش‌های اعمال CSS: Inline, Internal, External
• 5. انتخابگرهای CSS: ID, Class, Element
• 6. انتخابگرهای CSS: Universal Selector و Grouping
• 7. انتخابگرهای CSS: Attribute Selectors
• 8. انتخابگرهای CSS: Pseudo-classes و Pseudo-elements
• 9. Cascade و Specificity در CSS
• 10. وراثت (Inheritance) در CSS
• 11. باکس مدل CSS: Margin, Border, Padding, Content
• 12. درک ابعاد باکس مدل: Content-box vs. Border-box
• 13. مدیریت Overflow در CSS
• 14. واحدهای اندازه گیری در CSS: Pixels, Ems, Rems, Viewport Units
• 15. کار با رنگ‌ها در CSS: Hex, RGB, RGBA, HSL, HSLA
• 16. پس‌زمینه‌ها در CSS: رنگ، تصویر، تکرار، موقعیت
• 17. فونت‌ها در CSS: خانواده، اندازه، وزن، سبک
• 18. استایل‌دهی متن در CSS: رنگ، تراز، فاصله خطوط، سایه‌ها
• 19. لینک‌ها در CSS: حالت‌های مختلف (hover, visited, active)
• 20. لیست‌ها در CSS: استایل‌دهی به نشانه‌ها و شماره‌ها
• 21. جداول در CSS: استایل‌دهی به Borderها و Paddingها
• 22. موقعیت‌دهی (Positioning) در CSS: Static, Relative, Absolute, Fixed, Sticky
• 23. Z-index و لایه‌بندی عناصر
• 24. شناور (Float) در CSS: چپ، راست، پاک‌سازی
• 25. CSS Display Property: Block, Inline, Inline-block, None
• 26. درک Normal Flow و نحوه تغییر آن
• 27. مقدمه‌ای بر Flexbox: Container و Items
• 28. Flexbox: محور اصلی و محور متقاطع
• 29. Flexbox: خواص `justify-content`
• 30. Flexbox: خواص `align-items`
• 31. Flexbox: خواص `flex-direction`
• 32. Flexbox: خواص `flex-wrap`
• 33. Flexbox: خواص `align-content`
• 34. Flexbox: خواص `flex-grow`, `flex-shrink`, `flex-basis`
• 35. Flexbox: چینش عناصر با `order`
• 36. مقدمه‌ای بر CSS Grid Layout
• 37. Grid: تعریف ردیف‌ها و ستون‌ها
• 38. Grid: واحدهای اندازه‌گیری Grid (fr)
• 39. Grid: خواص `grid-template-columns` و `grid-template-rows`
• 40. Grid: خواص `grid-gap`, `grid-column-gap`, `grid-row-gap`
• 41. Grid: قرار دادن عناصر با `grid-column` و `grid-row`
• 42. Grid: خواص `grid-area`
• 43. Grid: خواص `justify-items`, `align-items`, `place-items`
• 44. Grid: خواص `justify-content`, `align-content`, `place-content`
• 45. Grid: استفاده از `grid-auto-rows` و `grid-auto-columns`
• 46. Grid: تعریف مناطق Grid با `grid-template-areas`
• 47. رسپانسیو دیزاین: مفهوم و اهمیت
• 48. Viewport Meta Tag برای رسپانسیو بودن
• 49. Media Queries: سینتکس و استفاده
• 50. Media Queries: انواع Media Features (width, height, orientation)
• 51. Breakpoints: تعیین نقاط تغییر طرح‌بندی
• 52. طراحی Mobile-First
• 53. واحدهای نسبی (Ems, Rems, Viewport Units) برای رسپانسیو بودن
• 54. استفاده از Flexbox و Grid برای طرح‌بندی رسپانسیو
• 55. تصاویر رسپانسیو: استفاده از `srcset` و `sizes`
• 56. فونت‌های رسپانسیو: استفاده از `clamp()`
• 57. Normalize.css و Reset.css
• 58. مقدمه‌ای بر preprocessors CSS (Sass, Less)
• 59. نصب و راه‌اندازی Sass
• 60. متغیرها در Sass
• 61. توابع (Mixins) در Sass
• 62. ارث‌بری (Extend) در Sass
• 63. پارتشیال‌ها (Partials) و ماژولار کردن CSS با Sass
• 64. عملگرها (Operators) در Sass
• 65. کنترل جریان (Control Directives) در Sass: `@if`, `@else`, `@for`, `@each`, `@while`
• 66. Nesting در Sass
• 67. CSS Modules
• 68. CSS Custom Properties (Variables)
• 69. CSS Functions: `calc()`, `min()`, `max()`, `clamp()`
• 70. CSS Shapes
• 71. CSS Filters
• 72. CSS Blend Modes
• 73. CSS Masking
• 74. CSS Transitions: تعریف و استفاده
• 75. CSS Animations: Keyframes و خواص انیمیشن
• 76. تغییر شکل عناصر با `transform`
• 77. 2D Transformations
• 78. 3D Transformations
• 79. CSS Will-change Property
• 80. کار با آیکون‌ها در CSS: Font Awesome
• 81. کار با آیکون‌ها در CSS: SVG Icons
• 82. استایل‌دهی به فرم‌ها: ورودی‌ها، دکمه‌ها، انتخابگرها
• 83. اعتبارسنجی فرم‌ها با CSS Pseudo-classes
• 84. استایل‌دهی به نوار پیمایش (Navigation Bar)
• 85. استایل‌دهی به جداول داده (Data Tables)
• 86. ایجاد دکمه‌های زیبا و کاربردی
• 87. طراحی کارت‌های اطلاعات (Information Cards)
• 88. ایجاد مودال‌ها (Modals) و پاپ‌آپ‌ها (Pop-ups)
• 89. بهینه‌سازی CSS: Minification و Compression
• 90. Lint کردن CSS: استفاده از Stylelint
• 91. سازماندهی CSS: BEM, OOCSS, SMACSS
• 92. دسترسی‌پذیری (Accessibility) در CSS
• 93. نوشتن CSS قابل نگهداری (Maintainable)
• 94. استفاده از CSS Frameworks: Bootstrap, Tailwind CSS, Materialize
• 95. Debugging CSS: استفاده از ابزارهای توسعه مرورگر
• 96. کار با CSS Grid برای داشبورد های مدیریتی
• 97. ایجاد تم‌های سفارشی برای نرم‌افزار مدیریت ناوگان
• 98. پیاده‌سازی دارک مود با CSS
• 99. تکنیک‌های پیشرفته CSS برای بهبود عملکرد
• 100. Case Study: استایل‌دهی به یک صفحه داشبورد نرم‌افزار مدیریت ناوگان