کتاب صوتی CSS for Fleet Management Certification Bodies

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

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

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

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

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

📋 سرفصل‌های دوره

• 1. مقدمه ای بر CSS و اهمیت آن در مدیریت ناوگان
• 2. چرا CSS برای گواهینامه های مدیریت ناوگان مهم است
• 3. تاریخچه مختصر CSS
• 4. تنظیم محیط توسعه CSS
• 5. اولین قوانین CSS: انتخابگرهای پایه
• 6. انتخابگرهای کلاس و ID
• 7. انتخابگرهای عنصر و جهانی
• 8. انتخابگرهای خصوصیت
• 9. انتخابگرهای ترکیبی: تبار، فرزند، مجاور، عموزاده
• 10. ترکیب انتخابگرها برای دقت بیشتر
• 11. اولویت بندی انتخابگرها: وزن انتخابگر
• 12. شناخت ابزار توسعه مرورگر برای CSS
• 13. بازرسی عناصر و بررسی استایل ها
• 14. تغییر CSS در زمان اجرا در ابزار توسعه
• 15. مفهوم Box Model در CSS
• 16. عرض، ارتفاع، padding، border، margin
• 17. مدیریت اندازه ها: px، em، rem، vw، vh، %
• 18. رنگ ها در CSS: نام رنگ، Hex، RGB، RGBA، HSL، HSLA
• 19. شفافیت (Opacity) و کنترل آن
• 20. پس زمینه ها: background-color، background-image
• 21. تصاویر پس زمینه: تکرار، موقعیت، ضمیمه
• 22. Gradient ها: خطی و شعاعی
• 23. مرزها: border-style، border-width، border-color
• 24. انواع سبک مرز: solid، dashed، dotted، double
• 25. استفاده از مقادیر مختلف برای مرزهای چپ، راست، بالا، پایین
• 26. تنظیم گوشه های گرد: border-radius
• 27. Shadow ها: text-shadow، box-shadow
• 28. فونت ها: font-family، font-size، font-weight، font-style
• 29. تنظیم فونت های سیستمی و وب
• 30. تنظیم اندازه فونت با واحدهای نسبی و مطلق
• 31. ارتفاع خط (line-height) و تاثیر آن بر خوانایی
• 32. فاصله بین حروف (letter-spacing) و بین کلمات (word-spacing)
• 33. ترازبندی متن: text-align، vertical-align
• 34. تزئینات متن: text-decoration (underline, overline, line-through)
• 35. نوشته های کلاهک کوچک (text-transform)
• 36. تعیین کلمات کلیدی برای صفات CSS
• 37. مدیریت متن های سرریز شده (text-overflow)
• 38. انتقال متن (word-wrap/overflow-wrap)
• 39. لیست ها: list-style-type، list-style-image، list-style-position
• 40. حذف نشانه های لیست: list-style: none
• 41. جداول: border-collapse، border-spacing
• 42. استفاده از CSS برای استایل دهی به جداول
• 43. مفهوم Display در CSS: block، inline، inline-block
• 44. تبدیل عناصر بین block و inline
• 45. صفحه بندی (Floats): float، clear
• 46. استفاده از floats برای چیدمان های ساده
• 47. مشکلات floats و راه حل های آن
• 48. مفهوم Position در CSS: static، relative، absolute، fixed، sticky
• 49. استفاده از position: relative و absolute برای قرار دادن عناصر
• 50. استفاده از position: fixed برای عناصر ثابت
• 51. استفاده از position: sticky برای عناصر نیمه ثابت
• 52. تنظیمات Z-index برای لایه بندی عناصر
• 53. مدیریت Flexbox: introduction
• 54. خواص Flex Container: display، flex-direction، flex-wrap، justify-content، align-items، align-content
• 55. خواص Flex Item: order، flex-grow، flex-shrink، flex-basis، align-self
• 56. چیدمان های پیچیده با Flexbox
• 57. مدیریت Grid Layout: introduction
• 58. ساختار Grid: grid-template-columns، grid-template-rows، grid-template-areas
• 59. قرار دادن آیتم ها در Grid: grid-column، grid-row
• 60. فاصله گذاری در Grid: gap
• 61. چیدمان های responsive با Grid
• 62. CSS Variables (Custom Properties): تعریف و استفاده
• 63. نحوه ارث بری CSS Variables
• 64. استفاده از CSS Variables برای مدیریت تم ها
• 65. Pseudoclasses: :hover، :active، :focus، :visited
• 66. Pseudoclasses برای موقعیت دهی: :first-child، :last-child، :nth-child
• 67. Pseudoclasses برای فرم ها: :checked، :disabled، :enabled
• 68. Pseudoelements: ::before، ::after، ::first-line، ::first-letter
• 69. استفاده از ::before و ::after برای اضافه کردن محتوا
• 70. Transition ها: property، duration، timing-function، delay
• 71. ایجاد انیمیشن های ساده با Transition
• 72. Animation ها: @keyframes، animation-name، animation-duration
• 73. تنظیمات پیشرفته Animation: animation-iteration-count، animation-direction
• 74. حالت های animation-fill-mode
• 75. ایجاد انیمیشن های پیچیده
• 76. Media Queries: @media
• 77. استفاده از Media Queries برای طراحی responsive
• 78. طراحی برای موبایل اول (Mobile-first)
• 79. طراحی برای دسکتاپ (Desktop-first)
• 80. تنظیمات responsive برای نسبت تصویر، رزولوشن
• 81. بهینه سازی تصاویر برای وب
• 82. فشرده سازی تصاویر CSS
• 83. استفاده از SVG در CSS
• 84. آیکون ها: Font Awesome، Material Icons
• 85. انتقال فونت های سفارشی (Custom Fonts)
• 86. مدیریت تداخل نام ها در CSS (CSS Naming Conventions)
• 87. متدولوژی BEM (Block, Element, Modifier)
• 88. استفاده از BEM برای سازماندهی CSS
• 89. CSS Frameworks (مقدمه): Bootstrap، Tailwind CSS
• 90. معرفی مزایا و معایب Framework ها
• 91. استفاده از Grid System در Bootstrap
• 92. اجزای آماده در Bootstrap (Cards, Buttons, Forms)
• 93. Tailwind CSS: utility-first approach
• 94. سفارشی سازی Tailwind CSS
• 95. CSS Preprocessors (مقدمه): Sass/SCSS
• 96. متغیرها (Variables) در Sass
• 97. تودرتویی (Nesting) در Sass
• 98. تابع ها (Mixins) در Sass
• 99. وراثت (Inheritance) و Extend در Sass
• 100. بلاک ها (Partials) و Import در Sass