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

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

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

عنوان دوره: دوره CSS for Electrical Engineering

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

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

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

• 1. مقدمه‌ای بر CSS و کاربرد آن در مهندسی برق
• 2. آشنایی با ساختار و سینتکس CSS
• 3. انتخابگرهای CSS: تگ، کلاس و آیدی
• 4. انتخابگرهای پیشرفته: صفات، همسایه و فرزند
• 5. ترکیب انتخابگرها برای دقت بیشتر
• 6. واحدها در CSS: پیکسل، em، rem، vw، vh
• 7. رنگ‌ها در CSS: نام، هگز، RGB، RGBA
• 8. پس‌زمینه‌ها در CSS: رنگ، تصویر، تکرار، موقعیت
• 9. مدیریت تصاویر پس‌زمینه: اندازه و پیوست
• 10. مرزها در CSS: ضخامت، سبک و رنگ
• 11. فاصله‌گذاری: padding و margin
• 12. جعبه مدل (Box Model) در CSS
• 13. نمایش عناصر: inline، block، inline-block
• 14. تغییر نمایش عناصر با CSS
• 15. چیدمان با CSS: float و clear
• 16. استفاده از Flexbox برای چیدمان انعطاف‌پذیر
• 17. اصول اولیه Flexbox: container و item
• 18. ویژگی‌های Flex container
• 19. ویژگی‌های Flex item
• 20. چیدمان با CSS Grid
• 21. اصول اولیه CSS Grid
• 22. ویژگی‌های Grid container
• 23. ویژگی‌های Grid item
• 24. چیدمان واکنش‌گرا (Responsive Design)
• 25. Viewport meta tag و اهمیت آن
• 26. Media Queries برای طراحی واکنش‌گرا
• 27. طراحی واکنش‌گرا برای موبایل
• 28. طراحی واکنش‌گرا برای تبلت
• 29. طراحی واکنش‌گرا برای دسکتاپ
• 30. استفاده از واحدهای نسبی در طراحی واکنش‌گرا
• 31. سیستم‌های گرید در طراحی واکنش‌گرا
• 32. فرم‌ها در CSS: ظاهر و استایل‌دهی
• 33. استایل‌دهی به input ها و textarea ها
• 34. استایل‌دهی به دکمه‌ها و select ها
• 35. اعتبارسنجی فرم‌ها با CSS
• 36. انیمیشن‌ها در CSS: مقدمه
• 37. تعریف keyframes برای انیمیشن
• 38. ویژگی‌های انیمیشن: نام، مدت، زمان‌بندی
• 39. تکرار و جهت انیمیشن
• 40. انتقال‌ها (Transitions) در CSS
• 41. تعریف property، duration و timing function
• 42. تأخیر در انتقال‌ها
• 43. مفهوم Pseudo-classes و Pseudo-elements
• 44. Pseudo-classes پرکاربرد: hover، active، focus
• 45. Pseudo-elements پرکاربرد: before، after، first-line
• 46. استایل‌دهی به فونت‌ها در CSS
• 47. انتخاب فونت‌های وب (Web Fonts)
• 48. تنظیم اندازه، وزن و سبک فونت
• 49. مدیریت متن: تراز، فاصله‌گذاری خطوط، تزئینات
• 50. ایجاد ستون‌ها در CSS
• 51. استایل‌دهی به جداول با CSS
• 52. استایل‌دهی به لیست‌ها با CSS
• 53. استایل‌دهی به عناصر رابط کاربری (UI Elements)
• 54. مفهوم CSS Variables (Custom Properties)
• 55. تعریف و استفاده از CSS Variables
• 56. مدیریت تم‌ها با CSS Variables
• 57. اصول دسترسی‌پذیری (Accessibility) در CSS
• 58. استفاده از ARIA attributes
• 59. تست دسترسی‌پذیری وب‌سایت
• 60. بهینه‌سازی عملکرد CSS
• 61. کاهش حجم فایل‌های CSS
• 62. حذف کدهای CSS بلااستفاده
• 63. استفاده از Preprocessors (Sass/Less)
• 64. نصب و پیکربندی Sass/Less
• 65. متغیرها و توابع در Sass/Less
• 66. Mixin ها و Extend در Sass/Less
• 67. سازگاری مرورگرها (Browser Compatibility)
• 68. ابزارهای بررسی سازگاری مرورگرها
• 69. راهکارهای رفع مشکلات سازگاری
• 70. CSS در پروژه‌های مهندسی برق
• 71. نمایش داده‌های سنسورها با CSS
• 72. استایل‌دهی به نمودارها و گراف‌ها
• 73. طراحی رابط کاربری دستگاه‌های صنعتی
• 74. CSS برای نمایش اطلاعات فنی
• 75. استایل‌دهی به فرم‌های ورود داده مهندسی
• 76. استفاده از CSS برای واکنش‌گرایی در داشبوردهای مهندسی
• 77. نمایش وضعیت تجهیزات با CSS
• 78. استایل‌دهی به اعلان‌ها و هشدارها
• 79. CSS برای نمایش اطلاعات زمان واقعی (Real-time)
• 80. طراحی رابط کاربری برای سیستم‌های مانیتورینگ
• 81. استایل‌دهی به مستندات فنی آنلاین
• 82. CSS برای ایجاد انیمیشن‌های آموزشی
• 83. نمایش شماتیک‌ها و دیاگرام‌ها با CSS
• 84. استایل‌دهی به رابط کاربری نرم‌افزارهای مهندسی
• 85. CSS برای نمایش مقادیر اندازه‌گیری شده
• 86. طراحی رابط کاربری برای کنترل سیستم‌ها
• 87. استفاده از CSS برای نمایش وضعیت خطا
• 88. استایل‌دهی به فرم‌های پیکربندی دستگاه
• 89. CSS برای مدیریت ظاهر تم‌های مختلف
• 90. استایل‌دهی به هدر و فوتر در پروژه‌های مهندسی
• 91. CSS برای ایجاد منوهای ناوبری پیشرفته
• 92. استایل‌دهی به پنجره‌های Modal و Dialog
• 93. CSS برای مدیریت انیمیشن‌های UI
• 94. تکنیک‌های پیشرفته CSS برای UI/UX
• 95. مروری بر بهترین شیوه‌های CSS در مهندسی برق
• 96. نکات پایانی و جمع‌بندی