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

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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مبانی CSS:
• 2. CSS چیست و چرا اهمیت دارد؟
• 3. آشنایی با HTML و ارتباط آن با CSS
• 4. نحوه افزودن CSS به HTML: Inline, Internal, External
• 5. ساختار یک قانون CSS: Selector, Property, Value
• 6. انتخابگرهای CSS: انواع و کاربردها
• 7. انتخابگرهای پایه: Element, Class, ID
• 8. انتخابگرهای ترکیبی: Descendant, Child, Adjacent Sibling, General Sibling
• 9. انتخابگرهای Attribute: [attr], [attr=value], [attr*=value] و ...
• 10. انتخابگرهای Pseudo-class: :hover, :active, :focus و ...
• 11. انتخابگرهای Pseudo-element: ::before, ::after, ::first-line و ...
• 12. Cascade (آبشاری) در CSS: اهمیت و نحوه عملکرد
• 13. وراثت (Inheritance) در CSS و قوانین آن
• 14. اولویت (Specificity) در CSS: محاسبه و اهمیت
• 15. باکس مدل CSS: Content, Padding, Border, Margin
• 16. واحد های اندازه گیری: px, em, rem, %, vw, vh
• 17. رنگ ها در CSS: انواع و فرمت ها (hex, rgb, rgba, hsl, hsla)
• 18. فونت ها در CSS: Font-family, Font-size, Font-weight, Font-style
• 19. متن در CSS: Text-align, Text-decoration, Text-transform, Line-height
• 20. Background در CSS: Background-color, Background-image, Background-repeat, Background-position, Background-size
• 21. Border در CSS: Border-width, Border-style, Border-color, Border-radius
• 22. Margin و Padding: تفاوت و کاربرد
• 23. استفاده از DevTools برای بررسی و اشکال زدایی CSS
• 24. آشنایی با CSS Reset و CSS Normalize
• 25. طراحی یک صفحه وب ساده با استفاده از CSS
• 26. Layout و چیدمان:
• 27. مفاهیم اولیه چیدمان: Block, Inline, Inline-block
• 28. استفاده از display: block, display: inline, display: inline-block
• 29. آشنایی با Position: static, relative, absolute, fixed, sticky
• 30. چیدمان با استفاده از float
• 31. پاکسازی Float: Clear
• 32. Flexbox: معرفی و مبانی
• 33. Flexbox: properties در Container (flex-container)
• 34. Flexbox: properties در Items (flex-items)
• 35. Flexbox: کاربردهای رایج
• 36. Grid Layout: معرفی و مبانی
• 37. Grid Layout: ساختار grid و تعریف rows و columns
• 38. Grid Layout: properties در Grid Container
• 39. Grid Layout: properties در Grid Items
• 40. Grid Layout: کاربردهای رایج
• 41. طراحی واکنش گرا (Responsive Design): مفاهیم و اهمیت
• 42. Viewport و تنظیمات آن برای ریسپانسیو
• 43. Media Queries: تعریف و کاربرد
• 44. Media Queries: مثال های کاربردی (اندازه صفحه نمایش، جهت گیری و ...)
• 45. طراحی منوی ناوبری ریسپانسیو
• 46. طراحی تصاویر ریسپانسیو
• 47. تکنیک های پیشرفته در طراحی ریسپانسیو
• 48. استفاده از کتابخانه های CSS (Bootstrap, Tailwind CSS) - معرفی و مقایسه
• 49. کار با Flexbox و Grid برای طراحی Layout های پیچیده
• 50. طراحی رابط کاربری (UI) و تعامل پذیری:
• 51. Transition در CSS: تعریف و کاربرد
• 52. Transition: تنظیم duration, timing function, delay
• 53. Animation در CSS: تعریف و مبانی
• 54. Animation: ساخت keyframes
• 55. Animation: تنظیم properties
• 56. Transform در CSS: rotate, scale, translate, skew
• 57. آشنایی با CSS Variables (Custom Properties)
• 58. CSS Variables: تعریف و استفاده
• 59. CSS Variables: Scope و وراثت
• 60. استفاده از CSS Variables برای Themeing
• 61. طراحی فرم ها با CSS: input, textarea, select
• 62. استایل دهی به فرم ها: focus, hover, valid, invalid
• 63. طراحی دکمه ها با CSS
• 64. استفاده از آیکون ها در وب (Font Awesome, SVG)
• 65. کار با SVG (Scalable Vector Graphics)
• 66. طراحی tooltip با CSS
• 67. ایجاد modal (پنجره پاپ آپ) با CSS
• 68. استایل دهی به جداول با CSS
• 69. مبانی دسترسی پذیری (Accessibility) و CSS
• 70. CSS پیشرفته:
• 71. آشنایی با preprocessors: Sass, Less
• 72. نصب و راه اندازی Sass
• 73. متغیرها در Sass
• 74. Nested rules در Sass
• 75. Mixins در Sass
• 76. Imports و Partials در Sass
• 77. Operators و Functions در Sass
• 78. ساخت پروژه های بزرگتر با استفاده از Sass
• 79. Optimizing CSS: Minification, Compression
• 80. Performance و بهینه سازی CSS
• 81. CSS Modules: معرفی و کاربرد
• 82. Styled Components: معرفی و کاربرد
• 83. آشنایی با CSS-in-JS
• 84. Custom Properties در برابر Preprocessors: مقایسه
• 85. طراحی سیستم UI (UI Design System) با CSS
• 86. استفاده از CSS در React, Vue, Angular
• 87. CSS Grid و Flexbox: انتخاب بهترین روش برای چیدمان
• 88. تکنیک های پیشرفته در Grid Layout
• 89. بهینه سازی تصاویر برای وب
• 90. Web Fonts و بهینه سازی آنها
• 91. Advanced Selectors و تکنیک های CSS
• 92. شیوه‌های طراحی وب‌سایت‌های چند زبانه با CSS
• 93. CSS Houdini: معرفی و آینده CSS
• 94. موضوعات مرتبط با Fleet Management Handbooks:
• 95. طراحی وب‌سایت برای اطلاعات ناوگان حمل و نقل
• 96. استفاده از CSS برای نمایش اطلاعات خودروها و رانندگان
• 97. طراحی جداول برای گزارشات ناوگان
• 98. پیاده‌سازی فیلترها و مرتب‌سازی اطلاعات با CSS
• 99. طراحی نقشه با استفاده از CSS و APIهای نقشه (مثلاً Google Maps)
• 100. استفاده از CSS برای نمایش وضعیت وسایل نقلیه