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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. آشنایی با مفاهیم پایه ای HTML برای CSS
• 3. نصب و راه اندازی ویرایشگر کد و مرورگر مناسب
• 4. ساختار کلی یک فایل CSS
• 5. روش های اتصال CSS به HTML (Inline, Internal, External)
• 6. سلکتورها (Selectors) در CSS: معرفی و کاربرد
• 7. سلکتورهای بر اساس نام تگ (Tag Selectors)
• 8. سلکتورهای بر اساس کلاس (Class Selectors)
• 9. سلکتورهای بر اساس ID (ID Selectors)
• 10. سلکتورهای عمومی (Universal Selector)
• 11. سلکتورهای ترکیبی (Combinators): Descendant Selector
• 12. سلکتورهای ترکیبی: Child Selector
• 13. سلکتورهای ترکیبی: Adjacent Sibling Selector
• 14. سلکتورهای ترکیبی: General Sibling Selector
• 15. سلکتورهای Attribute: بررسی و کاربرد
• 16. شبه کلاس ها (Pseudo-classes): معرفی و مثال
• 17. شبه عناصر (Pseudo-elements): معرفی و مثال
• 18. اولویت بندی سلکتورها (Specificity) در CSS
• 19. وراثت (Inheritance) در CSS و نحوه کنترل آن
• 20. مقدمه ای بر باکس مدل (Box Model) در CSS
• 21. درک اجزای باکس مدل: Content, Padding, Border, Margin
• 22. تنظیم اندازه عناصر (Width, Height) و overflow
• 23. نحوه استفاده از واحدهای اندازه گیری در CSS: px, em, rem, %, vw, vh
• 24. کار با رنگ ها در CSS: نام رنگ ها، Hexadecimal, RGB, RGBA, HSL, HSLA
• 25. استفاده از پس زمینه ها (Backgrounds) در CSS: color, image, repeat, position, size
• 26. کار با فونت ها در CSS: family, size, weight, style, variant
• 27. متن و Text Formatting در CSS: color, align, decoration, transform, spacing
• 28. آشنایی با لیست ها (Lists) در CSS: style-type, position, image
• 29. کار با جداول (Tables) در CSS: border, spacing, layout
• 30. مقدمه ای بر مفاهیم Layout در CSS
• 31. Display Property: Block, Inline, Inline-block, None
• 32. Positioning: Static, Relative, Absolute, Fixed, Sticky
• 33. Float Property و Clearfix
• 34. Flexbox: معرفی و مفاهیم پایه ای
• 35. Flex Container Properties: flex-direction, flex-wrap, justify-content, align-items, align-content
• 36. Flex Item Properties: flex-grow, flex-shrink, flex-basis, align-self, order
• 37. Grid Layout: معرفی و مفاهیم پایه ای
• 38. Grid Container Properties: grid-template-columns, grid-template-rows, grid-gap, justify-items, align-items
• 39. Grid Item Properties: grid-column, grid-row, justify-self, align-self
• 40. استفاده از Media Queries برای طراحی واکنش گرا (Responsive Design)
• 41. Mobile-First Approach در طراحی واکنش گرا
• 42. تنظیم Viewport در HTML برای طراحی واکنش گرا
• 43. طراحی منوهای واکنش گرا
• 44. تصاویر واکنش گرا (Responsive Images)
• 45. آشنایی با CSS Frameworks: Bootstrap, Tailwind CSS
• 46. مقدمه ای بر Bootstrap و نصب آن
• 47. Grid System در Bootstrap
• 48. کامپوننت های Bootstrap: Buttons, Forms, Navbar, Cards
• 49. استفاده از کلاس های کمکی Bootstrap
• 50. مقدمه ای بر Tailwind CSS و نصب آن
• 51. Utility-First Approach در Tailwind CSS
• 52. استفاده از کلاس های Utility در Tailwind CSS
• 53. سفارشی سازی Tailwind CSS
• 54. انیمیشن ها (Animations) در CSS: transition, transform, animation
• 55. انتقال (Transitions) در CSS: properties, duration, timing-function, delay
• 56. تغییر شکل (Transforms) در CSS: translate, rotate, scale, skew
• 57. انیمیشن (Animation) در CSS: keyframes, name, duration, iteration-count
• 58. استفاده از Transform Origin
• 59. کار با Shadow ها (Box-shadow, Text-shadow)
• 60. فیلترها (Filters) در CSS: blur, brightness, contrast, grayscale, sepia
• 61. ماسک ها (Masks) در CSS
• 62. حالت های Mouse Over و Hover Effects
• 63. استفاده از Gradient ها (Linear, Radial)
• 64. ایجاد دکمه های جذاب با CSS
• 65. طراحی فرم های زیبا با CSS
• 66. بهینه سازی CSS برای سرعت بارگذاری وب سایت
• 67. فشرده سازی CSS (Minification)
• 68. استفاده از CSS Sprites
• 69. ابزارهای توسعه دهنده مرورگر (Browser Developer Tools) برای CSS
• 70. اشکال زدایی (Debugging) CSS
• 71. استفاده از Preprocessors مانند SASS یا LESS: معرفی و مزایا
• 72. متغیرها (Variables) در SASS/LESS
• 73. توابع (Functions) در SASS/LESS
• 74. مخلوط ها (Mixins) در SASS/LESS
• 75. گسترش (Extend) در SASS/LESS
• 76. پیمانه ها (Modules) در SASS/LESS
• 77. ایجاد ساختار فایل CSS منظم و قابل نگهداری
• 78. نامگذاری کلاس ها (Naming Conventions) در CSS (BEM, OOCSS)
• 79. مستندسازی CSS
• 80. سازگاری مرورگرها (Cross-browser Compatibility) در CSS
• 81. استفاده از Normalize.css یا Reset.css
• 82. تست CSS در مرورگرهای مختلف
• 83. استفاده از کتابخانه های انیمیشن CSS
• 84. آشنایی با Web Accessibility و رعایت نکات آن در CSS
• 85. ایجاد طرح بندی های پیچیده با Flexbox و Grid
• 86. ساخت اسلایدر تصاویر با CSS
• 87. طراحی داشبورد مدیریت ناوگان با CSS
• 88. طراحی گزارشات با CSS
• 89. طراحی نقشه ها با CSS و یکپارچه سازی با Google Maps API
• 90. ایجاد آیکون های سفارشی با CSS
• 91. ادغام CSS با جاوا اسکریپت
• 92. استفاده از CSS Modules برای component-based styling
• 93. CSS-in-JS: معرفی و بررسی
• 94. بررسی CSS جدیدترین ویژگی‌ها و تکنیک‌ها
• 95. بهینه سازی تصاویر برای وب
• 96. آشنایی با مفاهیم Web Performance Optimization (WPO)
• 97. آشنایی با CSS Modules و Styled Components
• 98. استفاده از Custom Properties (CSS Variables) برای تم های مختلف
• 99. ایجاد یک کتابخانه UI سفارشی برای مدیریت ناوگان
• 100. استراتژی های استایل دهی در مقیاس بزرگ (Large-Scale CSS)