فلش‌کارت‌های آموزشی CSS for Fleet Management Providers

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. CSS چیست و چرا مهم است؟
• 3. نحوه اتصال CSS به HTML (داخلی، خارجی، خطی)
• 4. انتخابگرها: انتخاب عناصر HTML
• 5. انتخابگرهای پایه (عنصر، کلاس، ID)
• 6. انتخابگرهای ترکیبی (descendant, child, adjacent sibling, general sibling)
• 7. انتخابگرهای ویژگی (attribute selectors)
• 8. انتخابگرهای شبه کلاس (pseudo-classes)
• 9. انتخابگرهای شبه عنصر (pseudo-elements)
• 10. شرح کدهای CSS: properties و values
• 11. قوانین و ساختار CSS (syntax)
• 12. واحدها در CSS: px, em, rem, %, vh, vw
• 13. مفاهیم اساسی جعبه مدل (box model): content, padding, border, margin
• 14. کار با رنگ‌ها: نام رنگ‌ها، مقادیر RGB, RGBA, HSL, HSLA
• 15. متن: فونت‌ها، اندازه فونت، وزن فونت، استایل فونت، تراز متن، تزئین متن
• 16. تایپوگرافی پیشرفته: letter-spacing, word-spacing, line-height
• 17. کار با پس‌زمینه: رنگ پس‌زمینه، تصویر پس‌زمینه، تکرار پس‌زمینه، موقعیت پس‌زمینه
• 18. border و outline: استایل، رنگ، ضخامت
• 19. padding و margin: تنظیم فاصله داخلی و خارجی
• 20. overflow: مدیریت محتوای سرریز شده
• 21. visibility: نمایش و پنهان کردن عناصر
• 22. display: انواع display (block, inline, inline-block, none)
• 23. position: انواع position (static, relative, absolute, fixed, sticky)
• 24. شناور (float) و پاک‌سازی (clear)
• 25. Grid Layout: معرفی و مبانی
• 26. Grid Layout: تعریف grid container و grid items
• 27. Grid Layout: خطوط grid, ردیف‌ها و ستون‌ها
• 28. Grid Layout: grid-template-columns و grid-template-rows
• 29. Grid Layout: grid-gap (gutter)
• 30. Grid Layout: grid-row و grid-column
• 31. Grid Layout: align-items و justify-items
• 32. Grid Layout: align-content و justify-content
• 33. Flexbox: معرفی و مبانی
• 34. Flexbox: تعریف flex container و flex items
• 35. Flexbox: direction (row, column)
• 36. Flexbox: justify-content
• 37. Flexbox: align-items
• 38. Flexbox: align-content
• 39. Flexbox: flex-wrap
• 40. Flexbox: flex-grow, flex-shrink, flex-basis
• 41. Flexbox: order
• 42. واکنش‌گرا (Responsive Design) و Mobile First
• 43. Media Queries: ساخت و استفاده
• 44. Viewport و تنظیمات اولیه
• 45. تصاویر واکنش‌گرا: استفاده از max-width و object-fit
• 46. CSS Variables (Custom Properties): معرفی و استفاده
• 47. CSS Variables: Scope (محدوده) و Inheritance (وراثت)
• 48. CSS Variables: استفاده در theme ها
• 49. انیمیشن‌ها: معرفی و ساخت
• 50. انیمیشن‌ها: keyframes
• 51. انتقال‌ها (transitions): معرفی و ساخت
• 52. ترانسفورم‌ها (transforms): translate, rotate, scale, skew
• 53. فیلترها (filters): blur, grayscale, sepia, etc.
• 54. Gradient ها: linear-gradient, radial-gradient
• 55. آشنایی با preprocessors: Sass و Less
• 56. ساختارهای CSS در Sass: Variables, nesting, mixins, import
• 57. ساختارهای CSS در Less: Variables, nesting, mixins, import
• 58. بهینه‌سازی CSS: کاهش اندازه فایل، فشرده‌سازی
• 59. بهینه‌سازی CSS: استفاده از CDN
• 60. بهینه‌سازی CSS: انتخابگرهای بهینه
• 61. بهینه‌سازی CSS: غیرفعال کردن CSS های بلااستفاده
• 62. CSS و دسترسی‌پذیری (Accessibility)
• 63. Semantic HTML و CSS
• 64. ساختارهای پیشرفته CSS: BEM
• 65. ساختارهای پیشرفته CSS: OOCSS
• 66. ساختارهای پیشرفته CSS: SMACSS
• 67. CSS و جاوااسکریپت: تعامل
• 68. CSS in JavaScript (CSS-in-JS): مقدمه
• 69. کتابخانه‌ها و فریم‌ورک‌های CSS: Bootstrap, Tailwind CSS
• 70. CSS و طراحی رابط کاربری (UI)
• 71. طراحی سیستم‌های CSS: design systems
• 72. CSS و قالب‌بندی ایمیل
• 73. CSS و چاپ (print styles)
• 74. مشکلات رایج CSS و راه‌حل‌ها
• 75. ابزارهای توسعه‌دهنده (Developer Tools): بازرسی CSS
• 76. ابزارهای توسعه‌دهنده: اشکال‌زدایی (debugging)
• 77. CSS و امنیت (security)
• 78. CSS و performance (سرعت و کارایی)
• 79. CSS و Git: مدیریت نسخه
• 80. CSS و deploy کردن
• 81. CSS و همکاری تیمی
• 82. CSS و مستندسازی
• 83. مطالعه موردی: طراحی داشبورد مدیریتی
• 84. مطالعه موردی: طراحی فرم‌های تعاملی
• 85. مطالعه موردی: طراحی جداول داده‌ای
• 86. مطالعه موردی: طراحی منوهای ناوبری
• 87. مطالعه موردی: طراحی دکمه‌های زیبا و تعاملی
• 88. مطالعه موردی: طراحی کارت‌های اطلاعاتی
• 89. مطالعه موردی: طراحی صفحات ورود و ثبت نام
• 90. مطالعه موردی: طراحی صفحات پاسخگو
• 91. CSS و SEO (بهینه‌سازی موتورهای جستجو)
• 92. CSS و استفاده از آیکون‌ها
• 93. CSS و کار با فونت آیکون‌ها
• 94. CSS و ایجاد انیمیشن‌های پیشرفته
• 95. CSS و ایجاد افکت‌های مدرن
• 96. آینده CSS: ویژگی‌های جدید و trends
• 97. CSS و framework های front-end (React, Angular, Vue)
• 98. CSS و best practices
• 99. نکات مهم و جمع‌بندی دوره
• 100. ارائه پروژه نهایی و تمرین عملی