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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای مدیریت ناوگان
• 2. CSS چیست و چرا مهم است؟
• 3. نحوه عملکرد CSS
• 4. قوانین CSS: انتخابگرها، ویژگی ها و مقادیر
• 5. Syntax CSS: ساختار و قواعد
• 6. روش های اضافه کردن CSS به HTML: Inline, Internal, External
• 7. اولویت CSS: اهمیت روش های مختلف
• 8. انتخابگرهای CSS: انواع و کاربردها
• 9. انتخابگرهای عنصر (Element Selectors)
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای ID (ID Selectors)
• 12. انتخابگرهای ویژگی (Attribute Selectors)
• 13. انتخابگرهای ترکیبی (Combinators): فرزند، نواده، برادر مجاور، برادر عمومی
• 14. شبه کلاس ها (Pseudo-classes): hover, active, visited, focus
• 15. شبه عناصر (Pseudo-elements): ::before, ::after, ::first-line, ::first-letter
• 16. باکس مدل CSS: Content, Padding, Border, Margin
• 17. کنترل ابعاد عناصر: Width, Height, Max-Width, Max-Height, Min-Width, Min-Height
• 18. Padding: درک و کاربرد
• 19. Border: استایل دهی به حاشیه
• 20. Margin: تنظیم فاصله خارجی
• 21. مدل جعبه جایگزین (Alternative Box Model)
• 22. استایل دهی به متن: Font-Family, Font-Size, Font-Weight, Font-Style, Text-Decoration
• 23. رنگ ها در CSS: نام رنگ، کد HEX، RGB، RGBA، HSL، HSLA
• 24. پس زمینه (Background): Background-Color, Background-Image, Background-Repeat, Background-Position, Background-Size
• 25. گرادینت های CSS: Linear, Radial
• 26. سایه ها: Text-Shadow, Box-Shadow
• 27. فهرست ها (Lists): استایل دهی با CSS
• 28. جداول (Tables): استایل دهی با CSS
• 29. لینک ها (Links): استایل دهی با CSS (حالت های مختلف)
• 30. موقعیت دهی (Positioning): Static, Relative, Absolute, Fixed, Sticky
• 31. درک و استفاده از z-index
• 32. شناور سازی (Floats): کاربردها و مشکلات
• 33. Clearfix: رفع مشکلات شناور سازی
• 34. نمایش (Display): Block, Inline, Inline-Block, None
• 35. Overflow: Visible, Hidden, Scroll, Auto
• 36. Flexbox: مقدمه و مفاهیم کلیدی
• 37. Flex: flex-direction, flex-wrap, justify-content, align-items, align-content
• 38. آیتم Flex: flex-grow, flex-shrink, flex-basis, align-self, order
• 39. Grid Layout: مقدمه و مفاهیم کلیدی
• 40. Grid Container: grid-template-rows, grid-template-columns, grid-gap
• 41. Grid Item: grid-column, grid-row, grid-area
• 42. واحد های اندازه گیری CSS: px, em, rem, vw, vh, %, ch, ex
• 43. رسانه های CSS (Media Queries): تعریف و استفاده
• 44. طراحی واکنشگرا (Responsive Design) با CSS
• 45. Viewport Meta Tag: اهمیت و تنظیم
• 46. موبایل اول (Mobile-First) در طراحی وب
• 47. فریمورک های CSS: معرفی و مقایسه
• 48. Bootstrap: آشنایی و استفاده
• 49. Materialize: آشنایی و استفاده
• 50. Foundation: آشنایی و استفاده
• 51. normalize.css: هدف و کاربرد
• 52. ریست CSS (CSS Reset): هدف و کاربرد
• 53. پیش پردازنده های CSS: Sass, Less, Stylus
• 54. Sass: متغیرها، توابع، میکس این ها
• 55. Less: متغیرها، توابع، میکس این ها
• 56. وارد کردن (Import) فایل های CSS
• 57. CSS Modules: کپسوله سازی استایل ها
• 58. BEM (Block Element Modifier): روش نامگذاری کلاس ها
• 59. OOCSS (Object-Oriented CSS): اصول و مزایا
• 60. SMACSS (Scalable and Modular Architecture for CSS): اصول و مزایا
• 61. CSS Specificity: درک و مدیریت
• 62. دیباگ کردن CSS: ابزارها و تکنیک ها
• 63. اعتبار سنجی CSS (CSS Validation)
• 64. بهینه سازی CSS برای سرعت بارگذاری
• 65. CSS Minification: کاهش حجم فایل CSS
• 66. CSS Sprites: کاهش تعداد درخواست های HTTP
• 67. انیمیشن ها در CSS: Transitions
• 68. انیمیشن ها در CSS: Keyframes
• 69. Transform: Translate, Rotate, Scale, Skew
• 70. استایل دهی به فرم ها با CSS
• 71. استفاده از فونت های سفارشی (Custom Fonts)
• 72. استایل دهی به اسکرول بار (Scrollbar Styling)
• 73. تنظیمات پیشرفته متن: letter-spacing, word-spacing, line-height
• 74. استفاده از CSS برای چاپ (Print Styles)
• 75. SVG (Scalable Vector Graphics): استایل دهی با CSS
• 76. Accessible CSS: رعایت اصول دسترسی پذیری
• 77. RTL (Right-to-Left) Support: طراحی برای زبان های راست به چپ
• 78. Cross-Browser Compatibility: اطمینان از سازگاری در مرورگرهای مختلف
• 79. Vendor Prefixes: ضرورت و کاربرد
• 80. CSS Architecture: برنامه ریزی پروژه های بزرگ CSS
• 81. کار با Icon Fonts
• 82. Grid Areas: نامگذاری و استفاده
• 83. CSS Variables (Custom Properties): تعریف و استفاده
• 84. Conic Gradients: ساخت گرادینت های دایره ای
• 85. Clip-path: ایجاد اشکال پیچیده
• 86. Blend Modes: ترکیب رنگ ها در CSS
• 87. Filters: اعمال افکت های تصویری
• 88. Shape Outside: تعریف شکل خارجی برای متن
• 89. Containment: بهبود عملکرد با محدود کردن scope رندر
• 90. Feature Queries: بررسی پشتیبانی از ویژگی ها در مرورگر
• 91. CSS Houdini: معرفی و پتانسیل
• 92. Animation Worklet: ایجاد انیمیشن های سفارشی با کارایی بالا
• 93. Paint API: طراحی پس زمینه ها و حاشیه های سفارشی
• 94. Layout API: طراحی طرح بندی های سفارشی
• 95. Typographic Scale: ایجاد سلسله مراتب بصری در متن
• 96. Theming: ایجاد تم های مختلف برای وب سایت
• 97. CSS-in-JS: معرفی و بررسی کتابخانه ها
• 98. Styled Components: آشنایی و استفاده
• 99. Emotion: آشنایی و استفاده
• 100. آینده CSS: بررسی ترندها و فناوری های جدید