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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. CSS چیست و چگونه کار می کند؟
• 3. سینتکس CSS: انتخابگرها، خصوصیات و مقادیر
• 4. روش های اعمال CSS: درون خطی، داخلی و خارجی
• 5. ساختار یک فایل CSS
• 6. انتخابگرهای CSS: المان ها، کلاس ها و ID ها
• 7. انتخابگرهای ترکیبی: فرزند، نسل و همزاد
• 8. انتخابگرهای ویژگی: انتخاب بر اساس مقدار ویژگی
• 9. انتخابگرهای شبه کلاس: استایل دادن به حالت های المان
• 10. انتخابگرهای شبه المان: استایل دادن به بخش های خاص المان
• 11. اولویت بندی CSS: درک و مدیریت Cascade
• 12. وراثت در CSS: چگونه خصوصیات به ارث می رسند؟
• 13. باکس مدل CSS: درک ابعاد المان ها
• 14. حاشیه (Margin) در CSS: فاصله بین المان ها
• 15. حاشیه داخلی (Padding) در CSS: فضای داخلی المان
• 16. حاشیه (Border) در CSS: ایجاد حاشیه برای المان ها
• 17. عرض و ارتفاع (Width & Height) در CSS
• 18. نمایش (Display) در CSS: بلاک، اینلاین و اینلاین بلاک
• 19. موقعیت (Position) در CSS: استاتیک، نسبی، مطلق و ثابت
• 20. شناور (Float) در CSS: مدیریت طرح بندی المان ها
• 21. پاکسازی (Clear) در CSS: رفع مشکلات شناور
• 22. رنگ ها در CSS: نام رنگ ها، کد HEX و RGB
• 23. شفافیت (Opacity) در CSS
• 24. پس زمینه (Background) در CSS: رنگ، تصویر و تکرار
• 25. فونت ها در CSS: انتخاب فونت، اندازه و وزن
• 26. متن (Text) در CSS: ترازبندی، فاصله خط و حروف
• 27. لیست ها (Lists) در CSS: استایل دهی به لیست ها
• 28. جدول ها (Tables) در CSS: استایل دهی به جدول ها
• 29. فرم ها (Forms) در CSS: استایل دهی به فرم ها
• 30. لینک ها (Links) در CSS: استایل دهی به لینک ها
• 31. آیکون ها (Icons) در CSS: استفاده از فونت آیکون ها
• 32. واحدها در CSS: پیکسل، درصد، em و rem
• 33. Media Queries: طراحی واکنش گرا برای دستگاه های مختلف
• 34. طراحی موبایل فرست (Mobile-First): رویکرد به طراحی واکنش گرا
• 35. Flexbox: ایجاد طرح بندی انعطاف پذیر
• 36. Grid: ایجاد طرح بندی پیچیده تر با استفاده از گرید
• 37. Transition ها در CSS: ایجاد انیمیشن های ساده
• 38. Animation ها در CSS: ایجاد انیمیشن های پیچیده تر
• 39. Transform ها در CSS: تغییر شکل المان ها
• 40. فیلترها (Filters) در CSS: اعمال افکت های تصویری
• 41. Shadow ها (Box-Shadow & Text-Shadow) در CSS
• 42. Gradient ها در CSS: ایجاد پس زمینه گرادیان
• 43. سفارشی سازی اسکرول بار (Scrollbar) در CSS
• 44. متغیرها (Variables) در CSS: استفاده از Custom Properties
• 45. پیش پردازنده های CSS: Sass و Less
• 46. Sass: معرفی و نصب
• 47. Sass: متغیرها و عملگرها
• 48. Sass: توابع (Functions)
• 49. Sass: میکس این ها (Mixins)
• 50. Sass: ارث بری (Extend/Inheritance)
• 51. Sass: پارتشال ها (Partials) و ماژول ها (Modules)
• 52. LESS: معرفی و نصب
• 53. LESS: متغیرها و عملگرها
• 54. LESS: میکس این ها (Mixins)
• 55. LESS: گاردها (Guards)
• 56. LESS: توابع (Functions)
• 57. CSS Reset و Normalize.css
• 58. استفاده از CSS Frameworks: Bootstrap و Tailwind CSS
• 59. Bootstrap: معرفی و نصب
• 60. Bootstrap: گرید سیستم
• 61. Bootstrap: کامپوننت ها (Components)
• 62. Bootstrap: Utility Classes
• 63. Tailwind CSS: معرفی و نصب
• 64. Tailwind CSS: Atomic CSS
• 65. Tailwind CSS: سفارشی سازی
• 66. طراحی UI برای داشبوردهای مدیریت ناوگان
• 67. طراحی UX برای داشبوردهای مدیریت ناوگان
• 68. بهینه سازی CSS: کوچک سازی و فشرده سازی
• 69. روش های سازماندهی CSS: BEM, OOCSS, SMACSS
• 70. BEM (Block, Element, Modifier): معرفی و کاربرد
• 71. OOCSS (Object Oriented CSS): معرفی و کاربرد
• 72. SMACSS (Scalable and Modular Architecture for CSS): معرفی و کاربرد
• 73. تست CSS: بررسی سازگاری بین مرورگرها
• 74. دیباگ CSS: استفاده از ابزارهای توسعه مرورگر
• 75. دسترس پذیری (Accessibility) در CSS
• 76. CSS برای چاپ (Print): بهینه سازی برای پرینت
• 77. CSS در ایمیل: محدودیت ها و راه حل ها
• 78. CSS برای SVG: استایل دهی به گرافیک های وکتور
• 79. CSS Modules: مدیریت Scope CSS
• 80. CSS-in-JS: استفاده از CSS در جاوااسکریپت
• 81. Styled Components: یک مثال از CSS-in-JS
• 82. Emotion: یک مثال دیگر از CSS-in-JS
• 83. جابجایی CSS با وب پَک (Webpack)
• 84. جابجایی CSS با گالپ (Gulp)
• 85. جابجایی CSS با پارسل (Parcel)
• 86. استفاده از CSS Linting Tools: Stylelint
• 87. CSS Performance: بهینه سازی سرعت بارگذاری
• 88. Critical CSS: بارگذاری بالای خط CSS
• 89. Lazy Loading CSS: بارگذاری تاخیری CSS
• 90. CSS Houdini: قدرت نمایی CSS
• 91. استایل دهی به نقشه ها (Maps) در برنامه های مدیریت ناوگان
• 92. نمایش داده های جغرافیایی با CSS
• 93. طراحی واکنش گرا برای تبلت ها و دستگاه های بزرگتر
• 94. سفارشی سازی داشبورد مدیریت ناوگان با CSS
• 95. ایجاد تم های مختلف برای داشبورد مدیریت ناوگان
• 96. استفاده از CSS برای ایجاد گزارش های قابل چاپ
• 97. CSS و امنیت: جلوگیری از حملات XSS
• 98. بهترین روش ها برای نامگذاری کلاس های CSS
• 99. استفاده از CSS برای ایجاد انیمیشن های UI/UX
• 100. آینده CSS: تکنولوژی ها و ترندهای جدید