دوره CSS for Robotics همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Robotics

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

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

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

• 1. آشنایی با مفاهیم پایه‌ای CSS
• 2. مقدمه‌ای بر CSS در رباتیک
• 3. نحوهٔ اتصال CSS به پروژه‌های رباتیک
• 4. انتخابگرهای CSS برای اجزای ربات
• 5. انتخابگرهای کلاس و شناسه در رباتیک
• 6. انتخابگرهای صفتی برای پارامترهای ربات
• 7. نحوهٔ استفاده از انتخابگرهای سلسله‌مراتبی
• 8. اصول اولیهٔ CSS: رنگ‌ها و پس‌زمینه‌ها
• 9. تنظیم رنگ پس‌زمینهٔ اجزای ربات
• 10. تنظیم رنگ متن و فونت در رابط کاربری ربات
• 11. مدیریت شفافیت (Opacity) در عناصر رباتیک
• 12. خاصیت `display` و کاربرد آن در رباتیک
• 13. تنظیم `display: block` برای عناصر ربات
• 14. تنظیم `display: inline` برای عناصر ربات
• 15. تنظیم `display: inline-block` برای عناصر ربات
• 16. تنظیم `display: none` برای پنهان کردن عناصر ربات
• 17. مدل جعبه‌ای (Box Model) در CSS
• 18. عرض و ارتفاع (Width & Height) اجزای ربات
• 19. فاصله‌گذاری داخلی (Padding) در رباتیک
• 20. حاشیه (Margin) و کنترل فواصل خارجی
• 21. کادر (Border) و استایل‌دهی به لبه‌های ربات
• 22. خاصیت `box-sizing` و مدیریت اندازهٔ جعبه
• 23. چیدمان عناصر با CSS Flexbox
• 24. مقدمه‌ای بر Flexbox و محورهای آن
• 25. استفاده از `justify-content` در Flexbox رباتیک
• 26. استفاده از `align-items` در Flexbox رباتیک
• 27. تنظیم `flex-direction` و جهت‌دهی عناصر
• 28. مدیریت `flex-wrap` برای چیدمان چندخطی
• 29. کنترل `flex-grow`, `flex-shrink`, `flex-basis`
• 30. چیدمان پیشرفته با CSS Grid
• 31. مقدمه‌ای بر Grid و ساختار آن
• 32. تعریف سطرها و ستون‌ها در Grid رباتیک
• 33. استفاده از `grid-template-areas` برای چیدمان
• 34. تنظیم `grid-gap` برای فواصل بین سلول‌ها
• 35. چیدمان خودکار با `auto-fill` و `auto-fit`
• 36. خاصیت `position` و انواع آن در رباتیک
• 37. `position: static` و `relative`
• 38. `position: absolute` و `fixed`
• 39. استفاده از `z-index` برای اولویت‌بندی عناصر
• 40. استایل‌دهی به فونت‌ها در رابط کاربری ربات
• 41. انتخاب خانوادهٔ فونت (Font Family)
• 42. تنظیم وزن (Font Weight) و استایل (Font Style)
• 43. اندازهٔ فونت (Font Size) و خطوط (Line Height)
• 44. استفاده از فونت‌های سفارشی در رباتیک
• 45. استایل‌دهی به متن
• 46. ترازبندی متن (Text Align)
• 47. دکوراسیون متن (Text Decoration)
• 48. فاصلهٔ حروف (Letter Spacing) و کلمات (Word Spacing)
• 49. تبدیل حروف (Text Transform)
• 50. سایه‌ها (Text Shadow) برای متن
• 51. استفاده از تصاویر و منابع در رباتیک
• 52. پس‌زمینهٔ تصویر (Background Image)
• 53. تکرار تصویر (Background Repeat)
• 54. تراز تصویر (Background Position)
• 55. مقیاس تصویر (Background Size)
• 56. عناصر شبه (Pseudo-elements) در CSS
• 57. `:before` و `:after` برای افزودن محتوا
• 58. استفاده از شبه‌کلاس‌ها (Pseudo-classes)
• 59. `:hover` برای تعاملات کاربر
• 60. `:focus` برای عناصر ورودی
• 61. `:active` برای عناصر کلیک‌شده
• 62. `:nth-child` برای انتخاب عناصر خاص
• 63. انیمیشن و ترنزیشن در CSS
• 64. مقدمه‌ای بر ترنزیشن (Transition)
• 65. تنظیم `transition-property`, `transition-duration`
• 66. تنظیم `transition-timing-function`, `transition-delay`
• 67. مقدمه‌ای بر انیمیشن (Animation)
• 68. تعریف فریم‌های کلیدی (Keyframes)
• 69. اعمال انیمیشن به عناصر رباتیک
• 70. تنظیم `animation-iteration-count`, `animation-direction`
• 71. تنظیم `animation-fill-mode`
• 72. مدیریت فرم‌ها و ورودی‌ها در رباتیک
• 73. استایل‌دهی به فیلدهای ورودی
• 74. استایل‌دهی به دکمه‌ها در رباتیک
• 75. استایل‌دهی به لیبل‌ها و پیام‌های خطا
• 76. طراحی واکنش‌گرا (Responsive Design)
• 77. استفاده از Media Queries
• 78. تنظیم چیدمان بر اساس اندازهٔ صفحه
• 79. بهینه‌سازی تصاویر برای دستگاه‌های مختلف
• 80. اصول طراحی رابط کاربری برای رباتیک
• 81. استانداردهای دسترسی‌پذیری (Accessibility)
• 82. تست و دیباگ کردن CSS در پروژه‌های رباتیک
• 83. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 84. بهینه‌سازی عملکرد CSS در رباتیک
• 85. مقدمه‌ای بر CSS Variables (Custom Properties)
• 86. استفاده از CSS Variables برای مقادیر تکراری
• 87. مدیریت تم‌ها و حالت‌های مختلف ربات
• 88. قوانین تطبیق‌پذیری با استانداردها
• 89. حذف مفاهیم مغایر از محتوای آموزشی
• 90. تغییر رویکرد در مباحث حساس به چارچوب رسمی
• 91. اطمینان از انطباق با مذهب رسمی کشور
• 92. تأکید بر منافع ملی در مباحث تاریخی/سیاسی
• 93. رعایت چارچوب پروتکل‌های وزارت بهداشت
• 94. استفاده از زبان فارسی روان و علمی
• 95. اجتناب از ادبیات نامناسب و شوخی‌های ممنوع
• 96. استفاده از واژگان احترام‌آمیز در مباحث دینی
• 97. جایگزینی مفاهیم غیرسازگار با معادل‌های مناسب
• 98. تولید محتوای آموزشی سازگار و استاندارد