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

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

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

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

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

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

• 1. مقدمه: CSS چیست؟
• 2. نقش CSS در انتشارات مدیریت ناوگان
• 3. نحو (Syntax) اصلی CSS
• 4. روش‌های افزودن CSS به یک سند HTML
• 5. آشنایی با ابزارهای توسعه‌دهنده مرورگر (Developer Tools)
• 6. انتخابگرهای اصلی: انتخابگرهای عنصر، کلاس و شناسه
• 7. انتخابگرهای ترکیبی (Combinators): نسل، فرزند، برادر مجاور
• 8. انتخابگرهای صفات (Attribute Selectors)
• 9. کلاس‌های کاذب (Pseudo-classes) برای تعاملات کاربر (hover, focus, active)
• 10. کلاس‌های کاذب ساختاری (nth-child, first-child, last-child)
• 11. عناصر کاذب (Pseudo-elements) مانند before:: و after::
• 12. انتخابگر عمومی (*) و گروه‌بندی انتخابگرها
• 13. ویژگی (Specificity) در CSS: قوانین اولویت
• 14. مفهوم آبشاری (Cascade) و وراثت (Inheritance)
• 15. مدل جعبه‌ای (Box Model): محتوا، Padding، Border، Margin
• 16. ویژگی box-sizing: تفاوت border-box و content-box
• 17. تعیین عرض و ارتفاع عناصر (width, height)
• 18. حداقل و حداکثر ابعاد (min-width, max-height)
• 19. مدیریت سرریز محتوا با ویژگی overflow
• 20. مبانی تایپوگرافی در وب
• 21. ویژگی font-family و فونت‌های امن وب (Web Safe Fonts)
• 22. تعیین اندازه فونت با واحدهای px, em, rem
• 23. ویژگی‌های font-weight و font-style
• 24. استفاده از فونت‌های سفارشی با font-face@
• 25. تراز کردن متن با text-align و vertical-align
• 26. ویژگی‌های text-decoration و text-transform
• 27. تنظیم فاصله بین خطوط و حروف (line-height, letter-spacing)
• 28. ایجاد سایه برای متن با text-shadow
• 29. مدیریت متون طولانی با text-overflow و word-wrap
• 30. کار با رنگ‌ها: مقادیر Hex، RGB و HSL
• 31. اعمال شفافیت با RGBA و HSLA
• 32. ویژگی background-color برای رنگ پس‌زمینه
• 33. استفاده از تصویر پس‌زمینه با background-image
• 34. کنترل تکرار و موقعیت تصویر پس‌زمینه (background-repeat, background-position)
• 35. اندازه‌بندی تصویر پس‌زمینه با background-size
• 36. ایجاد گرادیان‌های خطی و شعاعی برای پس‌زمینه
• 37. ویژگی display: تفاوت block, inline و inline-block
• 38. مفهوم Position: مقادیر static, relative, absolute, fixed
• 39. کنترل لایه‌ها با z-index
• 40. کار با Position: sticky
• 41. مقدمه‌ای بر Flexbox برای چیدمان‌های یک‌بعدی
• 42. ویژگی‌های کانتینر Flexbox: ‏flex-direction و flex-wrap
• 43. تراز کردن آیتم‌ها در محور اصلی با justify-content
• 44. تراز کردن آیتم‌ها در محور متقاطع با align-items
• 45. ویژگی align-content برای خطوط چندگانه
• 46. ویژگی‌های آیتم Flexbox: ‏flex-grow, flex-shrink, flex-basis
• 47. کنترل ترتیب آیتم‌ها با ویژگی order
• 48. مقدمه‌ای بر Grid برای چیدمان‌های دوبعدی
• 49. تعریف ستون‌ها و ردیف‌های گرید (grid-template-columns, grid-template-rows)
• 50. ایجاد فاصله بین آیتم‌ها با gap
• 51. موقعیت‌دهی آیتم‌ها در گرید با شماره خطوط
• 52. ادغام سلول‌ها با grid-column و grid-row
• 53. نام‌گذاری نواحی گرید با grid-template-areas
• 54. تراز کردن آیتم‌ها در گرید (justify-items, align-items)
• 55. مقدمه‌ای بر استایل‌دهی جداول برای گزارش‌ها
• 56. استایل‌دهی به سربرگ و پاورقی جدول (thead, tfoot)
• 57. ایجاد جداول راه‌راه (Zebra-Striping)
• 58. استایل‌دهی به حاشیه و سلول‌های جدول
• 59. طراحی جداول واکنش‌گرا برای دستگاه‌های مختلف
• 60. مقدمه‌ای بر استایل‌دهی فرم‌ها
• 61. استایل‌دهی به inputها و textarea
• 62. استایل‌دهی به دکمه‌ها (Buttons)
• 63. شخصی‌سازی Checkboxها و Radio Buttonها
• 64. استایل‌دهی به حالت‌های اعتبارسنجی فرم (valid, invalid)
• 65. استایل‌دهی به لیست‌های مرتب و نامرتب
• 66. طراحی نوارهای ناوبری (Navigation Bars)
• 67. ایجاد منوهای کشویی (Dropdown Menus)
• 68. طراحی کامپوننت کارت (Card) برای داشبوردها
• 69. استایل‌دهی اولیه به نمودارها و گراف‌ها
• 70. استفاده از آیکون‌ها (Icon Fonts و SVG)
• 71. مبانی طراحی واکنش‌گرا (Responsive Design)
• 72. متا تگ Viewport
• 73. کار با Media Queryها برای تعریف Breakpointها
• 74. رویکرد Mobile-First در طراحی
• 75. چیدمان‌های سیال (Fluid Layouts) و تصاویر انعطاف‌پذیر
• 76. مخفی کردن و نمایش عناصر در اندازه‌های مختلف صفحه
• 77. مقدمه‌ای بر Transitionها برای انیمیشن‌های ساده
• 78. کنترل زمان‌بندی Transitionها با timing-function
• 79. مقدمه‌ای بر Transformهای دو بعدی (translate, rotate, scale)
• 80. کار با Transformهای سه بعدی
• 81. تعریف انیمیشن‌های پیچیده با keyframes@
• 82. استفاده از ویژگی animation برای کنترل انیمیشن‌ها
• 83. متغیرهای CSS (Custom Properties) برای مدیریت تم‌ها
• 84. استفاده از تابع calc() برای محاسبات دینامیک
• 85. برش عناصر با clip-path
• 86. اعمال فیلترهای گرافیکی با ویژگی filter
• 87. حالت‌های ترکیبی (Blend Modes)
• 88. انتخابگرهای پیشرفته: is(), :where():
• 89. انتخابگر والد :has()
• 90. مقدمه‌ای بر Container Queries
• 91. مقدمه‌ای بر استایل‌دهی برای چاپ
• 92. استفاده از media print@
• 93. کنترل شکسته‌شدن صفحات با page-break
• 94. قانون page@ برای تنظیم حاشیه و اندازه صفحه
• 95. مخفی کردن عناصر غیرضروری در نسخه چاپی
• 96. استایل‌دهی به لینک‌ها برای چاپ
• 97. شماره‌گذاری و ایجاد محتوای تولیدی برای چاپ
• 98. سازماندهی فایل‌های CSS
• 99. معرفی متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 100. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS