کتاب صوتی CSS for Fleet Management Training Providers

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS
• 2. نصب و راه‌اندازی ابزارهای توسعه‌دهنده مرورگر
• 3. تاریخچه و اهمیت CSS
• 4. سینتکس پایه CSS
• 5. انتخابگرها: تگ، کلاس، آیدی
• 6. انتخابگرهای ترکیبی
• 7. انتخابگرهای صفتی (Attribute Selectors)
• 8. انتخابگرهای شبه-کلاسی (Pseudo-classes)
• 9. انتخابگرهای شبه-عناصری (Pseudo-elements)
• 10. اولویت‌بندی قوانین CSS (Specificity)
• 11. وراثت (Inheritance) در CSS
• 12. مقادیر عمومی CSS
• 13. واحدها در CSS: پیکسل، em، rem، vw، vh
• 14. رنگ‌ها در CSS: نام، هگز، RGB، RGBA، HSL، HSLA
• 15. پس‌زمینه (Background) عناصر
• 16. تصاویر پس‌زمینه (Background Images)
• 17. تکرار پس‌زمینه (Background Repeat)
• 18. موقعیت پس‌زمینه (Background Position)
• 19. اندازه پس‌زمینه (Background Size)
• 20. ضمیمه پس‌زمینه (Background Attachment)
• 21. انواع Box Model
• 22. عرض و ارتفاع (Width & Height)
• 23. حاشیه (Margin)
• 24. فریم (Border)
• 25. پدینگ (Padding)
• 26. Box Sizing: content-box vs border-box
• 27. نمایش (Display) عناصر: inline, block, inline-block
• 28. نمایش (Display) عناصر: flex, grid
• 29. مقدمه‌ای بر Flexbox
• 30. جهت (Flex Direction) در Flexbox
• 31. مرتب‌سازی (Justify Content) در Flexbox
• 32. هم‌ترازی (Align Items) در Flexbox
• 33. مرتب‌سازی محور متقابل (Align Content) در Flexbox
• 34. انعطاف‌پذیری (Flex Grow, Shrink, Basis)
• 35. عرض و ارتفاع عناصر انعطاف‌پذیر
• 36. مقدمه‌ای بر Grid Layout
• 37. تعریف خطوط (Grid Lines)
• 38. تعریف ستون‌ها (Grid Columns)
• 39. تعریف ردیف‌ها (Grid Rows)
• 40. فضای گپ (Grid Gap)
• 41. قرار دادن آیتم‌ها در Grid
• 42. عرض و ارتفاع ستون‌ها و ردیف‌ها در Grid
• 43. مناطق (Grid Areas)
• 44. هم‌ترازی در Grid
• 45. تراز بندی محتوا در Grid
• 46. قوانین مرورگرهای مختلف (Browser Compatibility)
• 47. استفاده از پیشوندهای سازنده (Vendor Prefixes)
• 48. واکنش‌گرا (Responsive) کردن وب‌سایت‌ها
• 49. تعریف Viewport
• 50. Media Queries: اصول اولیه
• 51. Media Queries: شرط‌های Width
• 52. Media Queries: شرط‌های Height
• 53. Media Queries: شرط‌های Orientation
• 54. Media Queries: شرط‌های Resolution
• 55. Media Queries: ترکیبی از شرط‌ها
• 56. دسته‌بندی Layout ها با Media Queries
• 57. طراحی Mobile-First
• 58. طراحی Desktop-First
• 59. استفاده از سیستم گرید (Grid Systems)
• 60. مفهوم Typography
• 61. فونت خانواده (Font Family)
• 62. اندازه فونت (Font Size)
• 63. وزن فونت (Font Weight)
• 64. سبک فونت (Font Style)
• 65. ارتفاع خط (Line Height)
• 66. فاصله بین حروف (Letter Spacing)
• 67. فاصله بین کلمات (Word Spacing)
• 68. تراز متن (Text Align)
• 69. دکوراسیون متن (Text Decoration)
• 70. تبدیل حروف (Text Transform)
• 71. توابع متن (Text Shadow)
• 72. استفاده از فونت‌های سفارشی (Custom Fonts)
• 73. استفاده از Google Fonts
• 74. مفهوم انیمیشن در CSS
• 75. تعریف Keyframes
• 76. انتقال (Transition) در CSS
• 77. خصیصه‌های Transition
• 78. زمان‌بندی Transition
• 79. تاخیر Transition
• 80. تغییر حالت Transition
• 81. انیمیشن (Animation) در CSS
• 82. خصیصه‌های Animation
• 83. تعداد تکرار انیمیشن (Animation Iteration Count)
• 84. زمان‌بندی انیمیشن (Animation Duration)
• 85. تاخیر انیمیشن (Animation Delay)
• 86. جهت انیمیشن (Animation Direction)
• 87. حالت نهایی انیمیشن (Animation Fill Mode)
• 88. حالت پخش انیمیشن (Animation Play State)
• 89. شتاب انیمیشن (Animation Timing Function)
• 90. انتقال (Transform) در CSS: Scale
• 91. انتقال (Transform) در CSS: Rotate
• 92. انتقال (Transform) در CSS: Skew
• 93. انتقال (Transform) در CSS: Translate
• 94. انتقال (Transform) در CSS: Origin
• 95. فیلترها (Filters) در CSS: Blur
• 96. فیلترها (Filters) در CSS: Grayscale
• 97. فیلترها (Filters) در CSS: Sepia
• 98. فیلترها (Filters) در CSS: Brightness
• 99. فیلترها (Filters) در CSS: Contrast
• 100. فیلترها (Filters) در CSS: Saturation