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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. CSS چیست و چرا اهمیت دارد؟
• 3. آشنایی با مفاهیم پایه ای HTML و CSS
• 4. انواع روش های استفاده از CSS (داخلی، خارجی، inline)
• 5. نحوه لینک کردن فایل CSS خارجی به HTML
• 6. ساختار یک قانون CSS (Selector, Property, Value)
• 7. آشنایی با انواع Selector ها در CSS
• 8. Selector های Element، Class و ID
• 9. Selector های Attribute
• 10. Selector های Pseudo-class و Pseudo-element
• 11. Selector های ترکیبی (Combinators)
• 12. آشنایی با باکس مدل (Box Model) در CSS
• 13. مفهوم Margin، Padding، Border و Content
• 14. تنظیم اندازه و ابعاد عناصر (Width, Height)
• 15. واحد های اندازه گیری در CSS (px, em, rem, %, vw, vh)
• 16. مفهوم Overflow و نحوه مدیریت آن
• 17. آشنایی با Display Property و مقادیر آن (block, inline, inline-block)
• 18. Float Property و نحوه استفاده از آن برای طرح بندی
• 19. Clear Property و رفع مشکلات Float
• 20. Position Property (static, relative, absolute, fixed, sticky)
• 21. Z-index و کنترل لایه بندی عناصر
• 22. رنگ ها در CSS (Hex, RGB, RGBA, HSL, HSLA)
• 23. کار با فونت ها در CSS (Font-family, Font-size, Font-weight, Font-style)
• 24. Text Decoration و Text Transform
• 25. Line Height و Letter Spacing
• 26. Word Spacing و Text Align
• 27. آشنایی با CSS Reset و Normalize.css
• 28. کار با تصاویر در CSS (Background Image, Image Size, Image Position)
• 29. Background Repeat و Background Attachment
• 30. Gradient ها در CSS (Linear Gradient, Radial Gradient)
• 31. سایه ها در CSS (Box Shadow, Text Shadow)
• 32. آشنایی با Media Queries و طراحی واکنش گرا (Responsive Design)
• 33. Viewport Meta Tag و اهمیت آن در طراحی موبایل
• 34. Breakpoints و نحوه تعریف آنها
• 35. استفاده از واحد های نسبی (em, rem, %) برای طراحی واکنش گرا
• 36. Flexible Box Layout (Flexbox)
• 37. مفاهیم Main Axis و Cross Axis در Flexbox
• 38. Flex Container Properties (Flex-direction, Justify-content, Align-items, Align-content)
• 39. Flex Item Properties (Flex-grow, Flex-shrink, Flex-basis, Align-self, Order)
• 40. Grid Layout
• 41. Grid Container Properties (Grid-template-columns, Grid-template-rows, Grid-gap, Justify-items, Align-items, Place-items)
• 42. Grid Item Properties (Grid-column-start, Grid-column-end, Grid-row-start, Grid-row-end, Justify-self, Align-self, Place-self)
• 43. آشنایی با CSS Variables (Custom Properties)
• 44. Scope متغیر ها در CSS
• 45. استفاده از متغیر ها برای مدیریت تم و رنگ ها
• 46. تبدیل ها (Transforms) در CSS (Translate, Rotate, Scale, Skew)
• 47. Transition ها در CSS و ایجاد انیمیشن های ساده
• 48. Animation ها در CSS و ایجاد انیمیشن های پیچیده تر
• 49. Keyframes و تعریف مراحل انیمیشن
• 50. Timing Functions و کنترل سرعت انیمیشن
• 51. آشنایی با CSS Modules
• 52. مزایای استفاده از CSS Modules
• 53. نحوه پیاده سازی CSS Modules
• 54. آشنایی با Sass (Syntactically Awesome Style Sheets)
• 55. متغیر ها در Sass
• 56. Mixin ها در Sass
• 57. Extend/Inheritance در Sass
• 58. Partials و Modules در Sass
• 59. Operators در Sass
• 60. Functions در Sass
• 61. آشنایی با Less
• 62. تفاوت های Sass و Less
• 63. آشنایی با PostCSS
• 64. AutoPrefixer و سازگاری با مرورگرهای مختلف
• 65. Minification و Optimization CSS
• 66. CSS Linting و Best Practices
• 67. بررسی ابزار های توسعه مرورگر (Developer Tools)
• 68. Inspect Element و ویرایش CSS در مرورگر
• 69. عیب یابی CSS با استفاده از Developer Tools
• 70. کار با Chrome DevTools
• 71. کار با Firefox Developer Tools
• 72. طراحی منو های ناوبری با CSS
• 73. طراحی فرم های وب با CSS
• 74. طراحی دکمه ها و المان های تعاملی با CSS
• 75. طراحی جداول با CSS
• 76. طراحی گالری تصاویر با CSS
• 77. طراحی اسلایدر تصاویر با CSS
• 78. بهینه سازی CSS برای سرعت بارگذاری وب سایت
• 79. استفاده از CSS Sprites
• 80. فشرده سازی فایل های CSS
• 81. CDN و نحوه استفاده از آن برای CSS
• 82. آشنایی با مفاهیم Accessibility (دسترسی پذیری) در CSS
• 83. استفاده از Semantic HTML و CSS برای دسترسی پذیری بهتر
• 84. کنتراست رنگ و اهمیت آن در دسترسی پذیری
• 85. Focus Styles و ارائه بازخورد به کاربران
• 86. ساخت یک قالب ساده برای سیستم مدیریت ناوگان
• 87. طراحی بخش داشبورد مدیریتی
• 88. طراحی صفحه نمایش اطلاعات ناوگان
• 89. طراحی صفحه گزارش گیری
• 90. طراحی صفحه تنظیمات و پیکربندی
• 91. پیاده سازی تم های مختلف (Light & Dark)
• 92. ساخت کامپوننت های قابل استفاده مجدد
• 93. طراحی رابط کاربری ریسپانسیو برای موبایل و تبلت
• 94. استفاده از آیکون فونت ها (Font Awesome, Material Icons)
• 95. ایجاد انیمیشن های ظریف برای بهبود تجربه کاربری
• 96. تست و اعتبارسنجی CSS
• 97. Cross-browser Compatibility Testing
• 98. Performance Testing و بهینه سازی CSS
• 99. Deployment و انتشار فایل های CSS
• 100. نکات پیشرفته و منابع یادگیری بیشتر در CSS