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

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

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

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

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

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

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

• 1. مبانی CSS و شروع کار با استایل‌دهی
• 2. آشنایی با ساختار و نحو CSS
• 3. انتخابگرها (Selectors): مقدمه و انواع اصلی
• 4. انتخابگرهای نوع (Type Selectors)
• 5. انتخابگرهای کلاس (Class Selectors)
• 6. انتخابگرهای ID (ID Selectors)
• 7. انتخابگرهای عمومی (Universal Selectors)
• 8. انتخابگرهای ترکیبی (Combinators): فرزند، همجوار، عمومی
• 9. اولویت انتخابگرها (Specificity)
• 10. به ارث بری در CSS (Inheritance)
• 11. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 12. اندازه گیری واحدها (Units): px, em, rem, %, vh, vw
• 13. ویژگی های متن (Text Properties): color, font-size, font-family
• 14. ویژگی های متن: font-weight, font-style, text-align
• 15. ویژگی های متن: text-decoration, text-transform, line-height
• 16. ویژگی های متن: letter-spacing, word-spacing
• 17. استایل‌دهی به لینک‌ها (Links)
• 18. استایل‌دهی به لیست‌ها (Lists)
• 19. استفاده از background-color و background-image
• 20. تنظیم موقعیت پس زمینه (background-position, background-size, background-repeat)
• 21. کار با gradient ها: linear-gradient, radial-gradient
• 22. آشنایی با border و border-radius
• 23. استفاده از shadow ها: box-shadow, text-shadow
• 24. کار با display: inline, block, inline-block, none
• 25. مفهوم position: static, relative, absolute, fixed, sticky
• 26. شناورسازی (Float) و پاکسازی (Clear)
• 27. Layout با استفاده از flexbox: مقدمه و مفاهیم اصلی
• 28. Flexbox: تنظیم جهت و چیدمان (flex-direction, justify-content, align-items)
• 29. Flexbox: تنظیم اندازه (flex-grow, flex-shrink, flex-basis)
• 30. Flexbox: ترتیب نمایش (order)
• 31. Layout با استفاده از grid: مقدمه و مفاهیم اصلی
• 32. Grid: ایجاد ستون‌ها و ردیف‌ها (grid-template-columns, grid-template-rows)
• 33. Grid: جایگذاری آیتم‌ها (grid-column, grid-row)
• 34. Grid: تنظیم فضای بین خانه‌ها (grid-gap)
• 35. طراحی واکنش‌گرا (Responsive Design): مفاهیم و اهمیت
• 36. Media Queries: مقدمه و استفاده پایه
• 37. Media Queries: طراحی برای دستگاه‌های مختلف (viewport)
• 38. طراحی واکنش‌گرا: تصاویر و ویدئوها
• 39. CSS Variables (Custom Properties): تعریف و استفاده
• 40. CSS Variables: دسترسی و تغییر مقادیر
• 41. انیمیشن‌ها (Animations): مقدمه و تعریف keyframes
• 42. انیمیشن‌ها: تنظیمات زمان‌بندی و تکرار
• 43. Transitions: مقدمه و استفاده
• 44. Transitions: تنظیمات زمان‌بندی و delay
• 45. Selectors پیشرفته: nth-child, nth-of-type
• 46. Selectors پیشرفته: :hover, :active, :focus, :visited
• 47. Selectors پیشرفته: :first-child, :last-child, :nth-last-child
• 48. Import کردن CSS: @import و روش‌های دیگر
• 49. ساختاردهی CSS: فایل‌های CSS و پوشه‌ها
• 50. بهینه سازی CSS: حجم فایل، انتخابگرها، minify
• 51. CSS preprocessors: مقدمه و بررسی SASS/SCSS
• 52. مقدمه ای بر SASS/SCSS: متغیرها
• 53. مقدمه ای بر SASS/SCSS: توابع و Mixins
• 54. مقدمه ای بر SASS/SCSS: Nesting
• 55. آشنایی با grid layout: layout های پیچیده تر
• 56. Grid layout: ایجاد layout های دو بعدی
• 57. Grid layout: استفاده از implicit grid
• 58. کاربرد transform: translate, rotate, scale
• 59. کاربرد transform: skew, matrix
• 60. کاربرد transition برای انیمیشن های ساده
• 61. استفاده از opacity و visibility
• 62. کار با filter ها: blur, grayscale, sepia
• 63. استفاده از filter ها: hue-rotate, invert
• 64. CSS و دسترسی پذیری (Accessibility): مفاهیم و اهمیت
• 65. CSS و دسترسی پذیری: کنتراست رنگ
• 66. CSS و دسترسی پذیری: آیکون ها و alt text
• 67. مدیریت و سازماندهی CSS در پروژه‌های بزرگ
• 68. مرتب‌سازی و نوشتن کدهای تمیز CSS
• 69. ابزارهای تست و دیباگ CSS
• 70. مفاهیم اولیه در مورد وب‌سایت‌های چند زبانه و CSS
• 71. استفاده از directionality: rtl و ltr
• 72. طراحی و استایل‌دهی فرم‌ها (Forms)
• 73. طراحی و استایل‌دهی دکمه‌ها (Buttons)
• 74. استایل‌دهی جداول (Tables)
• 75. مبانی UI/UX و تاثیر آن در CSS
• 76. کاربرد فونت های وب (Web Fonts)
• 77. استفاده از icon font ها
• 78. استفاده از CSS در framework های CSS: Bootstrap
• 79. استفاده از CSS در framework های CSS: Tailwind CSS
• 80. CSS Modules: معرفی و مزایا
• 81. CSS-in-JS: معرفی و بررسی
• 82. بهره‌گیری از کتابخانه‌ها و فریم‌ورک‌های CSS برای مدیریت داده‌های ناوگان
• 83. طراحی صفحات فرود (Landing Pages) برای مدیریت ناوگان
• 84. ایجاد رابط کاربری (UI) برای داشبوردهای مدیریتی ناوگان
• 85. طراحی دکمه‌های CTA (Call to Action) جذاب برای مدیریت ناوگان
• 86. بهبود تجربه کاربری (UX) در طراحی وب‌سایت‌های مدیریت ناوگان
• 87. طراحی واکنش‌گرا برای دستگاه‌های مختلف در مدیریت ناوگان
• 88. طراحی تعاملی و انیمیشن‌ها در وب‌سایت‌های مدیریت ناوگان
• 89. نکات امنیتی در CSS (مثال: جلوگیری از حملات XSS)
• 90. اهمیت استفاده از کامپوننت‌های قابل استفاده مجدد در پروژه‌های مدیریت ناوگان
• 91. بهره‌گیری از CSS برای بهینه‌سازی عملکرد وب‌سایت مدیریت ناوگان
• 92. آزمایش و بهینه‌سازی CSS در مرورگرهای مختلف
• 93. به‌روزرسانی‌های جدید CSS و آینده آن
• 94. ایجاد طرح‌های رنگی (Color Schemes) برای وب‌سایت مدیریت ناوگان
• 95. نحوه مستندسازی کدهای CSS
• 96. استفاده از ابزارهای اتوماسیون در توسعه CSS
• 97. اصول طراحی رابط کاربری (UI Design Principles) برای مدیریت ناوگان
• 98. مروری بر فریم‌ورک‌های CSS و انتخاب مناسب برای پروژه مدیریت ناوگان
• 99. آشنایی با مفاهیم Web Accessibility Initiative (WAI)
• 100. مدل جعبه‌ای CSS و مدیریت فضا