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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. CSS چیست و چرا باید از آن استفاده کنیم؟
• 3. معرفی Syntax و ساختار کد CSS
• 4. نحوه اتصال CSS به HTML (Inline, Internal, External)
• 5. انتخابگرها (Selectors) در CSS: نوع، کلاس و شناسه (Type, Class, ID)
• 6. انتخابگرهای ترکیبی (Combinators): فرزند، مجاور، عمومی (Descendant, Adjacent, General Sibling)
• 7. انتخابگرهای Pseudo-classes و Pseudo-elements
• 8. اولویت دهی (Specificity) در CSS
• 9. وراثت (Inheritance) در CSS
• 10. باکس مدل (Box Model): محتوا، padding، border، margin
• 11. اندازه گیری ها در CSS: واحدهای مطلق و نسبی (px, em, rem, vw, vh)
• 12. رنگ ها در CSS: نام رنگ ها، Hex، RGB، RGBA، HSL، HSLA
• 13. پس زمینه (Background) در CSS: رنگ، تصویر، تکرار، موقعیت
• 14. متن (Text) در CSS: فونت، اندازه، وزن، سبک، فاصله خطوط
• 15. تراز بندی متن (Text Alignment) و فاصله گذاری (Spacing)
• 16. لیست ها (Lists) در CSS: سبک، موقعیت، تصویر
• 17. جدول ها (Tables) در CSS: حاشیه، padding، رنگ، تراز بندی
• 18. لینک ها (Links) در CSS: حالت های مختلف (hover, visited, active)
• 19. موقعیت دهی (Positioning) در CSS: static, relative, absolute, fixed, sticky
• 20. Z-index و مدیریت لایه ها
• 21. نمایش (Display) در CSS: block, inline, inline-block, none
• 22. Floating در CSS و Clearfix
• 23. Flexbox: مقدمه و مفاهیم اصلی
• 24. Flexbox: Container Properties (justify-content, align-items, flex-direction, flex-wrap)
• 25. Flexbox: Item Properties (order, flex-grow, flex-shrink, flex-basis, align-self)
• 26. Grid Layout: مقدمه و مفاهیم اصلی
• 27. Grid Layout: Container Properties (grid-template-rows, grid-template-columns, grid-gap)
• 28. Grid Layout: Item Properties (grid-row-start, grid-row-end, grid-column-start, grid-column-end)
• 29. رسپانسیو (Responsive) چیست و چرا مهم است؟
• 30. Viewport Meta Tag و تنظیم آن
• 31. Media Queries: Syntax و استفاده از آن
• 32. Mobile-First Approach در طراحی رسپانسیو
• 33. Breakpoints و انتخاب اندازه های مناسب
• 34. تصاویر رسپانسیو: استفاده از srcset و sizes
• 35. واحدهای نسبی (em, rem, vw, vh) در طراحی رسپانسیو
• 36. استفاده از Flexbox و Grid Layout در طراحی رسپانسیو
• 37. فونت های رسپانسیو
• 38. Framework های CSS: Bootstrap, Materialize, Tailwind CSS
• 39. پیش پردازنده های CSS: Sass, Less
• 40. Sass: متغیرها (Variables)
• 41. Sass: Mixins و استفاده از آنها
• 42. Sass: توابع (Functions)
• 43. Sass: وراثت (Extend)
• 44. Sass: پارتشیال ها (Partials) و ماژولار کردن کد
• 45. Less: ساختار و syntax
• 46. نصب و راه اندازی Sass و Less
• 47. CSS Reset و Normalize.css
• 48. انیمیشن (Animation) در CSS: Keyframes
• 49. انیمیشن (Animation) در CSS: Transitions
• 50. Transform در CSS: rotate, scale, translate, skew
• 51. کار با SVG در CSS
• 52. فیلترها (Filters) در CSS: blur, grayscale, brightness
• 53. ماسک ها (Masks) در CSS
• 54. Gradient ها (Gradients) در CSS: linear, radial
• 55. Shadows (Box-shadow, Text-shadow) در CSS
• 56. استفاده از فونت های سفارشی (Custom Fonts)
• 57. ایجاد افکت های متن پیشرفته
• 58. ایجاد افکت های تصویر پیشرفته
• 59. کار با آیکون ها (Icons) در CSS
• 60. ایجاد دکمه های سفارشی (Custom Buttons)
• 61. ایجاد فرم های سفارشی (Custom Forms)
• 62. طراحی Navigation Menu های رسپانسیو
• 63. طراحی Page Layout های پیچیده با Flexbox و Grid
• 64. ایجاد Carousel (اسلایدشو) با CSS
• 65. ایجاد Modal (پنجره بازشو) با CSS
• 66. ایجاد Tabs با CSS
• 67. ایجاد Accordion با CSS
• 68. CSS Variables (Custom Properties)
• 69. Calc() function در CSS
• 70. Attribute Selectors در CSS
• 71. CSS Contain property
• 72. CSS Will-change property
• 73. CSS object-fit و object-position
• 74. CSS Blend Modes
• 75. CSS clip-path
• 76. CSS Writing Modes
• 77. CSS Shapes
• 78. CSS Counter Styles
• 79. CSS Custom Cursor
• 80. CSS Scroll Snap
• 81. CSS Scroll Behavior
• 82. CSS Overscroll Behavior
• 83. CSS Logical Properties
• 84. بررسی سازگاری CSS با مرورگرهای مختلف (Cross-Browser Compatibility)
• 85. استفاده از Autoprefixer برای سازگاری مرورگرها
• 86. بهینه سازی CSS برای عملکرد بهتر (Minify, Gzip)
• 87. CSSlint و Stylelint برای بررسی کد
• 88. روش های نامگذاری کلاس ها در CSS (BEM, OOCSS)
• 89. مستندسازی کد CSS
• 90. ابزارهای توسعه مرورگر (Browser Developer Tools) و دیباگ CSS
• 91. اشکال زدایی (Debugging) CSS
• 92. CSS Architecture و سازماندهی پروژه های بزرگ
• 93. CSS Modules
• 94. Styled Components
• 95. CSS-in-JS
• 96. Micro Frontends و CSS
• 97. CSS Performance: Measuring and Improving
• 98. CSS Audit Tools
• 99. Trends in CSS: Future of Web Design
• 100. پروژه عملی: طراحی داشبورد مدیریت ناوگان با CSS