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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. آشنایی با HTML و ارتباط آن با CSS
• 3. نصب و راه اندازی ویرایشگر کد مناسب
• 4. نحوه ایجاد و استفاده از فایل CSS
• 5. آشنایی با ساختار یک دستور CSS (Ruleset)
• 6. انتخابگرها (Selectors) در CSS: مقدماتی
• 7. انتخابگر نوع (Type Selector)
• 8. انتخابگر کلاس (Class Selector)
• 9. انتخابگر شناسه (ID Selector)
• 10. انتخابگر سراسری (Universal Selector)
• 11. نحوه اعمال CSS به HTML: Inline, Internal, External
• 12. آشنایی با واحد های اندازه گیری در CSS: px, em, rem, %, vw, vh
• 13. رنگ ها در CSS: نام رنگ، کد هگزادسیمال، RGB, RGBA, HSL, HSLA
• 14. ویژگی های مربوط به متن: font-family, font-size, font-weight, font-style, text-decoration
• 15. ویژگی های مربوط به متن: text-align, line-height, letter-spacing, word-spacing, text-transform
• 16. ویژگی های مربوط به پس زمینه: background-color, background-image, background-repeat, background-position, background-size
• 17. مدل جعبه ای (Box Model): Content, Padding, Border, Margin
• 18. نحوه محاسبه اندازه عناصر با استفاده از Box Model
• 19. تغییر Box Model: box-sizing property
• 20. نمایش عناصر: display property (block, inline, inline-block)
• 21. نمایش عناصر: display property (none, table, list-item)
• 22. موقعیت دهی (Positioning): static, relative, absolute, fixed, sticky
• 23. مفهوم z-index و ترتیب لایه ها
• 24. ایجاد طرح بندی های پایه با استفاده از float
• 25. clear property و رفع مشکلات Float
• 26. آشنایی با Flexbox: container properties
• 27. آشنایی با Flexbox: item properties
• 28. ایجاد طرح بندی های انعطاف پذیر با Flexbox
• 29. آشنایی با Grid Layout: container properties
• 30. آشنایی با Grid Layout: item properties
• 31. ایجاد طرح بندی های پیچیده با Grid Layout
• 32. رسانه ها (Media Queries) و طراحی واکنش گرا (Responsive Design)
• 33. ایجاد طرح بندی های مختلف برای دستگاه های مختلف
• 34. استفاده از viewport meta tag
• 35. واحد های اندازه گیری واکنش گرا: em, rem, vw, vh
• 36. آشنایی با CSS Frameworks: Bootstrap, Materialize
• 37. نصب و راه اندازی Bootstrap
• 38. استفاده از Grid System در Bootstrap
• 39. کامپوننت های Bootstrap: Navbar, Buttons, Forms
• 40. استفاده از CSS Frameworks در پروژه های Fleet Management
• 41. مقدمه ای بر SASS و LESS
• 42. نصب و راه اندازی SASS
• 43. متغیر ها (Variables) در SASS
• 44. میکس این ها (Mixins) در SASS
• 45. توابع (Functions) در SASS
• 46. وراثت (Inheritance) در SASS
• 47. پارتشیال ها (Partials) در SASS
• 48. ماژولار کردن CSS با SASS
• 49. استفاده از CSS Modules
• 50. انیمیشن ها در CSS: keyframes
• 51. انیمیشن ها در CSS: transition
• 52. انتقال ها (Transitions)
• 53. تبدیل ها (Transforms): translate, rotate, scale, skew
• 54. فیلترها (Filters) در CSS: blur, grayscale, sepia
• 55. Shadows (سایه ها) در CSS: box-shadow, text-shadow
• 56. گرادیان ها (Gradients) در CSS: linear-gradient, radial-gradient
• 57. ماسک ها (Masks) در CSS
• 58. آشنایی با مفاهیم Accessibility (دسترسی پذیری)
• 59. استفاده از رنگ های کنتراست بالا
• 60. بهینه سازی تصاویر برای دسترسی پذیری
• 61. استفاده از ARIA attributes
• 62. CSS Reset و Normalize.css
• 63. ایجاد یک CSS Reset سفارشی
• 64. استفاده از فونت های سفارشی (Custom Fonts)
• 65. بهینه سازی CSS برای سرعت بارگذاری
• 66. Minification و Concatenation
• 67. استفاده از CSS Sprites
• 68. Lazy Loading تصاویر
• 69. استفاده از CDN برای CSS
• 70. اعتبارسنجی کد CSS (CSS Validation)
• 71. سازگاری با مرورگرهای مختلف (Cross-Browser Compatibility)
• 72. آشنایی با prefixed properties
• 73. Debugging CSS: Chrome DevTools
• 74. Debugging CSS: Firefox Developer Tools
• 75. نحوه استفاده از inspect element
• 76. استفاده از Source Maps
• 77. Git و کنترل نسخه برای CSS
• 78. قواعد نام گذاری CSS (Naming Conventions): BEM, SMACSS, OOCSS
• 79. معرفی ابزارهای Linting برای CSS: Stylelint
• 80. CSS Architecture: Atomic CSS
• 81. CSS Architecture: ITCSS
• 82. آشنایی با Web Components
• 83. ایجاد Shadow DOM
• 84. Scoped CSS
• 85. استفاده از Custom Properties (CSS Variables)
• 86. طراحی رابط کاربری (UI) برای Fleet Management: اصول و مبانی
• 87. طراحی تجربه کاربری (UX) برای Fleet Management: اصول و مبانی
• 88. طراحی فرم ها (Forms) در CSS برای Fleet Management
• 89. طراحی جداول (Tables) در CSS برای Fleet Management
• 90. طراحی داشبورد (Dashboard) در CSS برای Fleet Management
• 91. طراحی نقشه ها (Maps) در CSS برای Fleet Management (مثل نمایش موقعیت مکانی ناوگان)
• 92. طراحی گزارش ها (Reports) در CSS برای Fleet Management
• 93. بهینه سازی CSS برای چاپ (Print Styles)
• 94. طراحی ایمیل ها (Emails) با استفاده از CSS
• 95. آشنایی با CSS-in-JS
• 96. استفاده از Styled Components
• 97. استفاده از Emotion
• 98. CSS Performance Optimization Techniques
• 99. آشنایی با PostCSS
• 100. استفاده از autoprefixer