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

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

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

عنوان دوره: دوره CSS for Competency-Based Learning

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

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

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در یادگیری مبتنی بر شایستگی
• 2. مروری بر تاریخچه و تکامل CSS
• 3. ساختار کلی صفحات وب و نقش CSS در استایل‌دهی
• 4. اصول اولیه CSS: انتخابگرها (Selectors) و خصوصیات (Properties)
• 5. مقادیر و واحدهای اندازه‌گیری در CSS (px, em, rem, %, vw, vh)
• 6. مدل جعبه‌ای (Box Model) در CSS: Margin, Border, Padding, Content
• 7. تنظیم حاشیه‌ها (Margin) و فاصله‌ها در CSS
• 8. تعریف و کاربرد حاشیه‌های (Borders) عناصر
• 9. تنظیم فاصله‌های داخلی (Padding) عناصر
• 10. مدیریت اندازه محتوا (Content) و ابعاد عناصر (Width, Height)
• 11. نمایش عناصر (Display Property): Inline, Block, Inline-block, None
• 12. کنترل جریان عناصر با ویژگی‌های Float و Clear
• 13. استفاده از Position برای جانمایی دقیق عناصر (Static, Relative, Absolute, Fixed, Sticky)
• 14. لایه‌بندی عناصر با Z-index
• 15. مدیریت رنگ‌ها و پس‌زمینه‌ها در CSS (Color, Background-color, Background-image)
• 16. تنظیم تصاویر پس‌زمینه (Background-image, Background-repeat, Background-position, Background-size)
• 17. مدیریت فونت‌ها و تایپوگرافی (Font-family, Font-size, Font-weight, Font-style)
• 18. تنظیم متن: تراز، دکوراسیون، تبدیل حروف (Text-align, Text-decoration, Text-transform)
• 19. فضای خالی بین خطوط (Line-height) و فاصله‌های کلمات (Letter-spacing)
• 20. لیست‌ها و نشانگرهای سفارشی در CSS
• 21. جدول‌ها و استایل‌دهی آن‌ها
• 22. انتقال (Transitions) در CSS برای ایجاد انیمیشن‌های ساده
• 23. تبدیلات (Transforms) در CSS: مقیاس‌دهی، چرخش، جابجایی
• 24. انیمیشن‌ها در CSS: Keyframes و Animation Properties
• 25. ایجاد انیمیشن‌های پیچیده با @keyframes
• 26. مدیریت انیمیشن‌ها: زمان‌بندی، تکرار، جهت
• 27. استفاده از Pseudo-classes برای استایل‌دهی بر اساس وضعیت عنصر
• 28. استفاده از Pseudo-elements برای استایل‌دهی بخش‌های خاصی از عنصر
• 29. انتخابگرهای ترکیبی و سلسله مراتبی در CSS
• 30. انتخابگرهای صفات (Attribute Selectors)
• 31. انتخابگرهای فرزند و خواهر (Child and Sibling Selectors)
• 32. ارث‌بری (Inheritance) و اولویت‌بندی (Specificity) در CSS
• 33. مدیریت اولویت‌بندی با مقادیر Important
• 34. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 35. تنظیمات برای دستگاه‌های مختلف (صفحات عریض، تبلت، موبایل)
• 36. استفاده از Grid Layout برای چیدمان دو بعدی
• 37. استفاده از Flexbox برای چیدمان یک بعدی
• 38. مدیریت چیدمان پیچیده با Grid و Flexbox
• 39. طراحی فرم‌ها و استایل‌دهی عناصر ورودی
• 40. استایل‌دهی دکمه‌ها و لینک‌ها
• 41. طراحی منوهای ناوبری (Navigation Menus)
• 42. استفاده از آیکون‌ها در CSS (Font Awesome, etc.)
• 43. مدیریت تصاویر در صفحات وب
• 44. طراحی گالری تصاویر با CSS
• 45. ایجاد اسلایدرهای ساده با CSS
• 46. استایل‌دهی جداول داده پیشرفته
• 47. طراحی کارت‌های اطلاعاتی (Info Cards)
• 48. مدیریت استایل‌دهی برای جداول زمانی (Timelines)
• 49. طراحی دکمه‌های سفارشی با افکت‌های متنوع
• 50. استایل‌دهی برای نمودارهای ساده (Bar Charts, Pie Charts)
• 51. استفاده از CSS Variables (Custom Properties)
• 52. مدیریت تم‌های رنگی با CSS Variables
• 53. نکات پیشرفته در استفاده از CSS Variables
• 54. سازگاری مرورگرها (Browser Compatibility) و راهکارها
• 55. استفاده از Prefixes برای سازگاری مرورگرها
• 56. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools) برای اشکال‌زدایی CSS
• 57. سازماندهی فایل‌های CSS (فشرده‌سازی، پیش‌پردازنده‌ها)
• 58. مقدمه‌ای بر پیش‌پردازنده‌های CSS (Sass, Less)
• 59. مفاهیم متغیرها، توابع و Mixins در Sass/Less
• 60. استفاده از Nesting برای سازماندهی بهتر کد Sass/Less
• 61. استفاده از Mixins برای کدهای تکراری
• 62. ساختاردهی پروژه‌های CSS با رویکردهای ماژولار
• 63. اصول طراحی سیستم‌های استایل‌دهی (Style Systems)
• 64. مقدمه‌ای بر چارچوب‌های CSS (مانند Bootstrap, Tailwind CSS)
• 65. استفاده از کلاس‌های آماده در چارچوب‌ها
• 66. سفارشی‌سازی چارچوب‌های CSS
• 67. اصول دسترسی‌پذیری (Accessibility) در CSS
• 68. استایل‌دهی برای عناصر معنایی (Semantic Elements)
• 69. بهینه‌سازی عملکرد CSS (Performance Optimization)
• 70. کاهش حجم فایل‌های CSS
• 71. بارگذاری تنبل (Lazy Loading) برای تصاویر و استایل‌ها
• 72. مدیریت استایل‌ها در پروژه‌های بزرگ
• 73. اصول طراحی UI/UX با CSS
• 74. ایجاد افکت‌های بصری جذاب با CSS
• 75. مدیریت انیمیشن‌های پیشرفته در CSS
• 76. استفاده از CSS برای ساخت عناصر رابط کاربری تعاملی
• 77. طراحی جداول داده با قابلیت مرتب‌سازی و فیلتر
• 78. استایل‌دهی برای نمودارهای پیشرفته با SVG و CSS
• 79. مدیریت استایل‌دهی برای عناصر ویدئویی و صوتی
• 80. طراحی صفحات فرود (Landing Pages) واکنش‌گرا
• 81. استایل‌دهی برای عناصر فرم‌های چند مرحله‌ای
• 82. استفاده ازCSS برای ایجاد افکت‌های پارالاکس
• 83. مدیریت استایل‌دهی برای عناصر سه‌بعدی (CSS 3D Transforms)
• 84. طراحی بازی‌های ساده با CSS
• 85. استفاده از CSS برای تست‌های شایستگی در یادگیری
• 86. ایجاد بسترهای آموزشی تعاملی با CSS
• 87. تست‌های خودارزیابی با استفاده از CSS
• 88. ارزیابی مهارت‌های عملی با تمرین‌های CSS
• 89. طراحی ماژول‌های آموزشی مبتنی بر CSS
• 90. ملاحظات شرعی و قانونی در استفاده از CSS در محتوای آموزشی
• 91. انطباق استایل‌دهی با فرهنگ ایرانی-اسلامی
• 92. طراحی رابط کاربری مناسب برای مخاطبان ایرانی
• 93. استفاده از فونت‌های فارسی استاندارد در CSS
• 94. مدیریت استایل‌دهی برای محتوای آموزشی دینی (با رعایت چارچوب رسمی)
• 95. طراحی رابط کاربری برای دروس فقهی و احکام (با رویکرد رسمی)
• 96. استفاده از CSS در طراحی پلتفرم‌های یادگیری الکترونیکی
• 97. تطبیق استایل‌دهی با استانداردهای آموزش رسمی کشور
• 98. اصول ایمنی در استفاده از CSS در محتوای آموزشی
• 99. مدیریت محتوای بصری مطابق با قوانین
• 100. استفاده از CSS برای نمایش اطلاعات اقتصادی (مطابق مقررات)