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

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

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

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

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

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

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

• 1. مبانی CSS و شروع کار
• 2. ساختار HTML و ارتباط با CSS
• 3. انتخابگرها (Selectors) در CSS: انواع و کاربردها
• 4. قوانین CSS: Property و Value
• 5. استایل‌دهی متن: Font, Size, Color, Weight
• 6. استایل‌دهی متن: Text Alignment, Decoration, Transformation
• 7. کار با واحدها: px, em, rem, % و vh, vw
• 8. مدل جعبه (Box Model): Margin, Border, Padding
• 9. درک و استفاده از Display Property
• 10. کار با Position Property: Static, Relative, Absolute, Fixed
• 11. استفاده از float و clear
• 12. مبانی Layout: Block, Inline, Inline-block
• 13. CSS Reset و Normalize.css
• 14. مرورگرها و ناسازگاری‌های CSS
• 15. استفاده از Developer Tools برای عیب‌یابی CSS
• 16. CSS در HTML: Inline, Internal, External
• 17. اولویت‌بندی (Specificity) در CSS
• 18. ارث‌بری (Inheritance) در CSS
• 19. Pseudo-classes: Hover, Active, Focus, Visited
• 20. Pseudo-elements: Before, After
• 21. انتخابگرهای Attribute
• 22. انیمیشن‌ها و Transition های CSS
• 23. Transform ها: Translate, Rotate, Scale, Skew
• 24. استفاده از Gradients
• 25. کار با Background Properties: Color, Image, Size, Repeat
• 26. استفاده از Box Shadow
• 27. استفاده از Text Shadow
• 28. CSS Frameworks: معرفی و مقایسه
• 29. مبانی Bootstrap: Grid System و اجزای UI
• 30. استفاده از Grid System در Bootstrap
• 31. مقدمه‌ای بر Flexbox
• 32. Flexbox: محور اصلی و محور متقاطع
• 33. Flexbox: تنظیم نحوه نمایش آیتم‌ها (Flex-direction, Wrap)
• 34. Flexbox: ترازبندی آیتم‌ها (Justify-content, Align-items)
• 35. Flexbox: ترازبندی آیتم‌ها (Align-content)
• 36. Flexbox: خواص آیتم‌ها (Flex-grow, Flex-shrink, Flex-basis, Order)
• 37. معرفی CSS Grid Layout
• 38. CSS Grid: تعریف Grid و Grid Template Columns/Rows
• 39. CSS Grid: قرار دادن آیتم‌ها در Grid
• 40. CSS Grid: ترازبندی آیتم‌ها (Align-items, Justify-items)
• 41. CSS Grid: فاصله‌گذاری و فضای خالی (Gap)
• 42. CSS Grid: Responsive Grid Layout
• 43. CSS Preprocessors: معرفی و مقایسه (Sass, Less)
• 44. مبانی Sass: متغیرها (Variables)
• 45. مبانی Sass: توابع (Functions) و Mixins
• 46. مبانی Sass: Nesting و Import
• 47. مبانی Less: متغیرها و Nested Rules
• 48. مبانی Responsive Web Design
• 49. Media Queries: اساس طراحی واکنش‌گرا
• 50. Mobile-First Approach
• 51. طراحی برای دستگاه‌های مختلف (Screen Sizes)
• 52. تصاویر واکنش‌گرا (Responsive Images)
• 53. Viewport Meta Tag
• 54. منوی ناوبری واکنش‌گرا
• 55. فرم‌های واکنش‌گرا
• 56. طراحی جداول واکنش‌گرا
• 57. بهینه‌سازی CSS برای عملکرد (Performance)
• 58. CSS و SEO: نکات کلیدی
• 59. انتخابگرهای CSS و بهینه‌سازی عملکرد
• 60. کاهش حجم فایل‌های CSS
• 61. استفاده از CSS Minifier
• 62. استفاده از Lazy Loading برای تصاویر
• 63. سازگاری با مرورگرهای مختلف
• 64. معرفی PostCSS
• 65. ایجاد کتابخانه CSS سفارشی
• 66. آشنایی با BEM (Block, Element, Modifier)
• 67. نوشتن CSS با BEM
• 68. طراحی UI برای Fleet Management: رنگ‌ها و فونت‌ها
• 69. طراحی UI برای Fleet Management: اجزای اصلی
• 70. طراحی UI برای Fleet Management: فرم‌ها و جداول
• 71. طراحی UI برای Fleet Management: نقشه‌ها و داده‌ها
• 72. طراحی UI برای Fleet Management: دکمه‌ها و آیکون‌ها
• 73. پیاده‌سازی نمودارها با CSS
• 74. ایجاد Template های CSS برای Fleet Management
• 75. ایجاد Theme های سفارشی برای Fleet Management
• 76. استفاده از متغیرهای CSS (Custom Properties)
• 77. CSS Variables: دسترسی و تغییر در زمان اجرا
• 78. کار با CSS Custom Properties در طراحی Theme
• 79. بررسی قابلیت‌های CSS جدید: Cascade Layers
• 80. معرفی Container Queries
• 81. ایجاد UI Kit برای Fleet Management
• 82. تست کردن CSS
• 83. آزمون‌های واحد (Unit Testing) برای CSS
• 84. ابزارهای تست CSS
• 85. Documenting CSS
• 86. بهره‌گیری از کامپوننت‌های UI
• 87. استفاده از Shadow DOM
• 88. اصول Accessibility (دسترسی‌پذیری) در CSS
• 89. بررسی WCAG و اهمیت آن
• 90. بهینه‌سازی CSS برای دسترسی‌پذیری
• 91. طراحی برای افراد دارای معلولیت
• 92. CSS و Localization (چندزبانه کردن)
• 93. پشتیبانی از RTL (Right-to-Left) در CSS
• 94. افزونه‌های CSS در مرورگرها
• 95. استفاده از CSS Grid و Flexbox در پروژه‌های پیچیده
• 96. مباحث پیشرفته Sass
• 97. معرفی Styled Components
• 98. CSS-in-JS: مزایا و معایب
• 99. آینده CSS: تحولات و روندهای جدید
• 100. مروری بر تمامی مباحث و نکات کلیدی