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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS: چیست و چرا؟
• 2. انواع استایل‌دهی: Inline, Internal, External
• 3. نحوه کار مرورگر با CSS
• 4. سینتکس CSS: انتخابگرها، خصوصیات و مقادیر
• 5. معرفی ابزارهای توسعه‌دهنده (DevTools)
• 6. انتخابگرهای ساده: Element, Class, ID
• 7. انتخابگرهای ترکیبی: Descendant, Child, Adjacent Sibling, General Sibling
• 8. انتخابگرهای خصیصه (Attribute Selectors)
• 9. شبه‌کلاس‌ها (Pseudo-classes): State-based (:hover, :active, :focus)
• 10. شبه‌کلاس‌ها (Pseudo-classes): Structural (:nth-child, :first-child, :last-child)
• 11. شبه‌عناصر (Pseudo-elements): ::before, ::after, ::first-letter, ::first-line
• 12. اولویت‌بندی در CSS (Specificity)
• 13. آبشار (Cascade) و ارث‌بری (Inheritance) در CSS
• 14. واحدها در CSS: Absolute vs. Relative (px, em, rem, vw, vh)
• 15. مدیریت رنگ‌ها: Keywords, Hex, RGB, HSL, RGBA, HSLA
• 16. تایپوگرافی: Font-family, Font-size, Font-weight, Line-height
• 17. استایل‌دهی متن: Text-align, Text-decoration, Text-shadow
• 18. مدل جعبه‌ای (Box Model): Margin, Border, Padding, Content
• 19. پس‌زمینه‌ها و گرادیانت‌ها
• 20. مدیریت لیست‌ها و جداول
• 21. خصوصیت Display: Block, Inline, Inline-block
• 22. موقعیت‌یابی (Positioning): Static, Relative, Absolute, Fixed, Sticky
• 23. لایه بندی شناور (Floats) و مشکلات آن
• 24. مقدمه‌ای بر Flexbox: مفاهیم اصلی
• 25. چینش آیتم‌ها با Flexbox: Direction, Wrap, Justify-content, Align-items
• 26. Flexbox: گروه‌بندی و ترتیب آیتم‌ها
• 27. مقدمه‌ای بر CSS Grid: مفاهیم اصلی
• 28. ایجاد گرید با Grid-template-columns/rows
• 29. قرار دادن آیتم‌ها در گرید: Grid-row/column
• 30. Grid در مقابل Flexbox: انتخاب ابزار مناسب
• 31. واکنش‌گرایی (Responsive Design): چرا مهم است؟
• 32. ویوپورت (Viewport Meta Tag) و تنظیمات اولیه
• 33. پرس‌وجوهای رسانه (Media Queries): Breakpoints
• 34. تصاویر و ویدئوهای واکنش‌گرا
• 35. واحدها و تایپوگرافی واکنش‌گرا
• 36. تبدیل‌ها (Transforms): Translate, Rotate, Scale, Skew
• 37. انتقال‌ها (Transitions): Smooth Animations
• 38. انیمیشن‌ها (Animations): Keyframes
• 39. فیلترها (Filters): Blur, Brightness, Contrast و غیره
• 40. متغیرهای CSS (Custom Properties)
• 41. تابع calc(): توابع ریاضی در CSS
• 42. CSS Preprocessors: مقدمه‌ای بر Sass/Less
• 43. کامپوننت‌های وب و Shadow DOM (مقدمه)
• 44. Scroll-Snap و رفتار اسکرول
• 45. تایمینگ و عملکرد (Performance) CSS
• 46. استفاده از CSS در فریم‌ورک‌های جاوا اسکریپت (مقدمه)
• 47. روش‌های استایل‌دهی در React, Vue, Angular
• 48. استراتژی‌های سازماندهی CSS: BEM, SMACSS, OOCSS
• 49. فریم‌ورک‌های CSS: Bootstrap, Tailwind CSS (مقدمه)
• 50. CSS Modularity و Bundling
• 51. ابزارهای توسعه‌دهنده (DevTools) پیشرفته برای CSS
• 52. بهینه‌سازی بارگذاری CSS (Critical CSS, Minification)
• 53. تست و دیباگینگ CSS
• 54. CSS برای دسترسی‌پذیری (Accessibility): ARIA و Semantics
• 55. آینده CSS: قابلیت‌های جدید و استانداردهای در حال توسعه
• 56. ارتباط CSS با لایه فرانت‌اند وب و امنیت
• 57. CSS به عنوان ابزاری برای نمایش و پنهان‌سازی اطلاعات
• 58. تاثیر CSS بر تجربه کاربری و مهندسی اجتماعی
• 59. مروری بر حملات فرانت‌اندی که CSS در آن‌ها نقش دارد
• 60. اهمیت درک عمیق CSS برای متخصصان امنیت
• 61. CSS Injection: تغییر ظاهر و رفتار UI
• 62. CSS Injection: سرقت اطلاعات از طریق انتخابگرهای خصیصه
• 63. CSS Injection: حملات based on `attr()` function
• 64. حملات Clickjacking: پوشاندن عناصر با CSS
• 65. Clickjacking پیشرفته: استفاده از Opacity و Pointer-events
• 66. UI Redressing: ایجاد UIهای جعلی با CSS
• 67. حملات Phishing مبتنی بر CSS: شبیه‌سازی دقیق
• 68. حملات XSS با استفاده از CSS (مثال‌های عملی)
• 69. استخراج داده‌ها از طریق CSS Timing Attacks
• 70. اطلاعات‌گیری از طریق بارگذاری فونت‌ها در CSS
• 71. افشای اطلاعات با SVG Data URIs در CSS
• 72. حملات Content Security Policy (CSP) Bypass با CSS
• 73. مشکلات امنیتی Inline Styles و `style-src 'unsafe-inline'`
• 74. Cross-Site Tracing (CST) و CSS
• 75. آسیب‌پذیری‌های مرتبط با `iframe` و `sandbox` (جنبه CSS)
• 76. استفاده مخرب از `::before` و `::after` برای تزریق محتوا
• 77. CSS Keylogger: مثال‌های نظری از پایش ورودی‌ها
• 78. حملات Dark Patterns با استفاده از CSS
• 79. دستکاری DOM با CSS برای حملات Cross-Origin
• 80. تجزیه و تحلیل CSS برای کشف نشانه‌های حمله
• 81. بهترین روش‌های کدنویسی امن CSS
• 82. استفاده از Content Security Policy (CSP) برای محدود کردن CSS
• 83. جلوگیری از Clickjacking با `X-Frame-Options` و Frame-Busting CSS
• 84. Sanitization دقیق ورودی‌های کاربر برای جلوگیری از CSS Injection
• 85. مانیتورینگ تغییرات CSS برای تشخیص دستکاری‌ها (Subresource Integrity)
• 86. نقش Web Application Firewall (WAF) در فیلتر کردن CSS مخرب
• 87. امنیت Shadow DOM: ملاحظات و چالش‌ها
• 88. hardening فرانت‌اند: تکنیک‌های پنهان‌سازی و محافظت
• 89. CSS در احراز هویت امن: طراحی و پیاده‌سازی
• 90. تشخیص و گزارش آسیب‌پذیری‌های CSS در ممیزی امنیتی
• 91. استفاده از ابزارهای استاتیک آنالیز برای CSS
• 92. آموزش کاربران و توسعه‌دهندگان در مورد خطرات CSS
• 93. مدیریت وابستگی‌ها و فریم‌ورک‌های CSS از منظر امنیتی
• 94. CSS و حریم خصوصی: رهگیری کاربر و اثر انگشت‌گیری (Fingerprinting)
• 95. واکنش به حملات مبتنی بر CSS: اقدامات پس از رخداد
• 96. استفاده از Browser DevTools برای ممیزی امنیتی CSS
• 97. ابزارهای خودکار برای اسکن آسیب‌پذیری‌های CSS
• 98. متدهای Penetration Testing با تمرکز بر CSS
• 99. رویکردهای آینده در امنیت CSS و مرورگرها
• 100. خلاصه و جمع‌بندی: نقش CSS در اکوسیستم امنیت سایبری