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

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

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

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

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

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

• 1. مقدمه ای بر CSS و کاربردهای آن در Fleet Management
• 2. آشنایی با HTML و ساختار صفحات وب برای Fleet Management
• 3. انتخابگرها (Selectors) در CSS: معرفی و انواع
• 4. انتخابگرهای عمومی (Universal Selector) و نوع (Type Selector)
• 5. انتخابگرهای کلاس (Class Selector) و ID (ID Selector)
• 6. انتخابگرهای ویژگی (Attribute Selectors)
• 7. انتخابگرهای ترکیبی (Combinators): فرزند (Descendant) و فرزند مستقیم (Child)
• 8. انتخابگرهای ترکیبی: مجاور (Adjacent Sibling) و عمومی مجاور (General Sibling)
• 9. شبه کلاس ها (Pseudo-classes): معرفی و کاربردها
• 10. شبه عناصر (Pseudo-elements): معرفی و کاربردها
• 11. نحوه نوشتن CSS: درون خطی (Inline)، داخلی (Internal) و خارجی (External)
• 12. آشنایی با Box Model: محتوا (Content)، حاشیه (Padding)، مرز (Border) و مارجین (Margin)
• 13. تنظیم ابعاد عناصر: width و height
• 14. واحد های اندازه گیری در CSS: پیکسل (px)، درصد (%)، em، rem، viewport units (vw, vh)
• 15. رنگ ها در CSS: نام رنگ ها، RGB، Hexadecimal، HSL
• 16. پس زمینه (Background) در CSS: رنگ پس زمینه، تصویر پس زمینه
• 17. تکرار تصویر پس زمینه (background-repeat)، موقعیت تصویر پس زمینه (background-position)
• 18. اندازه تصویر پس زمینه (background-size)، ضمیمه تصویر پس زمینه (background-attachment)
• 19. متن در CSS: فونت (Font)، اندازه فونت (Font-size)، وزن فونت (Font-weight)
• 20. استایل فونت (Font-style)، تبدیل متن (Text-transform)، فاصله حروف (Letter-spacing)
• 21. فاصله خطوط (Line-height)، تراز متن (Text-align)، دکوراسیون متن (Text-decoration)
• 22. لیست ها در CSS: استایل لیست (List-style-type)، موقعیت لیست (List-style-position)، تصویر لیست (List-style-image)
• 23. جداول در CSS: border-collapse، border-spacing، caption-side
• 24. موقعیت دهی (Positioning): static، relative، absolute، fixed، sticky
• 25. خاصیت z-index: کنترل لایه بندی عناصر
• 26. Overflow: کنترل محتوای اضافی
• 27. Float: شناور سازی عناصر
• 28. Clear: جلوگیری از شناور شدن عناصر
• 29. Flexbox: معرفی و مفاهیم پایه
• 30. container properties در Flexbox: flex-direction، flex-wrap، justify-content، align-items، align-content
• 31. item properties در Flexbox: order، flex-grow، flex-shrink، flex-basis، align-self
• 32. Grid Layout: معرفی و مفاهیم پایه
• 33. container properties در Grid: grid-template-rows، grid-template-columns، grid-gap، justify-items، align-items، justify-content، align-content
• 34. item properties در Grid: grid-column-start، grid-column-end، grid-row-start، grid-row-end، grid-area
• 35. Media Queries: معرفی و کاربردها برای طراحی واکنشگرا
• 36. ایجاد layout های ساده با CSS برای داشبورد Fleet Management
• 37. طراحی فرم های ورود و ثبت نام کاربر برای Fleet Management
• 38. استایل دهی به جداول داده برای نمایش اطلاعات ناوگان
• 39. استفاده از CSS برای ایجاد دکمه های تعاملی در پنل مدیریت
• 40. ایجاد نوار ناوبری (Navigation Bar) برای Fleet Management
• 41. استایل دهی به پیام های خطا و هشدار (Error and Warning Messages)
• 42. انیمیشن و Transition در CSS: معرفی و کاربردها
• 43. transition: ایجاد انیمیشن های ساده
• 44. animation: ایجاد انیمیشن های پیچیده
• 45. Transform: تغییر شکل عناصر (rotate, scale, translate, skew)
• 46. Shadows: ایجاد سایه برای متن و عناصر (text-shadow, box-shadow)
• 47. Gradient: ایجاد گرادیانت های رنگی (linear-gradient, radial-gradient)
• 48. Pseudo-elements برای استایل دهی پیشرفته (::before, ::after)
• 49. استفاده از فونت آیکون ها (Font Awesome, Material Icons)
• 50. ایجاد Tooltip با استفاده از CSS
• 51. ایجاد Modal با استفاده از CSS
• 52. ایجاد Dropdown Menu با استفاده از CSS
• 53. ایجاد Carousel با استفاده از CSS
• 54. ایجاد Pagination با استفاده از CSS
• 55. CSS Reset: normalize.css و reset.css
• 56. مقدمه ای بر CSS Framework ها (Bootstrap, Tailwind CSS, Materialize)
• 57. Bootstrap: نصب و راه اندازی
• 58. Bootstrap: Grid System
• 59. Bootstrap: Components (Buttons, Forms, Navbar, Cards)
• 60. Tailwind CSS: نصب و راه اندازی
• 61. Tailwind CSS: Utility Classes
• 62. Tailwind CSS: Customization
• 63. Materialize: نصب و راه اندازی
• 64. Materialize: Components (Buttons, Forms, Navbar, Cards)
• 65. Preprocessors CSS (Sass, Less): معرفی و مزایا
• 66. Sass: نصب و راه اندازی
• 67. Sass: متغیرها (Variables)
• 68. Sass: توابع (Mixins)
• 69. Sass: ارث بری (Extend/Inheritance)
• 70. Sass: ماژول ها (Modules)
• 71. Less: نصب و راه اندازی
• 72. Less: متغیرها (Variables)
• 73. Less: Mixins
• 74. Less: توابع (Functions)
• 75. CSS Architecture: BEM (Block Element Modifier)
• 76. CSS Architecture: OOCSS (Object Oriented CSS)
• 77. CSS Architecture: SMACSS (Scalable and Modular Architecture for CSS)
• 78. Performance Optimization: Minify CSS
• 79. Performance Optimization: Compress CSS
• 80. Performance Optimization: Lazy Loading CSS
• 81. Cross-browser Compatibility: رفع مشکلات نمایش در مرورگرهای مختلف
• 82. Debugging CSS: استفاده از Developer Tools در مرورگر
• 83. Accessibility (A11y) در CSS: طراحی برای کاربران با نیازهای ویژه
• 84. استفاده از CSS Modules
• 85. استفاده از CSS-in-JS (Styled Components, Emotion)
• 86. استفاده از PostCSS
• 87. ایجاد یک Style Guide برای پروژه Fleet Management
• 88. نحوه تست CSS
• 89. استفاده از CSS برای چاپ صفحات وب (Print Styles)
• 90. استایل دهی به نقشه ها (Maps) در Fleet Management (Google Maps API)
• 91. استفاده از CSS Variables (Custom Properties)
• 92. ایجاد تم های مختلف (Themes) با استفاده از CSS
• 93. بررسی ترندهای روز CSS
• 94. ادغام CSS با JavaScript
• 95. امنیت در CSS: جلوگیری از حملات XSS
• 96. بهینه سازی CSS برای موتورهای جستجو (SEO)
• 97. مدیریت CSS در پروژه های بزرگ Fleet Management
• 98. استفاده از CSS برای گزارش گیری (Reporting) در Fleet Management
• 99. ایجاد اینفوگرافیک با استفاده از CSS
• 100. استفاده از CSS Shapes