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

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Privacy Law

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه‌ای بر CSS و نقش آن در قوانین حریم خصوصی
• 2. چرا طراحان وب باید قوانین حریم خصوصی را بدانند؟
• 3. مروری بر GDPR، CCPA و سایر مقررات کلیدی
• 4. اصول طراحی مبتنی بر حریم خصوصی (Privacy by Design)
• 5. سینتکس و قوانین پایه در CSS
• 6. روش‌های افزودن CSS به یک صفحه وب
• 7. سلکتورهای پایه: تگ، کلاس و شناسه (ID)
• 8. مفهوم Cascade، ارث‌بری و اولویت در CSS
• 9. مدل جعبه‌ای (Box Model): Margin, Border, Padding
• 10. واحدها در CSS: px, em, rem, %, vw, vh
• 11. کار با رنگ‌ها: HEX, RGB, HSL و شفافیت (Opacity)
• 12. مبانی تایپوگرافی: font-family, font-size, font-weight
• 13. استایل‌دهی به متن: text-align, line-height, text-decoration
• 14. ویژگی Display: block, inline, inline-block, none
• 15. موقعیت‌یابی (Positioning): static, relative, absolute, fixed, sticky
• 16. کنترل لایه‌ها با Z-index
• 17. مقدمه‌ای بر Flexbox برای چیدمان‌های انعطاف‌پذیر
• 18. تراز و توزیع آیتم‌ها در Flexbox
• 19. مقدمه‌ای بر CSS Grid برای چیدمان‌های پیچیده
• 20. متغیرهای CSS (Custom Properties) برای مدیریت استایل‌ها
• 21. الگوهای تاریک (Dark Patterns) چیست و چرا باید از آن‌ها اجتناب کرد؟
• 22. شناسایی الگوهای تاریک در بنرهای کوکی
• 23. طراحی دکمه‌های پذیرش و رد با وزن بصری یکسان
• 24. اهمیت شفافیت و خوانایی در متون حقوقی
• 25. استایل‌دهی به پیوندها (Links) به سیاست‌نامه حریم خصوصی
• 26. آناتومی یک بنر کوکی منطبق با قوانین
• 27. ایجاد یک بنر کوکی ساده و ثابت در پایین صفحه
• 28. استایل‌دهی به مودال (Modal) تنظیمات کوکی
• 29. طراحی فرم‌های تنظیمات حریم خصوصی
• 30. استایل‌دهی به Checkbox و Radio Button برای گزینه‌های رضایت
• 31. طراحی سوییچ‌های Toggle برای مدیریت رضایت‌ها
• 32. ایجاد دسته‌بندی‌های رضایت با استفاده از Accordion
• 33. چیدمان مرکز تنظیمات حریم خصوصی (Preference Center) با Flexbox
• 34. استفاده از Grid برای ساخت داشبورد حریم خصوصی
• 35. استایل‌دهی به پیام‌های موفقیت و خطا پس از ذخیره تنظیمات
• 36. مدیریت حالت Focus برای ناوبری با کیبورد در مودال‌ها
• 37. استفاده از :focus-visible برای بهبود تجربه کاربری
• 38. طراحی واکنش‌گرا (Responsive) برای بنرهای کوکی
• 39. استفاده از Media Queries برای انطباق با دستگاه‌های مختلف
• 40. اطمینان از خوانایی و کارایی در صفحات موبایل
• 41. مقدمه‌ای بر دسترسی‌پذیری (Accessibility) در زمینه حریم خصوصی
• 42. استفاده از HTML معنایی (Semantic) برای کامپوننت‌های حریم خصوصی
• 43. نقش ARIA در دسترس‌پذیر کردن مودال‌های رضایت
• 44. طراحی برای کنتراست بالا و خوانایی بهتر
• 45. پشتیبانی از حالت تیره و روشن با prefers-color-scheme
• 46. کاهش حرکت با prefers-reduced-motion در انیمیشن‌های مودال
• 47. ترنزیشن‌ها (Transitions) برای باز و بسته شدن نرم مودال‌ها
• 48. انیمیشن‌های (Animations) ظریف برای جلب توجه بدون فریب
• 49. استفاده از کلاس در تگ <body> برای مدیریت وضعیت رضایت کاربر
• 50. نمایش یا پنهان کردن محتوا بر اساس رضایت با CSS
• 51. استایل‌دهی به جایگزین (Placeholder) محتوای مسدود شده (مانند ویدیو)
• 52. پنهان‌سازی iFrameهای شخص ثالث تا زمان دریافت رضایت
• 53. سلکتورهای پیشرفته: سلکتورهای فرزند و همزاد
• 54. سلکتورهای صفت (Attribute Selectors) برای استایل‌دهی دینامیک
• 55. استفاده از شبه‌کلاس‌ها (Pseudo-classes) مانند :hover و :active
• 56. استفاده از شبه‌المان‌ها (Pseudo-elements) مانند ::before و ::after
• 57. استایل‌دهی به لیست‌ها برای نمایش انواع کوکی‌ها
• 58. استایل‌دهی به جداول (Tables) برای نمایش داده‌های پردازشی
• 59. طراحی لینک "اطلاعات من را نفروشید" (Do Not Sell)
• 60. استایل‌دهی به سیاست‌نامه حریم خصوصی برای حداکثر خوانایی
• 61. استفاده از CSS Counters برای شماره‌گذاری بخش‌های حقوقی
• 62. بهینه‌سازی فونت‌ها با font-display برای متون مهم
• 63. جلوگیری از تغییر چیدمان (Layout Shift) ناشی از بنرها
• 64. مفهوم Critical CSS برای بارگذاری سریع بنر رضایت
• 65. بهینه‌سازی عملکرد CSS برای کامپوننت‌های حریم خصوصی
• 66. استفاده از box-sizing: border-box برای محاسبات ساده‌تر
• 67. استفاده از آیکون‌های SVG برای کنترل‌های حریم خصوصی
• 68. طراحی Tooltip با CSS برای توضیح اصطلاحات فنی
• 69. استایل‌دهی برای چاپ (Print): @media print
• 70. پنهان کردن عناصر غیرضروری در نسخه چاپی سیاست‌نامه
• 71. سازماندهی کدهای CSS مربوط به حریم خصوصی
• 72. استفاده از متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 73. کار با پیش‌پردازنده‌ها (Sass/Less) برای مدیریت استایل‌های پیچیده
• 74. یکپارچه‌سازی با فریم‌ورک‌های CSS مانند Bootstrap یا Tailwind
• 75. آشنایی با سلکتور :has() برای استایل‌دهی مبتنی بر محتوا
• 76. بررسی موردی: تحلیل CSS یک بنر کوکی خوب
• 77. بررسی موردی: تحلیل CSS یک بنر کوکی فریبنده
• 78. تست بین‌مرورگری (Cross-browser) برای کامپوننت‌های UI
• 79. تست واکنش‌گرایی در دستگاه‌های مختلف
• 80. تست رگرسیون بصری (Visual Regression) برای جلوگیری از خطاهای ناخواسته
• 81. ممیزی (Audit) کدهای CSS برای انطباق با اصول حریم خصوصی
• 82. مستندسازی کامپوننت‌های CSS برای تیم
• 83. همکاری با تیم‌های حقوقی و UX برای طراحی رابط کاربری
• 84. استایل‌دهی به "دیوار حریم خصوصی" (Privacy Wall)
• 85. طراحی بنر برای به‌روزرسانی سیاست‌نامه حریم خصوصی
• 86. طراحی اعلان‌های مربوط به نقض داده‌ها (Data Breach)
• 87. استایل‌دهی به فرم‌های درخواست دسترسی به داده (DSAR)
• 88. استفاده از clip-path برای پنهان‌سازی بصری و قابل دسترس
• 89. کنترل سرریز محتوا (Overflow) در مودال‌ها
• 90. استایل‌دهی به Scrollbar در پنل‌های تنظیمات
• 91. آینده CSS: Container Queries و کاربرد آن در کامپوننت‌های حریم خصوصی
• 92. چک‌لیست نهایی CSS برای انطباق با قوانین حریم خصوصی
• 93. جمع‌بندی دوره و ارائه پروژه نهایی
• 94. **پنهان‌سازی و تغییر شکل محتوا با CSS: تکنیک‌های ظاهری برای حفاظت از داده‌های حساس**
• 95. **استفاده از CSS برای کنترل نمایش اطلاعات مکانی و زمانی کاربر**
• 96. **بهینه‌سازی CSS برای کاهش اثر انگشت دیجیتال (Fingerprinting) کاربر**
• 97. **بررسی متا تگ‌ها و نقش آنها در انطباق با قوانین حریم خصوصی و SEO**
• 98. **آزمایش و اعتبارسنجی CSS برای اطمینان از انطباق با قوانین حریم خصوصی**
• 99. **تاثیر CSS بر دسترس‌پذیری (Accessibility) و ملاحظات حریم خصوصی**
• 100. **مطالعه موردی: طراحی رابط کاربری (UI) سازگار با حریم خصوصی با استفاده از CSS**