کتاب صوتی CSS for Fleet Management Websites

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب سایت ها
• 2. CSS چیست و چگونه کار می کند؟
• 3. Syntax پایه ای CSS: انتخابگرها، ویژگی ها و مقادیر
• 4. نحوه اتصال CSS به HTML: Inline, Internal, External
• 5. آشنایی با انتخابگرهای CSS: Element, ID, Class
• 6. انتخابگرهای ترکیبی: Descendant, Child, Adjacent Sibling, General Sibling
• 7. انتخابگرهای ویژگی (Attribute Selectors)
• 8. Pseudo-classes: :hover, :active, :visited, :focus
• 9. Pseudo-elements: ::before, ::after, ::first-line, ::first-letter
• 10. اولویت و وراثت در CSS (Specificity and Inheritance)
• 11. واحدهای اندازه گیری در CSS: px, em, rem, %, vw, vh
• 12. رنگ ها در CSS: نام رنگ ها، Hex, RGB, RGBA, HSL, HSLA
• 13. کار با فونت ها: font-family, font-size, font-weight, font-style
• 14. تنظیم متن: text-align, text-decoration, text-transform, line-height
• 15. کار با پس زمینه ها: background-color, background-image, background-repeat, background-position
• 16. حاشیه ها (Borders): border-width, border-style, border-color, border-radius
• 17. Padding و Margin: درک مفهوم و کاربرد
• 18. مدل جعبه ای CSS (Box Model): Content, Padding, Border, Margin
• 19. Display Property: block, inline, inline-block, none
• 20. موقعیت دهی عناصر (Positioning): static, relative, absolute, fixed, sticky
• 21. Z-index: کنترل لایه بندی عناصر
• 22. Float و Clear: ایجاد طرح بندی های پایه
• 23. Overflow: کنترل محتوای بیش از حد
• 24. CSS Reset و Normalize: استانداردسازی استایل ها
• 25. کار با جداول: table, tr, th, td
• 26. استایل دهی به فرم ها: input, textarea, select, button
• 27. List ها: استایل دهی به ul و ol
• 28. Navigation Bar: طراحی منوی ناوبری افقی و عمودی
• 29. Image Sprites: بهینه سازی تصاویر
• 30. CSS Variables (Custom Properties): تعریف و استفاده
• 31. محاسبه مقادیر با calc()
• 32. Transition ها: ایجاد انیمیشن های ساده
• 33. Transform ها: rotate, scale, translate, skew
• 34. Animation ها: keyframes, animation-name, animation-duration
• 35. کار با Gradient ها: Linear, Radial, Conic
• 36. سایه ها: box-shadow, text-shadow
• 37. فیلترها: blur, grayscale, sepia
• 38. Blend Modes: ترکیب رنگ ها
• 39. استفاده از فونت آیکون ها (Font Awesome)
• 40. طراحی ریسپانسیو: مفاهیم و اصول
• 41. Viewport Meta Tag: تنظیم Viewport برای دستگاه های مختلف
• 42. Media Queries: اعمال استایل های مختلف بر اساس سایز صفحه
• 43. طراحی بر اساس Mobile First
• 44. Flexible Box Layout (Flexbox): مفاهیم پایه
• 45. Flex Container Properties: flex-direction, flex-wrap, justify-content, align-items
• 46. Flex Item Properties: flex-grow, flex-shrink, flex-basis, align-self
• 47. Grid Layout: مفاهیم پایه
• 48. Grid Container Properties: grid-template-columns, grid-template-rows, grid-gap
• 49. Grid Item Properties: grid-column, grid-row, grid-area
• 50. ترکیب Flexbox و Grid برای طراحی های پیچیده
• 51. استفاده از فریم ورک های CSS: Bootstrap, Tailwind CSS
• 52. بررسی Bootstrap: Grid System, Components, Utilities
• 53. بررسی Tailwind CSS: Utility-First Approach
• 54. Sass (Syntactically Awesome Stylesheets): مقدمه و نصب
• 55. Sass Variables: تعریف و استفاده
• 56. Sass Nesting: نوشتن CSS تو در تو
• 57. Sass Mixins: ایجاد قطعه کدهای قابل استفاده مجدد
• 58. Sass Extend/Inheritance: وراثت استایل ها
• 59. Sass Partials و Modules: سازماندهی کد
• 60. Sass Functions: تعریف توابع سفارشی
• 61. CSS Modules: Scope بندی CSS
• 62. CSS in JS: Styled Components, Emotion
• 63. بررسی Atomic CSS
• 64. Object-Oriented CSS (OOCSS)
• 65. Block, Element, Modifier (BEM)
• 66. Scalable and Modular Architecture for CSS (SMACSS)
• 67. ITCSS (Inverted Triangle CSS)
• 68. بررسی Performance CSS: بهینه سازی سرعت بارگذاری
• 69. Minify و Compress کردن CSS
• 70. Critical CSS: بارگذاری استایل های ضروری در ابتدا
• 71. Lazy Loading CSS
• 72. Code Splitting CSS
• 73. استفاده از CDN برای CSS
• 74. اعتبارسنجی CSS با CSS Validator
• 75. دیباگ کردن CSS با Developer Tools
• 76. بررسی سازگاری CSS با مرورگرهای مختلف
• 77. Prefix های Vendor (Vendor Prefixes)
• 78. نوشتن CSS برای چاپ (Print Stylesheets)
• 79. Accessibility (دسترسی پذیری) در CSS
• 80. ARIA Attributes: بهبود دسترسی پذیری
• 81. استفاده از Contrast Checking Tools
• 82. تست CSS با ابزارهای خودکار
• 83. ایجاد Style Guide برای پروژه
• 84. مستندسازی CSS
• 85. کار با CSS preprocessors در پروژه های بزرگ
• 86. مدیریت CSS در محیط های تیمی
• 87. استراتژی نامگذاری کلاس ها
• 88. طراحی سیستم رنگ برای وب سایت های مدیریت ناوگان
• 89. ایجاد استایل های reusable برای کامپوننت های رایج
• 90. طراحی قالب بندی برای گزارش ها و داشبورد ها
• 91. طراحی رابط کاربری برای مدیریت وسایل نقلیه
• 92. طراحی UI برای ردیابی موقعیت مکانی وسایل نقلیه
• 93. طراحی رابط کاربری برای مدیریت تعمیر و نگهداری
• 94. طراحی رابط کاربری برای مدیریت سوخت
• 95. طراحی رابط کاربری برای مدیریت رانندگان
• 96. استایل دهی به نقشه ها در وب سایت های مدیریت ناوگان
• 97. بهینه سازی CSS برای نمایش اطلاعات زیاد در جداول
• 98. استفاده از CSS برای ایجاد انیمیشن های ساده برای نشان دادن وضعیت وسایل نقلیه
• 99. ایجاد طرح بندی های پیچیده برای نمایش آمار و ارقام مربوط به ناوگان
• 100. ادغام CSS با JavaScript برای ایجاد تعاملات پیچیده تر