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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و اهمیت آن در مدیریت ناوگان
• 2. نصب و پیکربندی ابزارهای توسعه مرورگر
• 3. قواعد اساسی CSS: انتخابگرها، خواص و مقادیر
• 4. نحوه لینک کردن فایل های CSS به HTML
• 5. انتخابگرهای اولیه: تگ، کلاس و ID
• 6. انتخابگرهای ترکیبی: کلاس تگ، کلاس ID
• 7. انتخابگرهای گروهی
• 8. انتخابگرهای صفتی
• 9. انتخابگرهای شبه کلاس: :hover, :focus, :active
• 10. انتخابگرهای شبه کلاس پیشرفته: :nth-child, :first-child, :last-child
• 11. انتخابگرهای شبه عنصر: ::before, ::after, ::first-line
• 12. ارث بری (Inheritance) در CSS
• 13. اولویت (Specificity) در CSS
• 14. قانون !important و کاربرد آن
• 15. کدنویسی CSS: فاصله گذاری، تورفتگی و خوانایی
• 16. نکته نویسی (Commenting) در CSS
• 17. استفاده از واحدهای اندازه گیری: px, em, rem, vw, vh
• 18. رنگ ها در CSS: نام رنگ ها، کدهای هگزادسیمال، RGB، RGBA
• 19. کار با شفافیت (Opacity)
• 20. فونت ها در CSS: فونت فیس، فونت خانواده، فونت سایز، فونت وزن
• 21. نحوه قرار دادن فونت های سفارشی (Custom Fonts)
• 22. مرزها (Borders): سبک، رنگ، عرض
• 23. شعاع گوشه (Border Radius)
• 24. پس زمینه (Background): رنگ، تصویر، تکرار، موقعیت، اندازه
• 25. پس زمینه های چندگانه (Multiple Backgrounds)
• 26. مدیریت فضاهای خالی: padding و margin
• 27. خاصیت box-sizing: content-box و border-box
• 28. نمایش المان ها: display: block, inline, inline-block
• 29. نمایش المان ها: display: none, flex, grid
• 30. کار با متن: text-align, text-decoration, text-transform
• 31. کار با متن: line-height, letter-spacing, word-spacing
• 32. کار با متن: text-shadow
• 33. فهرست ها (Lists): style, type
• 34. تصاویر در CSS: max-width, height
• 35. ایجاد جدول ها (Tables) با CSS
• 36. موقعیت دهی (Positioning): static, relative, absolute, fixed, sticky
• 37. خاصیت z-index
• 38. مرتب سازی (Floats): float, clear
• 39. استفاده از Flexbox برای چیدمان
• 40. مفاهیم اصلی Flexbox: container و items
• 41. خواص Flexbox: justify-content, align-items, flex-direction
• 42. خواص Flexbox: flex-wrap, flex-grow, flex-shrink, flex-basis
• 43. استفاده از Grid برای چیدمان
• 44. مفاهیم اصلی Grid: container و items
• 45. خواص Grid: grid-template-columns, grid-template-rows
• 46. خواص Grid: grid-gap, justify-items, align-items
• 47. خواص Grid: grid-area, grid-column, grid-row
• 48. استفاده از CSS Variables (Custom Properties)
• 49. قواعد @media برای طراحی واکنش گرا (Responsive Design)
• 50. استفاده از واحدهای نسبی برای طراحی واکنش گرا
• 51. تنظیمات دستگاه های موبایل در طراحی واکنش گرا
• 52. تنظیمات تبلت ها در طراحی واکنش گرا
• 53. تنظیمات دسکتاپ ها در طراحی واکنش گرا
• 54. استفاده از `min-width` و `max-width` در Media Queries
• 55. نکته نویسی برای Media Queries
• 56. طراحی فرم ها (Forms) با CSS
• 57. استایل دهی به المان های ورودی (Input Elements)
• 58. استایل دهی به دکمه ها (Buttons)
• 59. استایل دهی به چک باکس ها و رادیو باتن ها
• 60. استایل دهی به ناحیه متنی (Textarea)
• 61. استایل دهی به المان های select
• 62. استایل دهی به برچسب ها (Labels)
• 63. استفاده از Pseudo-elements برای بهبود ظاهر فرم ها
• 64. ایجاد انیمیشن (Animations) در CSS
• 65. خاصیت transition: زمان، تاخیر، نوع
• 66. خاصیت animation: نام، مدت زمان، تکرار
• 67. تعریف keyframes برای انیمیشن ها
• 68. خواص animation: animation-fill-mode, animation-play-state
• 69. ایجاد انیمیشن های پیچیده با keyframes
• 70. کاربرد انیمیشن در رابط کاربری مدیریت ناوگان
• 71. ابزارهای خط فرمان (CLI) برای CSS
• 72. استفاده از Preprocessors مانند Sass
• 73. مفاهیم اولیه Sass: متغیرها، توابع
• 74. مفاهیم اولیه Sass: mixins، nesting
• 75. استفاده از Sass برای سازماندهی کد
• 76. مفهوم BEM (Block, Element, Modifier) برای نامگذاری کلاس ها
• 77. سازماندهی فایل های CSS با متدولوژی ها
• 78. نکات مهم برای عملکرد (Performance) CSS
• 79. بهینه سازی تصاویر در CSS
• 80. کاهش حجم فایل های CSS
• 81. بارگذاری Asynchronous فایل های CSS
• 82. استفاده از CSS Sprites
• 83. اصول دسترسی پذیری (Accessibility) در CSS
• 84. مطابقت با WCAG (Web Content Accessibility Guidelines)
• 85. کنتراست رنگ مناسب
• 86. استفاده از ARIA attributes
• 87. استایل دهی برای دستگاه های صفحه خوان (Screen Readers)
• 88. طراحی برای افرادی با محدودیت های دیداری
• 89. طراحی برای افرادی با محدودیت های حرکتی
• 90. تست و اشکال زدایی (Debugging) CSS
• 91. استفاده از DevTools مرورگر برای اشکال زدایی
• 92. شناسایی مشکلات مربوط به Layout
• 93. شناسایی مشکلات مربوط به رنگ و typography
• 94. شناسایی مشکلات مربوط به Responsiveness
• 95. ابزارهای آنلاین برای تست CSS
• 96. مروری بر CSS Frameworks (مثال: Bootstrap، Tailwind CSS)
• 97. مقدمه ای بر Bootstrap و کاربردهای آن
• 98. نحوه استفاده از Grid System در Bootstrap
• 99. کامپوننت های آماده در Bootstrap
• 100. مقدمه ای بر Tailwind CSS و فلسفه آن