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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. تاریخچه مختصر CSS
• 4. محیط توسعه CSS: ابزارها و تنظیمات
• 5. نصب و پیکربندی ویرایشگر کد
• 6. استفاده از Developer Tools مرورگر برای CSS
• 7. تنظیمات اولیه پروژه CSS
• 8. اصول اولیه CSS: ساختار و سینتکس
• 9. انتخابگرها (Selectors): انواع پایه
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای ID (ID Selectors)
• 12. انتخابگرهای تگ (Tag Selectors)
• 13. انتخابگرهای عمومی (Universal Selector)
• 14. ترکیب‌کننده‌ها (Combinators): مفاهیم پایه
• 15. انتخابگر فرزند (Child Combinator)
• 16. انتخابگر فرزند عمومی (Descendant Combinator)
• 17. انتخابگر برادر مجاور (Adjacent Sibling Combinator)
• 18. انتخابگر برادر عمومی (General Sibling Combinator)
• 19. ویژگی‌های CSS (Properties) و مقادیر (Values)
• 20. نحوه اعمال CSS: Inline, Internal, External
• 21. ارث‌بری (Inheritance) در CSS
• 22. اولیت (Specificity) در CSS: اصول پایه
• 23. محاسبه اولویت: مثال‌ها
• 24. نکته Important و اولویت آن
• 25. مدیریت رنگ‌ها در CSS
• 26. کدهای رنگی HEX
• 27. کدهای رنگی RGB
• 28. کدهای رنگی RGBA
• 29. کدهای رنگی HSL
• 30. کدهای رنگی HSLA
• 31. مدیریت فونت‌ها در CSS
• 32. انتخاب فونت‌های سیستم
• 33. استفاده از فونت‌های وب (Google Fonts)
• 34. تنظیم اندازه فونت (Font Size)
• 35. تنظیم وزن فونت (Font Weight)
• 36. تنظیم سبک فونت (Font Style)
• 37. تنظیم فونت خانواده (Font Family)
• 38. مدیریت متن در CSS
• 39. تراز متن (Text Align)
• 40. فاصله خطوط (Line Height)
• 41. فاصله کلمات (Word Spacing)
• 42. فاصله حروف (Letter Spacing)
• 43. دکوراسیون متن (Text Decoration)
• 44. تغییر حروف (Text Transform)
• 45. تنظیمات پیشرفته متن
• 46. مدیریت باکس مدل (Box Model)
• 47. محتوا (Content)
• 48. فاصله داخلی (Padding)
• 49. حاشیه (Margin)
• 50. حاشیه بیرونی (Border)
• 51. تنظیمات Border-radius
• 52. تنظیمات Box-sizing
• 53. چیدمان عناصر در CSS: مفاهیم پایه
• 54. نمایش عناصر (Display)
• 55. Inline, Block, Inline-block
• 56. None
• 57. Flexbox: مقدمه و اصول
• 58. Container Properties در Flexbox
• 59. Item Properties در Flexbox
• 60. چیدمان عناصر با Flexbox برای مدیریت ناوگان
• 61. Grid CSS: مقدمه و اصول
• 62. Container Properties در Grid
• 63. Item Properties در Grid
• 64. چیدمان عناصر با Grid برای مدیریت ناوگان
• 65. موقعیت‌دهی عناصر (Positioning)
• 66. Static, Relative, Absolute
• 67. Fixed, Sticky
• 68. Z-index
• 69. تنظیمات پیشرفته موقعیت‌دهی
• 70. CSS Responsive Design: مفاهیم پایه
• 71. Viewport Meta Tag
• 72. Units: px, em, rem, vw, vh
• 73. Media Queries: تعریف و کاربرد
• 74. نوشتن Media Queries برای ابعاد مختلف
• 75. نکات کلیدی در Responsive Design برای مدیریت ناوگان
• 76. طراحی فرم‌ها در CSS برای مدیریت ناوگان
• 77. استایل‌دهی به Input Fields
• 78. استایل‌دهی به Labels
• 79. استایل‌دهی به Buttons
• 80. استایل‌دهی به Select Menus
• 81. استایل‌دهی به Textareas
• 82. طراحی فرم‌های پیچیده برای مدیریت ناوگان
• 83. استایل‌دهی به جداول (Tables) در CSS
• 84. استایل‌دهی به سربرگ جدول (Table Header)
• 85. استایل‌دهی به سطرها و ستون‌ها
• 86. استایل‌دهی به ردیف‌های زوج و فرد
• 87. استایل‌دهی به ردیف‌های هاور (Hover)
• 88. استایل‌دهی به جداول واکنش‌گرا (Responsive Tables)
• 89. استایل‌دهی به آیکون‌ها در CSS
• 90. استفاده از Font Awesome
• 91. استفاده از SVG Icons
• 92. تنظیمات آیکون‌ها
• 93. استایل‌دهی به نمودارها و گراف‌ها (برای نمایش داده‌های ناوگان)
• 94. مقدمه‌ای بر کتابخانه‌های CSS
• 95. Bootstrap: مقدمه و کاربرد
• 96. گراید سیستم Bootstrap
• 97. اجزای Bootstrap برای فرم‌ها و جداول
• 98. Tailwind CSS: مقدمه و کاربرد
• 99. کلاس‌های Utility در Tailwind
• 100. نوشتن CSS سفارشی با Tailwind