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

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. مقدمه ای بر CSS و نقش آن در طراحی وب
• 3. ساختار CSS: انتخابگرها، خصوصیات و مقادیر
• 4. نحوه اضافه کردن CSS به HTML: Inline، Internal و External
• 5. انتخابگرهای پایه CSS: Element, ID, Class
• 6. انتخابگرهای ترکیبی CSS: Descendant, Child, Adjacent Sibling, General Sibling
• 7. قوانین Cascading در CSS
• 8. مفاهیم Box Model: Margin, Border, Padding, Content
• 9. اندازه گیری واحدها: Pixels, Ems, Rems, Percentages, Viewport Units
• 10. Text Formatting: Color, Font, Size, Weight, Style, Decoration
• 11. Background Formatting: Color, Image, Repeat, Position
• 12. Border Formatting: Style, Width, Color, Radius
• 13. مبانی Layout: Display property
• 14. Display: Block, Inline, Inline-Block
• 15. Display: None, Visibility: Hidden
• 16. شناخت و کاربرد Flexbox: مقدمه
• 17. Flexbox: تنظیم جهت و چیدمان آیتم‌ها (flex-direction, justify-content, align-items)
• 18. Flexbox: تنظیم اندازه و رشد آیتم‌ها (flex-grow, flex-shrink, flex-basis)
• 19. Flexbox: مدیریت خطوط و چیدمان چند خطی (flex-wrap, align-content)
• 20. کاربرد Flexbox در طراحی رابط کاربری (UI)
• 21. Grid Layout: مقدمه و مفاهیم اولیه
• 22. Grid Layout: تعریف ردیف‌ها و ستون‌ها
• 23. Grid Layout: قرار دادن آیتم‌ها در Grid
• 24. Grid Layout: تنظیم اندازه و فاصله
• 25. Grid Layout: کاربرد Grid در طراحی وب پیچیده
• 26. Responsive Design: مفهوم و اهمیت
• 27. Media Queries: اساس طراحی واکنش‌گرا
• 28. Media Queries: استفاده برای دستگاه‌های مختلف (Screen, Print)
• 29. Mobile-First Approach
• 30. Responsive Images: تنظیم تصاویر برای دستگاه‌های مختلف
• 31. CSS Transitions: مقدمه و کاربرد
• 32. CSS Transitions: تعریف transition-property, duration, timing-function, delay
• 33. CSS Transforms: مقدمه و انواع
• 34. Transforms: Translate, Rotate, Scale, Skew
• 35. CSS Animations: مقدمه و ساختار keyframes
• 36. CSS Animations: تنظیم animation-name, duration, timing-function, delay, iteration-count
• 37. CSS Animations: ایجاد انیمیشن‌های پیچیده
• 38. Selectors پیشرفته:
• 39. Pseudo-classes: Hover, Active, Focus, Visited
• 40. Pseudo-classes: First-child, Last-child, Nth-child
• 41. Pseudo-elements: Before, After
• 42. انتخابگرهای Attribute: [attribute], [attribute=value]
• 43. انتخابگرهای Attribute: [attribute*=value], [attribute^=value], [attribute$=value]
• 44. مفاهیم پیشرفته:
• 45. CSS Specificity: اهمیت و محاسبه
• 46. Inheritance در CSS
• 47. CSS Variables: تعریف و استفاده
• 48. CSS Variables: کاربرد در Themeing و شخصی‌سازی
• 49. Comment در CSS
• 50. Optimizing CSS: Code organization و readability
• 51. Optimizing CSS: Minification و compression
• 52. کار با Preprocessors:
• 53. مقدمه ای بر Sass و Less
• 54. متغیرها و عملگرها در Sass
• 55. Mixins و Functions در Sass
• 56. Nesting در Sass
• 57. Importing و Organizing Stylesheets در Sass
• 58. مدیریت CSS در پروژه‌های بزرگ
• 59. CSS Frameworks: Bootstrap, Tailwind CSS
• 60. Bootstrap: Grid system
• 61. Bootstrap: Components (Buttons, Forms, etc.)
• 62. Tailwind CSS: Utility-first approach
• 63. Tailwind CSS: Customization
• 64. CSS و Fleet Management:
• 65. مقدمه ای بر نیازهای طراحی وب در مدیریت ناوگان
• 66. طراحی UI/UX برای داشبوردهای مدیریت ناوگان
• 67. استفاده از CSS برای نمایش داده‌های ناوگان
• 68. طراحی جداول و نمودارهای پاسخگو
• 69. طراحی فرم‌ها و ورودی‌های داده
• 70. CSS برای Mobile Fleet Management
• 71. بهبود دسترسی‌پذیری در داشبوردهای مدیریت ناوگان (Accessibility)
• 72. انتخاب رنگ‌ها و تایپوگرافی مناسب برای داشبوردها
• 73. استفاده از آیکون‌ها و تصاویر در UI
• 74. بهینه‌سازی CSS برای سرعت و عملکرد در داشبوردهای ناوگان
• 75. کار با فونت‌ها و آیکون‌ها
• 76. طراحی صفحات گزارش‌دهی و آنالیز
• 77. طراحی صفحات مدیریت کاربران و دسترسی‌ها
• 78. استفاده از CSS برای انیمیشن‌ها و تعاملات در داشبورد
• 79. پروژه‌های عملی و نمونه‌کارها:
• 80. طراحی یک داشبورد ساده مدیریت ناوگان با استفاده از CSS
• 81. ایجاد یک صفحه پاسخگو برای نمایش اطلاعات خودرو
• 82. پیاده‌سازی یک جدول تعاملی برای نمایش داده‌های ناوگان
• 83. طراحی یک فرم ورود اطلاعات خودرو
• 84. بهبود UI/UX با استفاده از CSS Transitions و Animations
• 85. طراحی یک نمودار ساده با استفاده از CSS
• 86. ایجاد یک theme سفارشی برای داشبورد
• 87. استفاده از Bootstrap یا Tailwind CSS برای طراحی سریع
• 88. استفاده از CSS در پروژه‌های Teamwork
• 89. مباحث تکمیلی:
• 90. CSS Frameworks و انتخاب مناسب
• 91. رابطه CSS با JavaScript: DOM manipulation
• 92. CSS in JavaScript (Styled Components, Emotion)
• 93. Advanced Selectors: :nth-of-type, :not
• 94. CSS Shapes
• 95. Clip-path
• 96. Filter property
• 97. Blending modes
• 98. Web Components و CSS
• 99. CSS Grid Layout: Advanced techniques
• 100. CSS Custom Properties (Variables): Advanced uses