اپلیکیشن اندرویدی فلش‌کارت آموزشی CSS for Fleet Management Courses

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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای مدیریت ناوگان
• 2. CSS چیست و چه کاربردی دارد؟
• 3. مبانی HTML و CSS
• 4. نحوه نوشتن CSS
• 5. قواعد CSS: انتخابگرها، ویژگی‌ها و مقادیر
• 6. روش‌های افزودن CSS به HTML: Inline, Internal, External
• 7. انتخابگرهای CSS: عنصر (Element)
• 8. انتخابگرهای CSS: کلاس (Class)
• 9. انتخابگرهای CSS: آی دی (ID)
• 10. انتخابگرهای CSS: انتخابگرهای ترکیبی (Combinators)
• 11. انتخابگرهای CSS: ویژگی‌ها (Attributes)
• 12. انتخابگرهای CSS: شبه کلاس‌ها (Pseudo-classes)
• 13. انتخابگرهای CSS: شبه عناصر (Pseudo-elements)
• 14. مدل جعبه‌ای (Box Model): حاشیه (Margin)
• 15. مدل جعبه‌ای (Box Model): لبه (Border)
• 16. مدل جعبه‌ای (Box Model): پدینگ (Padding)
• 17. مدل جعبه‌ای (Box Model): محتوا (Content)
• 18. ابعاد در CSS: Width و Height
• 19. واحدهای اندازه‌گیری در CSS: پیکسل (px)
• 20. واحدهای اندازه‌گیری در CSS: درصد (%)
• 21. واحدهای اندازه‌گیری در CSS: em و rem
• 22. رنگ‌ها در CSS: نام رنگ‌ها
• 23. رنگ‌ها در CSS: مقادیر HEX
• 24. رنگ‌ها در CSS: مقادیر RGB و RGBA
• 25. رنگ‌ها در CSS: مقادیر HSL و HSLA
• 26. متن در CSS: فونت (Font)
• 27. متن در CSS: اندازه فونت (Font Size)
• 28. متن در CSS: وزن فونت (Font Weight)
• 29. متن در CSS: استایل فونت (Font Style)
• 30. متن در CSS: تغییر شکل متن (Text Transform)
• 31. متن در CSS: فاصله خطوط (Line Height)
• 32. متن در CSS: تراز متن (Text Align)
• 33. متن در CSS: سایه متن (Text Shadow)
• 34. پس زمینه در CSS: رنگ پس زمینه (Background Color)
• 35. پس زمینه در CSS: تصویر پس زمینه (Background Image)
• 36. پس زمینه در CSS: تکرار تصویر پس زمینه (Background Repeat)
• 37. پس زمینه در CSS: موقعیت تصویر پس زمینه (Background Position)
• 38. پس زمینه در CSS: اندازه تصویر پس زمینه (Background Size)
• 39. نمایش (Display): بلاک (Block)
• 40. نمایش (Display): اینلاین (Inline)
• 41. نمایش (Display): اینلاین بلاک (Inline-block)
• 42. نمایش (Display): none
• 43. موقعیت (Position): استاتیک (Static)
• 44. موقعیت (Position): نسبی (Relative)
• 45. موقعیت (Position): مطلق (Absolute)
• 46. موقعیت (Position): ثابت (Fixed)
• 47. موقعیت (Position): چسبنده (Sticky)
• 48. ویژگی Z-index
• 49. فلوت (Float) و پاکسازی (Clear)
• 50. چیدمان انعطاف پذیر (Flexbox): مفاهیم اصلی
• 51. چیدمان انعطاف پذیر (Flexbox): container properties
• 52. چیدمان انعطاف پذیر (Flexbox): item properties
• 53. چیدمان جدولی (Grid): مفاهیم اصلی
• 54. چیدمان جدولی (Grid): container properties
• 55. چیدمان جدولی (Grid): item properties
• 56. انتقال (Transition): ویژگی‌ها
• 57. انتقال (Transition): زمان بندی
• 58. انیمیشن (Animation): تعریف انیمیشن
• 59. انیمیشن (Animation): استفاده از انیمیشن
• 60. رسانه‌های پرس و جو (Media Queries): مفاهیم پایه
• 61. رسانه‌های پرس و جو (Media Queries): انواع رسانه‌ها
• 62. رسانه‌های پرس و جو (Media Queries): نقاط شکست (Breakpoints)
• 63. طراحی واکنش‌گرا (Responsive Design): اصول و مبانی
• 64. طراحی واکنش‌گرا (Responsive Design): Viewport
• 65. طراحی واکنش‌گرا (Responsive Design): تصاویر واکنش‌گرا
• 66. طراحی واکنش‌گرا (Responsive Design): تایپوگرافی واکنش‌گرا
• 67. پیش پردازنده‌های CSS: مقدمه‌ای بر Sass و Less
• 68. متغیرها در Sass و Less
• 69. Mixinها در Sass و Less
• 70. توابع در Sass و Less
• 71. عملگرها در Sass و Less
• 72. ماژول‌ها در Sass و Less
• 73. CSS Reset و Normalize.css
• 74. CSS Frameworks: Bootstrap
• 75. CSS Frameworks: Tailwind CSS
• 76. CSS Frameworks: Materialize
• 77. نام‌گذاری کلاس‌ها: BEM
• 78. نام‌گذاری کلاس‌ها: OOCSS
• 79. نام‌گذاری کلاس‌ها: SMACSS
• 80. بهینه‌سازی CSS: فشرده‌سازی (Minification)
• 81. بهینه‌سازی CSS: ادغام فایل‌ها (Concatenation)
• 82. بهینه‌سازی CSS: حذف کدهای استفاده نشده (Unused CSS)
• 83. ابزارهای توسعه مرورگر: Inspect Element
• 84. ابزارهای توسعه مرورگر: Debugging CSS
• 85. سازگاری مرورگر (Cross-browser Compatibility)
• 86. روش‌های رفع مشکلات سازگاری مرورگر
• 87. CSS Specificity: اولویت دهی قوانین
• 88. وراثت در CSS (Inheritance)
• 89. مفاهیم آبشاری CSS (Cascade)
• 90. طراحی رابط کاربری (UI) با CSS
• 91. طراحی تجربه کاربری (UX) با CSS
• 92. ایجاد دکمه‌های سفارشی با CSS
• 93. ایجاد فرم‌های سفارشی با CSS
• 94. ایجاد منوهای ناوبری با CSS
• 95. ایجاد گالری تصاویر با CSS
• 96. ایجاد جداول داده با CSS
• 97. طراحی داشبورد مدیریت ناوگان با CSS
• 98. استفاده از آیکون‌ها در CSS: Font Awesome
• 99. استفاده از آیکون‌ها در CSS: SVG
• 100. Accessibility در CSS: ملاحظات مهم