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

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

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

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

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

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

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

• 1. ممنون، در اینجا لیست 100 سرفصل برای دوره "CSS for Fleet Management Associations" آمده است:
• 2. مبانی CSS
• 3. آشنایی با CSS و نقش آن در طراحی وب
• 4. اضافه کردن CSS به صفحات HTML (Internal, External, Inline)
• 5. انتخابگرهای CSS: انواع و کاربردها
• 6. ساختار یک قانون CSS: انتخابگر، ویژگی، مقدار
• 7. مفاهیم پایه: Properties و Values
• 8. شناخت و استفاده از Comments در CSS
• 9. اهمیت و تقدم CSS: Cascade و Specificity
• 10. اصول خوانایی و ساختاردهی کد CSS
• 11. اصول اولیه اشکال‌زدایی در CSS
• 12. مرورگرها و سازگاری با CSS
• 13. بررسی ابزارهای توسعه‌دهنده مرورگر برای CSS
• 14. آشنایی با CSS Reset و Normalization
• 15. انتخابگرهای پیشرفته و دستکاری متن
• 16. انتخابگرهای کلاس و ID: تفاوت‌ها و بهترین شیوه‌ها
• 17. انتخابگرهای فرزند، همسایه و عمومی
• 18. انتخابگرهای ویژگی (Attribute Selectors)
• 19. Pseudo-classes: hover, focus, active, visited
• 20. Pseudo-elements: :before, :after
• 21. استایل‌دهی متن: فونت، اندازه، وزن، رنگ
• 22. استایل‌دهی متن: تراز، فاصله خطوط، فاصله حروف
• 23. کار با فونت‌های وب (Web Fonts)
• 24. تکنیک‌های Text Shadow
• 25. استایل‌دهی به لیست‌ها و آیتم‌های آن‌ها
• 26. سفارشی‌سازی شمارنده لیست‌ها
• 27. استفاده از فونت آیکون‌ها (Font Icons)
• 28. مدل جعبه و طرح‌بندی
• 29. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 30. اندازه‌گیری و واحدهای اندازه‌گیری در CSS
• 31. تنظیم ارتفاع و عرض
• 32. Border: style, width, color, radius
• 33. Background: color, image, repeat, size, position
• 34. کار با Margin و Padding: تنظیمات فردی و مختصر
• 35. ویژگی Overflow: مدیریت محتوای سرریز شده
• 36. طرح‌بندی (Layout) با استفاده از Display: block, inline, inline-block
• 37. طرح‌بندی (Layout) با استفاده از Position: static, relative, absolute, fixed, sticky
• 38. تراز کردن عناصر با Vertical-align و Text-align
• 39. استفاده از float برای طرح‌بندی
• 40. پاک کردن (Clearing) Float
• 41. CSS Grid و Flexbox
• 42. معرفی CSS Grid و مزایای آن
• 43. ایجاد Grid Container و Grid Items
• 44. تنظیم ردیف‌ها و ستون‌ها در Grid
• 45. Grid Template Areas
• 46. تنظیم فاصله و تراز در Grid
• 47. Grid Implicit Rows and Columns
• 48. معرفی Flexbox و مزایای آن
• 49. Flex Container و Flex Items
• 50. محور اصلی و محور متقاطع در Flexbox
• 51. تنظیم جهت، تراز و توزیع در Flexbox
• 52. ویژگی‌های Flex-grow، Flex-shrink و Flex-basis
• 53. سفارش عناصر در Flexbox
• 54. طراحی واکنش‌گرا و رسانه‌ها
• 55. مفهوم طراحی واکنش‌گرا (Responsive Design)
• 56. Media Queries: تعریف و استفاده
• 57. واحدهای اندازه‌گیری نسبی: %, em, rem, vh, vw
• 58. طراحی طرح‌بندی‌های مختلف برای دستگاه‌های گوناگون
• 59. بهینه‌سازی تصاویر برای صفحات وب واکنش‌گرا
• 60. استفاده از SVG در طراحی وب
• 61. مدیریت رسانه‌ها: تصاویر، ویدئوها و صداها
• 62. اصول Mobile-First در طراحی
• 63. تست واکنش‌گرایی در مرورگرها و ابزارها
• 64. کار با Viewport
• 65. نکات مهم برای طراحی منوهای واکنش‌گرا
• 66. استفاده از کتابخانه‌های CSS واکنش‌گرا
• 67. انیمیشن‌ها و ترنزیشن‌ها
• 68. ترنزیشن‌ها (Transitions) در CSS
• 69. تنظیم زمان، نوع و تاخیر در ترنزیشن‌ها
• 70. انیمیشن‌ها (Animations) در CSS
• 71. ایجاد Keyframes برای انیمیشن‌ها
• 72. تنظیم زمان‌بندی، تکرار و جهت انیمیشن‌ها
• 73. استفاده از transform: translate, rotate, scale, skew
• 74. استفاده از transform-origin
• 75. طراحی افکت‌های Hover تعاملی
• 76. ایجاد جلوه‌های بصری پویا
• 77. بهینه‌سازی انیمیشن‌ها برای عملکرد بهتر
• 78. CSS و چارچوب‌های CSS
• 79. آشنایی با چارچوب‌های CSS (Frameworks)
• 80. بررسی مزایا و معایب استفاده از چارچوب‌ها
• 81. معرفی Bootstrap
• 82. معرفی Tailwind CSS
• 83. معرفی Materialize
• 84. استفاده از Grid و Flexbox در چارچوب‌ها
• 85. سفارشی‌سازی چارچوب‌های CSS
• 86. نصب و راه‌اندازی Bootstrap
• 87. نصب و راه‌اندازی Tailwind CSS
• 88. نصب و راه‌اندازی Materialize
• 89. طراحی و استایل‌دهی فرم‌ها
• 90. ساختار HTML فرم‌ها
• 91. استایل‌دهی به فیلدهای ورودی (Input Fields)
• 92. استایل‌دهی به دکمه‌ها (Buttons)
• 93. استایل‌دهی به انتخابگرها (Select) و checkbox ها و radio button ها
• 94. طراحی فرم‌های جذاب و کاربرپسند
• 95. اعتبار سنجی فرم با CSS
• 96. استفاده از pseudo-classes برای استایل‌دهی به حالت‌های فرم
• 97. راهنمایی‌های درون خطی در فرم‌ها
• 98. طراحی فرم‌های واکنش‌گرا
• 99. بهبود تجربه کاربری فرم‌ها
• 100. طراحی برای انجمن‌های مدیریت ناوگان