کتاب صوتی CSS for Satellite Imagery Analysis

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

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

عنوان دوره: دوره CSS for Satellite Imagery Analysis

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در وب
• 2. چرا از CSS برای تحلیل تصاویر ماهواره‌ای استفاده می‌کنیم؟
• 3. آشنایی با سینتکس CSS: انتخابگر، خصوصیت، مقدار
• 4. روش‌های افزودن CSS به HTML: داخلی، درون‌خطی و خارجی
• 5. اتصال یک فایل CSS خارجی به سند HTML
• 6. نحوه کامنت‌گذاری در CSS
• 7. معرفی ابزارهای توسعه‌دهنده مرورگر (DevTools) برای CSS
• 8. بررسی و ویرایش استایل‌ها به صورت زنده
• 9. انتخابگرهای اصلی: تگ، کلاس و شناسه (ID)
• 10. انتخابگرهای فرزند و نسل (Child and Descendant Selectors)
• 11. انتخابگرهای همسایه (Sibling Selectors)
• 12. انتخابگر عمومی (*) و انتخابگر گروهی
• 13. انتخابگرهای 속یت (Attribute Selectors)
• 14. شبه‌کلاس‌ها (Pseudo-classes) مانند :hover و :focus
• 15. شبه‌کلاس‌های ساختاری مانند :first-child و :nth-child
• 16. شبه‌المان‌ها (Pseudo-elements) مانند ::before و ::after
• 17. مفهوم اولویت و وزن انتخابگرها (Specificity)
• 18. وراثت (Inheritance) در CSS و کلمه کلیدی inherit
• 19. مقادیر initial و unset
• 20. مدل جعبه‌ای (Box Model): محتوا، Padding، Border، Margin
• 21. کنترل ابعاد: خصوصیات width و height
• 22. ابعاد حداکثر و حداقل: max-width, min-width, max-height, min-height
• 23. خصوصیت display: block, inline, inline-block, none
• 24. مفهوم Collapsing Margins
• 25. کار با رنگ‌ها: نام، HEX، RGB، HSL
• 26. شفافیت با opacity و رنگ‌های RGBA/HSLA
• 27. پس‌زمینه: رنگ و تصویر (background-color, background-image)
• 28. کنترل پس‌زمینه: position, repeat, size, attachment
• 29. استفاده از چندین تصویر پس‌زمینه
• 30. گرادیان‌های رنگی خطی و شعاعی (Linear and Radial Gradients)
• 31. استایل‌دهی به حاشیه‌ها (Borders)
• 32. گرد کردن گوشه‌ها با border-radius
• 33. ایجاد سایه برای جعبه‌ها (box-shadow)
• 34. مبانی تایپوگرافی در وب: font-family, font-size, font-weight
• 35. استایل‌دهی به متن: color, text-align, text-decoration
• 36. فاصله‌گذاری در متن: line-height, letter-spacing, word-spacing
• 37. استفاده از فونت‌های سفارشی با @font-face
• 38. موقعیت‌یابی با خصوصیت position: static, relative, absolute
• 39. موقعیت‌یابی fixed و sticky برای ساخت هدرها و نوارهای ابزار ثابت
• 40. لایه‌بندی عناصر روی هم با z-index
• 41. کنترل سرریز محتوا با خصوصیت overflow
• 42. مقدمه‌ای بر Flexbox برای چیدمان انعطاف‌پذیر
• 43. خصوصیات کانتینر در Flexbox: flex-direction, flex-wrap, justify-content
• 44. خصوصیات کانتینر در Flexbox: align-items, align-content
• 45. خصوصیات آیتم‌ها در Flexbox: flex-grow, flex-shrink, flex-basis
• 46. ترتیب و چینش آیتم‌ها با order و align-self
• 47. ساخت یک نوار کناری (Sidebar) برای ابزارهای تحلیل با Flexbox
• 48. مقدمه‌ای بر CSS Grid برای چیدمان‌های پیچیده
• 49. تعریف ستون‌ها و ردیف‌ها در Grid
• 50. فاصله‌گذاری بین آیتم‌ها با gap
• 51. قرار دادن آیتم‌ها در Grid با شماره خط
• 52. نام‌گذاری خطوط و نواحی در Grid
• 53. توابع repeat() و minmax() در تعریف Grid
• 54. ساخت یک داشبورد تحلیلی با CSS Grid
• 55. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 56. رویکرد Mobile-First در طراحی واکنش‌گرا
• 57. کار با Viewport و واحد‌های vw, vh, vmin, vmax
• 58. تصاویر واکنش‌گرا با max-width: 100%
• 59. مقدمه‌ای بر انتقال‌ها (Transitions) در CSS
• 60. کنترل زمان‌بندی و تأخیر در Transition
• 61. انیمیشن‌سازی اجزای رابط کاربری (دکمه‌ها، منوها)
• 62. دگرگونی‌های دو بعدی با transform: translate, rotate, scale
• 63. دگرگونی‌های سه بعدی و مفهوم perspective
• 64. انیمیشن‌های پیچیده‌تر با @keyframes
• 65. کنترل انیمیشن‌ها: animation-duration, animation-iteration-count
• 66. ساخت انیمیشن‌های بارگذاری (Loading Spinners) برای پردازش داده
• 67. متغیرها در CSS (Custom Properties) و کاربرد آن‌ها
• 68. ساخت تم تاریک و روشن (Dark/Light Mode) برای رابط کاربری تحلیل
• 69. استفاده از تابع ()calc برای محاسبات پویا
• 70. توابع ریاضی مدرن: ()min, ()max, ()clamp
• 71. استایل‌دهی به فرم‌ها و ورودی‌ها برای کنترل پنل
• 72. استایل‌دهی به چک‌باکس‌ها و دکمه‌های رادیویی سفارشی
• 73. کنترل نحوه نمایش تصاویر با object-fit و object-position
• 74. مقدمه‌ای بر فیلترهای CSS برای پردازش بصری تصویر
• 75. تنظیم کنتراست و روشنایی تصویر ماهواره‌ای با filter
• 76. تبدیل تصویر به سیاه و سفید (grayscale) برای تحلیل‌های خاص
• 77. تغییر غلظت رنگ (saturate) و اعمال افکت Sepia
• 78. چرخش رنگ (hue-rotate) برای برجسته‌سازی عوارض (مانند پوشش گیاهی)
• 79. معکوس کردن رنگ‌ها (invert) برای شناسایی الگوهای خاص
• 80. محو کردن تصویر (blur) برای کاهش نویز یا تمرکز بر یک ناحیه
• 81. ترکیب چندین فیلتر برای تحلیل‌های پیشرفته بصری
• 82. اعمال فیلتر بر روی لایه‌های زیرین با backdrop-filter
• 83. مقدمه‌ای بر حالت‌های ترکیبی (Blend Modes)
• 84. تحلیل همپوشانی لایه‌ها با mix-blend-mode (مانند Multiply, Screen)
• 85. استفاده از background-blend-mode برای ترکیب تصاویر پس‌زمینه
• 86. مفهوم برش و ماسک‌گذاری (Clipping and Masking)
• 87. استفاده از clip-path برای جداسازی مناطق جغرافیایی خاص (مثلاً یک دریاچه)
• 88. ایجاد افکت‌های بصری با mask-image
• 89. استایل‌دهی به لایه‌های SVG روی نقشه با CSS
• 90. انیمیشن‌سازی نشانگرها (Markers) و پلی‌گون‌ها روی نقشه
• 91. ساختاردهی و سازماندهی فایل‌های CSS
• 92. آشنایی با متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 93. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند SASS/SCSS
• 94. استفاده از متغیرها و mixinها در SASS
• 95. تفاوت CSS Reset و Normalize.css
• 96. بهینه‌سازی انتخابگرها برای کارایی بهتر
• 97. طراحی استایل برای چاپ گزارش‌های تحلیلی (Print Stylesheets)
• 98. ملاحظات دسترسی‌پذیری (Accessibility) در طراحی UI
• 99. پروژه نهایی: طراحی رابط کاربری یک ابزار تحلیل تصویر
• 100. پروژه نهایی: پیاده‌سازی چیدمان و تم‌بندی