فلش‌کارت‌های آموزشی CSS for Dialogue Systems

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

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

عنوان دوره: دوره CSS for Dialogue Systems

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

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

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

• 1. مقدمه‌ای بر CSS و کاربرد آن در سیستم‌های گفتگو
• 2. آشنایی با ساختار و سینتکس CSS
• 3. نحوه انتخاب عناصر در CSS: انتخابگرها
• 4. انتخابگرهای کلاس، شناسه و ویژگی
• 5. انتخابگرهای ترکیبی و سلسله مراتبی
• 6. خاصیت (Property) و مقدار (Value) در CSS
• 7. واحدها در CSS: پیکسل، درصد، em، rem
• 8. واحد های viewport: vw، vh
• 9. رنگ‌ها در CSS: نام رنگ، کد هگزادسیمال، RGB، RGBA
• 10. شفافیت (Opacity) در CSS
• 11. پس‌زمینه (Background) عناصر: رنگ، تصویر، تکرار
• 12. تنظیمات موقعیت پس‌زمینه
• 13. بُردَر (Border) عناصر: ضخامت، سبک، رنگ
• 14. حاشیه داخلی (Padding) و حاشیه خارجی (Margin)
• 15. مدیریت Box Model در CSS
• 16. نمایش (Display) عناصر: block, inline, inline-block
• 17. حالت‌های نمایش خاص: flex, grid
• 18. کاربرد Flexbox برای چیدمان
• 19. کاربرد Grid برای چیدمان
• 20. ترازبندی (Alignment) در Flexbox
• 21. ترازبندی در Grid
• 22. ارتفاع و عرض عناصر
• 23. حداقل و حداکثر ارتفاع و عرض
• 24. پنهان کردن عناصر: visibility, display: none
• 25. نحوه مدیریت Overflow
• 26. تکنیک‌های سایه‌زنی (Box Shadow)
• 27. تکنیک‌های سایه‌زنی متن (Text Shadow)
• 28. فونت‌ها در CSS: فونت خانواده، اندازه، وزن
• 29. تنظیمات خطوط: line-height, letter-spacing
• 30. هم‌ترازی متن (Text Align)
• 31. تزئینات متن (Text Decoration)
• 32. تبدیل حروف (Text Transform)
• 33. تنظیمات متن: white-space, word-break
• 34. استفاده از فونت‌های سفارشی (Web Fonts)
• 35. نحوه وارد کردن فونت‌های سفارشی
• 36. گذار (Transition) در CSS
• 37. تنظیمات Transition: property, duration, timing-function
• 38. انیمیشن (Animation) در CSS
• 39. تعریف Keyframes برای انیمیشن
• 40. استفاده از انیمیشن‌ها
• 41. خاصیت transform: translate, rotate, scale, skew
• 42. ترکیب transform ها
• 43. خاصیت perspective و transform-style
• 44. ایجاد جلوه‌های بصری با CSS
• 45. استفاده از Pseudo-classes
• 46. استفاده از Pseudo-elements
• 47. طراحی ریسپانسیو (Responsive Design)
• 48. استفاده از Media Queries
• 49. تنظیمات viewport برای ریسپانسیو
• 50. طراحی فرم‌ها در CSS
• 51. استایل‌دهی به ورودی‌ها و دکمه‌ها
• 52. استفاده از CSS Variables (Custom Properties)
• 53. مدیریت CSS Variables
• 54. مفاهیم پیشرفته CSS
• 55. استفاده از SASS/SCSS (در صورت نیاز و انطباق)
• 56. نحوه کامپایل SASS/SCSS
• 57. بلوک‌ها و Mixins در SASS
• 58. وراثت (Inheritance) در SASS
• 59. استفاده از توابع در SASS
• 60. بهینه‌سازی CSS
• 61. فشرده‌سازی فایل‌های CSS
• 62. مدیریت و سازماندهی CSS
• 63. اصول BEM (Block, Element, Modifier)
• 64. کاربرد BEM در پروژه‌ها
• 65. اصول OOCSS (Object-Oriented CSS)
• 66. اصول SMACSS (Scalable and Modular Architecture for CSS)
• 67. طراحی سیستم‌های طراحی (Design Systems) با CSS
• 68. استفاده از CSS در معماری نرم‌افزار
• 69. CSS و دسترسی‌پذیری (Accessibility)
• 70. تست و اشکال‌زدایی CSS
• 71. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 72. مدیریت CSS در سیستم‌های مدیریت محتوا (CMS)
• 73. CSS برای اجزای تعاملی در سیستم‌های گفتگو
• 74. طراحی ویجت چت با CSS
• 75. استایل‌دهی به پیام‌ها در سیستم گفتگو
• 76. تنظیمات رنگ و فونت برای رابط کاربری گفتگو
• 77. کاربرد Flexbox در چیدمان اجزای چت
• 78. کاربرد Grid در ساختار کلی سیستم گفتگو
• 79. ریسپانسیو کردن رابط کاربری چت
• 80. مدیریت وضعیت‌های مختلف پیام (خوانده شده، ارسال نشده)
• 81. استایل‌دهی به دکمه‌ها و ورودی‌های چت
• 82. ایجاد انیمیشن‌های ظریف برای رابط کاربری
• 83. مدیریت فونت‌های فارسی در رابط کاربری گفتگو
• 84. تنظیمات حاشیه و padding برای خوانایی بهتر
• 85. استفاده از CSS Variables برای تم‌بندی
• 86. طراحی آواتار کاربران در چت
• 87. استایل‌دهی به نوار وضعیت (Status Bar)
• 88. مدیریت خطاها در رابط کاربری چت
• 89. استفاده از Pseudo-classes برای تعاملات کاربر
• 90. نحوه مدیریت CSS در پروژه‌های بزرگ
• 91. اصول DRY (Don't Repeat Yourself) در CSS
• 92. مستندسازی CSS
• 93. نکات کلیدی برای نگهداری CSS
• 94. جمع‌بندی و آخرین توصیه‌ها در CSS برای سیستم‌های گفتگو