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

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

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

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

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

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

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

• 1. CSS: مقدمه و مفاهیم پایه
• 2. CSS: نحوه نوشتن و استفاده از سینتکس
• 3. CSS: انتخابگرها (Selectors) - نوع، کلاس، ID
• 4. CSS: انتخابگرهای پیشرفته (Attribute, Pseudo-classes, Pseudo-elements)
• 5. CSS: Cascade و Specificity (اولویت دهی استایل ها)
• 6. CSS: مدل جعبه‌ای (Box Model) - Padding, Margin, Border, Content
• 7. CSS: واحدها در CSS - px, em, rem, %, vh, vw
• 8. CSS: رنگ‌ها - Hex, RGB, RGBA, HSL, HSLA
• 9. CSS: متن - فونت، اندازه، رنگ، فاصله خطوط
• 10. CSS: پس زمینه - رنگ، تصویر، تکرار، موقعیت
• 11. CSS: Float و Clear - مدیریت چیدمان اولیه
• 12. CSS: موقعیت دهی (Positioning) - Static, Relative, Absolute, Fixed, Sticky
• 13. CSS: نمایش (Display) - Block, Inline, Inline-block, None
• 14. CSS: Visibility و Opacity
• 15. CSS: لیست‌ها - استایل دهی به لیست‌ها
• 16. CSS: جدول‌ها - استایل دهی به جدول‌ها
• 17. CSS: فرم‌ها - استایل دهی به فرم‌ها
• 18. CSS: Overflow - مدیریت محتوای بیشتر از ابعاد عنصر
• 19. CSS: Cursor - تغییر شکل نشانگر ماوس
• 20. CSS: Z-index - مدیریت لایه ها
• 21. CSS: Pseudo-classes پیشرفته - :nth-child, :nth-of-type
• 22. CSS: Pseudo-elements پیشرفته - ::before, ::after
• 23. CSS: Attribute Selectors پیشرفته
• 24. CSS: انتخابگرهای ترکیبی (Combinators) - فرزند، مجاور، عمومی
• 25. CSS: استفاده از فونت‌های وب (Web Fonts)
• 26. CSS: سایه ها - text-shadow, box-shadow
• 27. CSS: گرادیان ها - Linear, Radial, Conic
• 28. CSS: ترنزیشن‌ها (Transitions) - ایجاد انیمیشن های ساده
• 29. CSS: ترانسفورم ها (Transforms) - Rotate, Scale, Translate, Skew
• 30. CSS: انیمیشن ها (Animations) - Keyframes, Animation Properties
• 31. CSS: Flexbox - مقدمه و مفاهیم پایه
• 32. CSS: Flexbox - محور اصلی و محور فرعی
• 33. CSS: Flexbox - justify-content
• 34. CSS: Flexbox - align-items
• 35. CSS: Flexbox - flex-direction
• 36. CSS: Flexbox - flex-wrap
• 37. CSS: Flexbox - align-content
• 38. CSS: Flexbox - flex-grow, flex-shrink, flex-basis
• 39. CSS: Flexbox - align-self
• 40. CSS: Grid Layout - مقدمه و مفاهیم پایه
• 41. CSS: Grid Layout - تعریف ردیف ها و ستون ها
• 42. CSS: Grid Layout - grid-template-rows, grid-template-columns
• 43. CSS: Grid Layout - grid-gap, row-gap, column-gap
• 44. CSS: Grid Layout - grid-area
• 45. CSS: Grid Layout - grid-template-areas
• 46. CSS: Grid Layout - justify-items, align-items, place-items
• 47. CSS: Grid Layout - justify-content, align-content, place-content
• 48. CSS: Grid Layout - auto-fill, auto-fit
• 49. CSS: Grid Layout - minmax() function
• 50. CSS: CSS Variables (Custom Properties) - تعریف و استفاده
• 51. CSS: محاسبه مقادیر با calc()
• 52. CSS: @media Queries - مقدمه و مفاهیم پایه
• 53. CSS: @media Queries - تعیین breakpoints
• 54. CSS: @media Queries - استفاده در طراحی ریسپانسیو
• 55. CSS: @supports - تشخیص پشتیبانی مرورگر از ویژگی های CSS
• 56. CSS: CSS Reset و Normalize.css
• 57. CSS: CSS Preprocessors - Sass, Less, Stylus (مقدمه)
• 58. CSS: Sass - Variables, Nesting, Mixins
• 59. CSS: Sass - Extend/Inheritance, Operators, Functions
• 60. CSS: Less - Variables, Mixins, Operations
• 61. CSS: Stylus - Syntax, Variables, Mixins
• 62. CSS: CSS Modules - Component-Level CSS
• 63. CSS: Styled Components - CSS-in-JS
• 64. CSS: BEM (Block Element Modifier) - نامگذاری کلاس ها
• 65. CSS: Atomic CSS (Functional CSS)
• 66. CSS: CSS Frameworks - Bootstrap, Tailwind CSS, Materialize (مقدمه)
• 67. CSS: Bootstrap - Grid System
• 68. CSS: Bootstrap - Components (Buttons, Forms, Navigation)
• 69. CSS: Tailwind CSS - Utility-First CSS
• 70. CSS: Materialize - Google's Material Design
• 71. CSS: CSS Architecture - Scalable CSS
• 72. CSS: Performance Optimization - Minify CSS
• 73. CSS: Performance Optimization - Critical CSS
• 74. CSS: Performance Optimization - Lazy Loading CSS
• 75. CSS: Accessibility - Semantic HTML
• 76. CSS: Accessibility - ARIA Attributes
• 77. CSS: چاپ (Print) - استایل دهی برای چاپ
• 78. CSS: رتینا (Retina) - طراحی برای صفحه نمایش های با رزولوشن بالا
• 79. CSS: SVG - استایل دهی به SVG با CSS
• 80. CSS: CSS Shapes - ساخت اشکال پیچیده با CSS
• 81. CSS: CSS Blend Modes
• 82. CSS: CSS Filters
• 83. CSS: CSS Masks
• 84. CSS: CSS Containment
• 85. CSS: CSS Will-Change
• 86. CSS: Webhooks - مفاهیم پایه Webhooks
• 87. CSS: استایل دهی به UI برای نمایش اطلاعات Webhook
• 88. CSS: استفاده از Webhooks برای به روز رسانی پویا CSS
• 89. CSS: متحرک سازی عناصر بر اساس داده های Webhook
• 90. CSS: ادغام Webhooks با کتابخانه های CSS
• 91. CSS: استفاده از CSS برای نمایش وضعیت Webhook
• 92. CSS: پیاده سازی UI برای مدیریت Webhooks
• 93. CSS: استفاده از Webhooks برای تم های دینامیک CSS
• 94. CSS: امنیت CSS در ارتباط با Webhooks
• 95. CSS: آزمایش و خطایابی CSS و Webhooks
• 96. CSS: بهترین روش ها در طراحی CSS برای Webhooks
• 97. CSS: ادغام Webhooks با فریمورک های جاوااسکریپت برای کنترل CSS
• 98. CSS: CSS و Webhooks برای داشبورد های داده
• 99. CSS: بهینه سازی عملکرد CSS در ارتباط با Webhooks
• 100. CSS: استفاده از Webhooks برای استایل دهی شرطی عناصر