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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است
• 3. نحوه اتصال CSS به HTML
• 4. ساختار پایه CSS
• 5. انتخابگرهای CSS (Selectors)
• 6. انتخابگرهای عنصر (Element Selectors)
• 7. انتخابگرهای کلاس (Class Selectors)
• 8. انتخابگرهای شناسه (ID Selectors)
• 9. انتخابگرهای جهانی (Universal Selector)
• 10. انتخابگرهای ویژگی (Attribute Selectors)
• 11. انتخابگرهای ترکیبی (Combinator Selectors)
• 12. انتخابگرهای گروهی (Grouping Selectors)
• 13. فونت ها و تایپوگرافی در CSS
• 14. فونت های وب (Web Fonts)
• 15. تنظیم اندازه فونت (Font Size)
• 16. تنظیم وزن فونت (Font Weight)
• 17. تنظیم سبک فونت (Font Style)
• 18. تنظیم تراز متن (Text Alignment)
• 19. تنظیم فاصله‌گذاری خط (Line Height)
• 20. تنظیم فاصله‌گذاری کلمه (Word Spacing)
• 21. تنظیم فاصله‌گذاری حرف (Letter Spacing)
• 22. تزئین متن (Text Decoration)
• 23. تبدیل حالت متن (Text Transform)
• 24. رنگ ها و پس زمینه ها در CSS
• 25. کدهای رنگی (Color Codes)
• 26. مقادیر رنگی RGB و RGBA
• 27. مقادیر رنگی HSL و HSLA
• 28. رنگ های پیش تعریف شده (Predefined Colors)
• 29. تنظیم رنگ متن (Color Property)
• 30. تنظیم رنگ پس زمینه (Background Color)
• 31. تنظیم تصویر پس زمینه (Background Image)
• 32. تکرار تصویر پس زمینه (Background Repeat)
• 33. موقعیت تصویر پس زمینه (Background Position)
• 34. مقیاس تصویر پس زمینه (Background Size)
• 35. پیوستگی تصویر پس زمینه (Background Attachment)
• 36. تنظیم چندین پس زمینه
• 37. جعبه مدل (Box Model)
• 38. عرض و ارتفاع عنصر (Width and Height)
• 39. حاشیه داخلی (Padding)
• 40. حاشیه خارجی (Margin)
• 41. کادر (Border)
• 42. ضخامت کادر (Border Width)
• 43. سبک کادر (Border Style)
• 44. رنگ کادر (Border Color)
• 45. گرد کردن گوشه های کادر (Border Radius)
• 46. مدیریت چیدمان (Layout Management)
• 47. نمایش عناصر (Display Property)
• 48. بلوک (Block) و درون خطی (Inline)
• 49. نمایش درونی بلوک (Inline-block)
• 50. نمایش انعطاف پذیر (Flexbox)
• 51. مقدمه ای بر Flexbox
• 52. جهت دهی Flexbox (Flex Direction)
• 53. تراز محتوا در Flexbox (Justify Content)
• 54. تراز موارد در Flexbox (Align Items)
• 55. تراز خودکار موارد (Align Self)
• 56. بسته بندی Flexbox (Flex Wrap)
• 57. اولویت نمایش (Order)
• 58. توسعه موارد Flexbox (Flex Grow)
• 59. فشرده سازی موارد Flexbox (Flex Shrink)
• 60. عرض اولیه موارد Flexbox (Flex Basis)
• 61. شبکه CSS (CSS Grid)
• 62. مقدمه ای بر Grid
• 63. تعریف خطوط (Grid Lines)
• 64. تعریف مناطق (Grid Areas)
• 65. تعریف ستون ها (Grid Columns)
• 66. تعریف ردیف ها (Grid Rows)
• 67. فضای بین موارد Grid (Grid Gap)
• 68. تراز در Grid (Align Items in Grid)
• 69. تراز محتوا در Grid (Justify Content in Grid)
• 70. موقعیت دهی عناصر (Positioning)
• 71. موقعیت نسبی (Relative)
• 72. موقعیت مطلق (Absolute)
• 73. موقعیت ثابت (Fixed)
• 74. موقعیت چسبان (Sticky)
• 75. شاخص Z (Z-index)
• 76. شناور کردن عناصر (Float Property)
• 77. پاک کردن شناور (Clearfix)
• 78. انتقال ها (Transitions)
• 79. تنظیم خاصیت انتقال (Transition Property)
• 80. تنظیم مدت زمان انتقال (Transition Duration)
• 81. تنظیم زمان بندی انتقال (Transition Timing Function)
• 82. تنظیم تاخیر انتقال (Transition Delay)
• 83. انیمیشن ها (Animations)
• 84. تعریف کلید فریم ها (Keyframes)
• 85. نام انیمیشن (Animation Name)
• 86. مدت زمان انیمیشن (Animation Duration)
• 87. زمان بندی انیمیشن (Animation Timing Function)
• 88. تاخیر انیمیشن (Animation Delay)
• 89. تعداد تکرار انیمیشن (Animation Iteration Count)
• 90. جهت انیمیشن (Animation Direction)
• 91. حالت پر کردن انیمیشن (Animation Fill Mode)
• 92. تغییر حالت انیمیشن (Animation Play State)
• 93. قابلیت پیمایش (Responsiveness)
• 94. Viewport Meta Tag
• 95. پرس و جوهای رسانه (Media Queries)
• 96. قوانین عمومی رسانه (Media Types)
• 97. شرایط پرس و جوی رسانه (Media Condition)
• 98. دستگاه های مختلف (Devices)
• 99. تکنیک های طراحی واکنش گرا (Responsive Design Techniques)
• 100. طراحی موبایل اول (Mobile-First Design)