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

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

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

عنوان دوره: دوره CSS for Space Law

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در طراحی وب
• 2. چگونه CSS وب‌سایت‌ها را متحول می‌کند: نگاهی به نمایش اطلاعات حقوقی فضایی
• 3. اتصال CSS به HTML: سه روش اصلی
• 4. مفهوم Selectors: انتخابگرهای عنصر، کلاس و ID
• 5. انتخابگرهای ترکیبی (Combinators): فرزند، خواهر و برادر
• 6. انتخابگرهای ویژگی (Attribute Selectors)
• 7. شبه‌کلاس‌ها (Pseudo-classes): `hover`, `active`, `focus` و `nth-child`
• 8. شبه‌عناصر (Pseudo-elements): `::before`, `::after`, `::first-letter`
• 9. اولویت (Specificity) و وراثت (Inheritance) در CSS
• 10. مدل جعبه‌ای (Box Model): محتوا، پدینگ، بوردر، مارجین
• 11. تنظیم ابعاد عناصر: `width`, `height`, `min-width`, `max-height`
• 12. واحدها در CSS: `px`, `em`, `rem`, `%`, `vw`, `vh`
• 13. مدیریت Overflow: `hidden`, `scroll`, `auto`
• 14. رنگ‌ها در CSS: نام‌ها، Hex, RGB, RGBA, HSL, HSLA
• 15. پس‌زمینه‌ها (Backgrounds): رنگ، تصویر، تکرار
• 16. تنظیم موقعیت و اندازه پس‌زمینه (Background Position and Size)
• 17. استایل‌دهی به متن: `font-family`, `font-size`, `font-weight`
• 18. خصوصیات پیشرفته متن: `line-height`, `text-align`, `text-decoration`, `text-transform`
• 19. سایه‌زنی متن (Text Shadow): عمق و اثرگذاری بر عناوین قوانین فضایی
• 20. استایل‌دهی به لینک‌ها: تغییر حالت‌ها (`:link`, `:visited`, `:hover`, `:active`) در منابع حقوقی
• 21. بوردرها (Borders): `style`, `width`, `color`, `radius`
• 22. استایل‌دهی به لیست‌ها: `list-style-type`, `list-style-image`, `list-style-position` برای فهرست قوانین
• 23. آشنایی با Display Property: `block`, `inline`, `inline-block`
• 24. مخفی کردن عناصر: `display: none` و `visibility: hidden`
• 25. موقعیت‌یابی (Positioning) در CSS: `static`, `relative`, `absolute`, `fixed`
• 26. موقعیت‌یابی Sticky: کاربردها در نویگیشن اسناد حقوقی طولانی
• 27. z-index: مدیریت لایه‌بندی عناصر در رابط کاربری
• 28. نمای خارجی (Outline): کاربرد و تفاوت با Border
• 29. مفهوم فلوتینگ (Floats) و کاربرد آن در طرح‌بندی‌های قدیمی
• 30. Clearfix: حل مشکلات فلوتینگ
• 31. مبانی طراحی واکنش‌گرا (Responsive Design) برای دسترسی در دستگاه‌های مختلف
• 32. متاتگ Viewport و اهمیت آن در طراحی موبایل
• 33. پرسش‌های رسانه (Media Queries): `min-width`, `max-width`, `orientation`
• 34. رویکرد Mobile-First در طراحی واکنش‌گرا برای پورتال‌های حقوقی
• 35. واحدها و فونت‌های واکنش‌گرا برای خوانایی متون قانونی
• 36. مقدمه‌ای بر Flexbox: اصول و مفاهیم اصلی برای چیدمان انعطاف‌پذیر
• 37. خصوصیات کانتینر Flex: `flex-direction`, `flex-wrap`
• 38. چینش محتوا در Flexbox: `justify-content`, `align-items`, `align-content`
• 39. خصوصیات آیتم‌های Flex: `order`, `flex-grow`, `flex-shrink`, `flex-basis`
• 40. استفاده از Flexbox برای ساخت نویگیشن بارها و هدرها در وبسایت‌های فضایی
• 41. مقدمه‌ای بر Grid Layout: قدرت طرح‌بندی دو بعدی برای داده‌های فضایی
• 42. ساختار اصلی گرید: `grid-template-columns`, `grid-template-rows`
• 43. نامگذاری نواحی گرید: `grid-template-areas` برای بخش‌بندی صفحات
• 44. فواصل گرید: `grid-gap`, `row-gap`, `column-gap`
• 45. چینش آیتم‌ها در گرید: `justify-items`, `align-items`, `place-items`
• 46. چینش محتوا در گرید: `justify-content`, `align-content`, `place-content`
• 47. کنترل موقعیت آیتم‌های گرید: `grid-column`, `grid-row`, `grid-area`
• 48. استایل‌دهی به جداول: نمایش داده‌های قانونی فضایی به شکل خوانا
• 49. ترنزیشن‌ها (Transitions): `property`, `duration`, `timing-function`, `delay`
• 50. انیمیشن‌ها (Animations): `keyframes` و `animation` shorthand
• 51. کنترل پخش انیمیشن: `animation-iteration-count`, `direction`, `fill-mode`, `play-state`
• 52. ترنسفورم‌ها (Transforms): `translate`, `rotate`, `scale`, `skew`
• 53. افکت‌های سه‌بعدی با `transform-style`, `perspective`, `backface-visibility`
• 54. سایه‌های جعبه‌ای (Box Shadow): عمق دادن به عناصر رابط کاربری
• 55. گرادیانت‌ها (Gradients): `linear-gradient`, `radial-gradient`, `conic-gradient` برای پس‌زمینه‌های جذاب
• 56. فیلترها (Filters): `blur`, `brightness`, `contrast`, `grayscale`, `sepia`
• 57. استفاده از فیلترها برای نمایش وضعیت‌های مختلف سیستم‌های ماهواره‌ای یا هشدارها
• 58. ماسک‌گذاری (Masking) و Clip-path: اشکال سفارشی در طراحی اینفوگرافیک‌ها
• 59. متغیرهای CSS (Custom Properties): سازماندهی استایل‌ها و تم‌سازی
• 60. ساخت یک سیستم تم برای پورتال‌های حقوقی فضایی با CSS Variables
• 61. نوشتن CSS قابل نگهداری: اصول DRY و معرفی SASS/LESS (مفاهیم اولیه)
• 62. متدولوژی‌های CSS: BEM, SMACSS, OOCSS برای پروژه‌های بزرگ
• 63. بهینه‌سازی عملکرد CSS: Critical CSS, Minification, Lazy Loading
• 64. اشکال‌زدایی CSS با ابزارهای توسعه‌دهنده مرورگر (DevTools)
• 65. سازگاری مرورگرها (Browser Compatibility) و پیشوندهای وندور (Vendor Prefixes)
• 66. دسترسی‌پذیری (Accessibility) در CSS: رنگ، کنتراست، فوکوس برای کاربران مختلف
• 67. استایل‌دهی فرم‌ها برای جمع‌آوری اطلاعات حقوقی فضایی
• 68. طراحی دکمه‌های تعاملی و فراخوان به عمل (Call-to-Action) برای اقدامات قانونی
• 69. استایل‌دهی به SVG با CSS: نمایش وکتورهای فضایی و نمادهای حقوقی
• 70. استایل‌دهی برای چاپ (Print Stylesheets): تهیه اسناد حقوقی قابل چاپ
• 71. مبانی Grid و Flexbox در کنار هم برای طرح‌بندی‌های پیچیده و واکنش‌گرا
• 72. طراحی گالری تصاویر واکنش‌گرا از ماهواره‌ها و ایستگاه‌های فضایی
• 73. ساخت اسلایدرها و کاروسل‌ها با CSS برای نمایش رویدادهای فضایی
• 74. ایجاد افکت‌های Hover پیشرفته برای عناصر تعاملی
• 75. استایل‌دهی به نقشه‌ها و نمودارها با CSS برای تجسم داده‌های فضایی و مناطق قضایی
• 76. استفاده از `object-fit` و `object-position` برای تصاویر و ویدئوهای مربوط به فضا
• 77. `calc()`: انجام محاسبات ریاضی در CSS برای ابعاد و موقعیت‌ها
• 78. `var()`: استفاده پیشرفته از متغیرهای CSS
• 79. `attr()`: دریافت مقادیر ویژگی‌های HTML برای استایل‌دهی پویا
• 80. `clamp()`, `min()`, `max()`: توابع برای ابعاد واکنش‌گرا و کنترل جریان
• 81. استایل‌دهی به مودال‌ها و پاپ‌آپ‌ها برای اخطارهای قانونی فضایی و اطلاعات تکمیلی
• 82. ساخت افکت‌های پارالاکس (Parallax Effects) با CSS برای صفحات مربوط به اکتشافات
• 83. استایل‌دهی به نمادها (Icons) با فونت‌ها یا SVG برای دسته‌بندی موضوعات
• 84. پیاده‌سازی حالت تاریک (Dark Mode) با `prefers-color-scheme` برای پورتال‌های فضایی
• 85. افکت‌های اسکرول‌محور (Scroll-linked Effects) برای بهبود تجربه کاربری
• 86. CSS و جاوااسکریپت: تعامل برای تغییرات پویا و افزودن قابلیت‌های خاص
• 87. Shadow DOM و Web Components: استایل‌دهی کامپوننت‌های مستقل
• 88. انیمیشن‌های مبتنی بر WebP و AVIF برای محتوای فضایی
• 89. CSS Container Queries (مفاهیم اولیه و کاربردها) برای چیدمان‌های انعطاف‌پذیرتر
• 90. CSS Cascade Layers (مفاهیم اولیه و کنترل آبشار) برای مدیریت استایل‌ها
• 91. استفاده از `will-change` برای بهینه‌سازی انیمیشن و رندرینگ
• 92. CSS برای Micro-interactions: افزایش تجربه کاربری در جزئیات
• 93. اصول طراحی UI/UX با تمرکز بر CSS در پلتفرم‌های حقوق فضایی
• 94. بررسی ابزارهای فریم‌ورک‌های CSS (مثلاً فلسفه Bootstrap یا Tailwind)
• 95. طراحی سیستم‌های مولفه‌ای (Component-based Design) با CSS
• 96. سازماندهی پروژه‌های بزرگ CSS برای پورتال‌های حقوقی بین‌المللی
• 97. تست و نگهداری کدهای CSS در محیط‌های توسعه
• 98. آینده CSS: نگاهی به ویژگی‌های در حال توسعه و نوآوری‌ها
• 99. مروری بر بهترین شیوه‌ها (Best Practices) در CSS برای پروژه‌های حقوق فضایی
• 100. جمع‌بندی: یکپارچه‌سازی CSS برای ساخت پلتفرم‌های حقوق فضایی مدرن و کارآمد