فلش‌کارت‌های آموزشی CSS for Fleet Management Training

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. CSS چیست و چگونه کار می کند؟
• 3. سینتکس CSS: انتخابگرها، ویژگی ها و مقادیر
• 4. انواع استایل دهی: Inline، Internal و External
• 5. انتخابگرهای CSS: Element، ID، Class
• 6. انتخابگرهای CSS: Universal، Attribute، Pseudo-classes و Pseudo-elements
• 7. cascading و Specificity در CSS
• 8. ارث بری (Inheritance) در CSS
• 9. واحد های اندازه گیری در CSS: Absolute و Relative
• 10. رنگ ها در CSS: نام رنگ، کد HEX، RGB، RGBA، HSL، HSLA
• 11. پس زمینه ها در CSS: رنگ پس زمینه، تصویر پس زمینه، تکرار، موقعیت و اندازه
• 12. فونت ها در CSS: خانواده فونت، اندازه فونت، وزن فونت، استایل فونت
• 13. متن در CSS: رنگ متن، ترازبندی متن، دکوراسیون متن، فاصله بین خطوط
• 14. باکس مدل (Box Model): Content، Padding، Border، Margin
• 15. Borderها در CSS: استایل، رنگ و عرض Border
• 16. Margin و Padding در CSS: کاربرد و تنظیم فواصل
• 17. Display Property: block، inline، inline-block، none
• 18. Positioning در CSS: Static، Relative، Absolute، Fixed، Sticky
• 19. Z-index و مدیریت لایه ها
• 20. فلوت ها (Floats) در CSS: Clearfix
• 21. آشنایی با Flexbox: Container و Items
• 22. Flexbox: محور اصلی و محور فرعی
• 23. Flexbox: جهت دهی آیتم ها (flex-direction)
• 24. Flexbox: پیچیدن آیتم ها (flex-wrap)
• 25. Flexbox: تراز افقی (justify-content)
• 26. Flexbox: تراز عمودی (align-items)
• 27. Flexbox: تراز آیتم های تکی (align-self)
• 28. Flexbox: ترتیب آیتم ها (order)
• 29. Flexbox: انعطاف پذیری آیتم ها (flex-grow, flex-shrink, flex-basis)
• 30. آشنایی با Grid Layout: Container و Items
• 31. Grid Layout: تعریف سطرها و ستون ها (grid-template-rows, grid-template-columns)
• 32. Grid Layout: قراردادن آیتم ها در سلول ها (grid-row, grid-column)
• 33. Grid Layout: نامگذاری خطوط و نواحی (grid-template-areas)
• 34. Grid Layout: ترازبندی آیتم ها (justify-items, align-items, place-items)
• 35. Grid Layout: ترازبندی محتوا (justify-content, align-content, place-content)
• 36. رسپانسیو دیزاین (Responsive Design) چیست؟
• 37. Viewport Meta Tag
• 38. Media Queries: Syntax و کاربرد
• 39. طراحی Mobile-First
• 40. واحدهای اندازه گیری نسبی: em، rem، vh، vw
• 41. تصاویر رسپانسیو: srcset و sizes attributes
• 42. استفاده از Framework های CSS: Bootstrap
• 43. Bootstrap: Grid System
• 44. Bootstrap: Components (Buttons, Forms, Navbar, etc.)
• 45. Bootstrap: Utilities (Spacing, Typography, Colors, etc.)
• 46. استفاده از Framework های CSS: Tailwind CSS
• 47. Tailwind CSS: Utility-First Approach
• 48. Tailwind CSS: Configuration و Customization
• 49. Tailwind CSS: Responsive Design with Tailwind
• 50. Transition ها در CSS: ایجاد انیمیشن های ساده
• 51. Animation ها در CSS: Keyframes و properties
• 52. Transform ها در CSS: rotate, scale, translate, skew
• 53. 3D Transforms در CSS
• 54. Pseudo-classes برای ایجاد افکت های Hover و Active
• 55. ایجاد افکت های پارالاکس (Parallax)
• 56. ابزارهای توسعه دهنده مرورگر (Browser Developer Tools)
• 57. اشکال زدایی (Debugging) CSS
• 58. بهینه سازی CSS: Minification و Concatenation
• 59. CSS Preprocessors: Sass و Less
• 60. Sass: Variables، Nesting، Mixins، Inheritance
• 61. Less: Variables، Nesting، Mixins، Operations
• 62. CSS Modules
• 63. Styled Components
• 64. BEM (Block, Element, Modifier) naming convention
• 65. OOCSS (Object-Oriented CSS)
• 66. Atomic CSS
• 67. کار با آیکون ها: Font Awesome
• 68. کار با آیکون ها: SVG Icons
• 69. Accessibility (دسترسی پذیری) در CSS: راهنمایی ها و تکنیک ها
• 70. CSS Writing Modes: Vertical Text
• 71. CSS Shapes
• 72. CSS Filters: Blur, Grayscale, Sepia, etc.
• 73. CSS Blend Modes
• 74. CSS Clipping Masks
• 75. Variables (Custom Properties) در CSS
• 76. Calc() function در CSS
• 77. Feature Queries در CSS
• 78. شروع یک پروژه Fleet Management: طرح ریزی و ساختاردهی
• 79. طراحی Header برای Fleet Management
• 80. طراحی Navigation Menu برای Fleet Management
• 81. طراحی Footer برای Fleet Management
• 82. طراحی Dashboard برای Fleet Management
• 83. طراحی صفحه مدیریت ناوگان (Vehicle Management)
• 84. طراحی صفحه ردیابی موقعیت (Location Tracking)
• 85. طراحی صفحه گزارشات (Reports)
• 86. طراحی صفحه مدیریت رانندگان (Driver Management)
• 87. طراحی صفحه نگهداری و تعمیرات (Maintenance)
• 88. طراحی صفحه پروفایل کاربری (User Profile)
• 89. طراحی صفحه تنظیمات (Settings)
• 90. طراحی فرم های ورود و ثبت نام (Login and Registration)
• 91. پیاده سازی تم های تیره و روشن (Dark and Light Themes)
• 92. ایجاد یک Style Guide برای پروژه
• 93. بهینه سازی عملکرد CSS برای Fleet Management
• 94. آزمایش و اعتبارسنجی CSS
• 95. استفاده از CSS Frameworks برای Fleet Management
• 96. استقرار و نگهداری CSS در پروژه Fleet Management
• 97. به روز رسانی و ارتقاء CSS در پروژه Fleet Management
• 98. امنیت CSS در پروژه Fleet Management
• 99. روند های جدید در CSS
• 100. منابع و مراجع یادگیری بیشتر CSS