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

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

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

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

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

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

• 1. مقدمه ای بر CSS و کاربردهای آن در مدیریت ناوگان
• 2. آشنایی با سینتکس CSS (Syntax)
• 3. انتخابگرها (Selectors) : تگ ها، کلاس ها، ID ها
• 4. انتخابگرهای ترکیبی (Combinator Selectors): فرزند، مجاور، عمومی
• 5. انتخابگرهای ویژگی (Attribute Selectors)
• 6. انتخابگرهای شبه کلاس (Pseudo-classes)
• 7. انتخابگرهای شبه عنصر (Pseudo-elements)
• 8. نحوه اتصال CSS به HTML: داخلی، خارجی، درون خطی
• 9. اولویت بندی CSS (Specificity)
• 10. قواعد Cascade و Inheritance
• 11. واحد های اندازه گیری در CSS: px, em, rem, %, vh, vw
• 12. رنگ ها در CSS: نام رنگ، کد HEX، RGB، RGBA، HSL، HSLA
• 13. مقدمه ای بر مدل جعبه ای (Box Model)
• 14. حاشیه (Margin) و کاربردهای آن
• 15. لبه (Border) و استایل دهی به آن
• 16. فضای داخلی (Padding) و کاربردهای آن
• 17. محتوا (Content) و مدیریت آن
• 18. مدیریت Overflow
• 19. استایل دهی به متن: فونت ها، اندازه، رنگ، وزن
• 20. تغییر فونت با @font-face
• 21. فاصله بین خطوط و حروف
• 22. تغییر حالت متن (Text Transform)
• 23. تزئین متن (Text Decoration)
• 24. سایه متن (Text Shadow)
• 25. چینش متن (Text Alignment)
• 26. جهت متن (Text Direction)
• 27. فاصله گذاری (Word Spacing, Letter Spacing)
• 28. لیست ها و استایل دهی به آن ها
• 29. استایل دهی به جداول
• 30. پس زمینه (Background) و استایل دهی به آن
• 31. تصویر پس زمینه و تکرار آن
• 32. اندازه و موقعیت تصویر پس زمینه
• 33. گرادیان ها در پس زمینه
• 34. مقدمه ای بر Layout
• 35. نمایش (Display) و مقادیر آن: block, inline, inline-block, none
• 36. موقعیت (Position) و مقادیر آن: static, relative, absolute, fixed, sticky
• 37. انباشتگی (Z-index)
• 38. مقدمه ای بر Flexbox
• 39. container اصلی Flexbox
• 40. آیتم های Flexbox
• 41. جهت محور اصلی (flex-direction)
• 42. پیچیدن آیتم ها (flex-wrap)
• 43. تراز کردن آیتم ها در محور اصلی (justify-content)
• 44. تراز کردن آیتم ها در محور فرعی (align-items)
• 45. تراز کردن یک آیتم (align-self)
• 46. مرتب سازی آیتم ها (order)
• 47. رشد، انقباض و اندازه پایه (flex-grow, flex-shrink, flex-basis)
• 48. مقدمه ای بر Grid
• 49. container اصلی Grid
• 50. ردیف ها و ستون ها (grid-template-rows, grid-template-columns)
• 51. فاصله بین ردیف ها و ستون ها (grid-gap, row-gap, column-gap)
• 52. نام گذاری خطوط Grid
• 53. قرار دادن آیتم ها در Grid (grid-row, grid-column)
• 54. تراز کردن آیتم ها در Grid (justify-items, align-items)
• 55. تراز کردن کل Grid (justify-content, align-content)
• 56. Auto-fit و Auto-fill
• 57. Minmax() Function
• 58. توابع repeat()
• 59. مقدمه ای بر Media Queries
• 60. انواع Media Queries: all, print, screen, speech
• 61. تعیین شرایط Media Queries: width, height, orientation
• 62. استفاده از Media Queries برای طراحی واکنش گرا (Responsive Design)
• 63. مقدمه ای بر انیمیشن ها و Transition ها
• 64. Transition ها و ویژگی های آن
• 65. انیمیشن ها و keyframes
• 66. ویژگی های animation
• 67. تغییر شکل (Transform) و مقادیر آن: translate, rotate, scale, skew
• 68. فیلترها (Filters) و کاربردهای آن
• 69. سایه جعبه (Box Shadow)
• 70. حالت Hover و Active
• 71. نشانگر ماوس (Cursor)
• 72. متغیرها (Variables) در CSS
• 73. محاسبات در CSS (Calc)
• 74. فونت های آیکون (Font Awesome)
• 75. استفاده از SVG در CSS
• 76. ایجاد Tooltip با CSS
• 77. ایجاد Modal با CSS
• 78. ایجاد Navigation Bar با CSS
• 79. ایجاد فرم با CSS
• 80. ایجاد کارت (Card) با CSS
• 81. استایل دهی به دکمه ها (Buttons)
• 82. استایل دهی به تصاویر
• 83. مقدمه ای بر preprocessors CSS: Sass, Less
• 84. نصب و راه اندازی Sass
• 85. متغیرها در Sass
• 86. تودرتویی (Nesting) در Sass
• 87. Mixin ها در Sass
• 88. ارث بری (Extend) در Sass
• 89. حلقه ها (Loops) در Sass
• 90. شرط ها (Conditionals) در Sass
• 91. پارتشال ها (Partials) در Sass
• 92. ماژول ها (Modules) در Sass
• 93. مقدمه ای بر فریمورک های CSS: Bootstrap, Tailwind CSS
• 94. بررسی Bootstrap Grid System
• 95. کامپوننت های Bootstrap
• 96. بررسی Tailwind CSS utility-first approach
• 97. بهینه سازی CSS برای سرعت بارگذاری
• 98. minify کردن CSS
• 99. فشرده سازی CSS
• 100. استفاده از CDN