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

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

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

عنوان کتاب: کتاب CSS for Cloud Computing

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در رابط‌های کاربری ابری (Cloud UIs)
• 2. نحو (Syntax) و ساختار یک قانون CSS
• 3. روش‌های افزودن CSS: درون‌خطی، داخلی و خارجی
• 4. کامنت‌گذاری در CSS
• 5. انتخابگرهای اصلی: نوع، کلاس و شناسه (Type, Class, ID)
• 6. انتخابگر ترکیبی (Descendant Selector)
• 7. انتخابگر فرزند (Child Selector)
• 8. انتخابگرهای خواهر و برادر مجاور و عمومی (Sibling Selectors)
• 9. انتخابگر جهانی و انتخابگرهای گروه‌بندی (Universal & Grouping)
• 10. مفهوم جعبه‌ای (The Box Model)
• 11. ویژگی padding
• 12. ویژگی border
• 13. ویژگی margin
• 14. ویژگی‌های width و height
• 15. مفهوم box-sizing: border-box
• 16. واحدها و مقادیر در CSS (پیکسل، درصد، em, rem)
• 17. واحدهای Viewport (vh, vw, vmin, vmax)
• 18. رنگ‌ها در CSS: کلمات کلیدی، HEX, RGB, HSL
• 19. ویژگی background-color
• 20. ویژگی background-image
• 21. ویژگی‌های موقعیت و تکرار پس‌زمینه (background-position, repeat)
• 22. ویژگی background-size
• 23. گرادیان‌های خطی و شعاعی (Linear & Radial Gradients)
• 24. مبانی تایپوگرافی: font-family و font-size
• 25. ویژگی‌های font-weight و font-style
• 26. ویژگی‌های text-align و text-decoration
• 27. ویژگی‌های line-height و letter-spacing
• 28. استفاده از فونت‌های وب با @font-face
• 29. ویژگی display: block, inline, inline-block
• 30. ویژگی visibility و تفاوت آن با display: none
• 31. مدل چیدمان Position: static و relative
• 32. مدل چیدمان Position: absolute
• 33. مدل چیدمان Position: fixed
• 34. مدل چیدمان Position: sticky
• 35. مفهوم z-index و Stacking Context
• 36. مقدمه‌ای بر Flexbox برای چیدمان کامپوننت‌ها
• 37. ویژگی‌های Flex Container: flex-direction و flex-wrap
• 38. ویژگی‌های Flex Container: justify-content
• 39. ویژگی‌های Flex Container: align-items
• 40. ویژگی‌های Flex Container: align-content
• 41. ویژگی‌های Flex Item: flex-grow
• 42. ویژگی‌های Flex Item: flex-shrink
• 43. ویژگی‌های Flex Item: flex-basis
• 44. خاصیت کوتاه flex
• 45. ویژگی order برای تغییر ترتیب آیتم‌ها
• 46. مقدمه‌ای بر CSS Grid برای چیدمان داشبورد
• 47. تعریف ستون‌ها و ردیف‌ها با grid-template-columns/rows
• 48. واحد fr در Grid
• 49. فاصله‌گذاری با gap
• 50. موقعیت‌دهی آیتم‌ها با grid-column و grid-row
• 51. نام‌گذاری خطوط و نواحی با grid-template-areas
• 52. تراز کردن در Grid: justify-items و align-items
• 53. مفهوم طراحی واکنش‌گرا (Responsive Design)
• 54. متا تگ Viewport
• 55. Media Queries و نقاط شکست (Breakpoints)
• 56. رویکرد Mobile-First در طراحی واکنش‌گرا
• 57. ساخت چیدمان‌های روان (Fluid Layouts)
• 58. تصاویر واکنش‌گرا (Responsive Images)
• 59. شبه‌کلاس‌ها (Pseudo-classes): لینک و کاربر (hover, focus, active)
• 60. شبه‌کلاس‌های ساختاری: first-child, last-child
• 61. شبه‌کلاس‌های ساختاری: nth-child و nth-of-type
• 62. شبه‌کلاس‌های ورودی و فرم: checked, disabled, required
• 63. شبه‌عناصر (Pseudo-elements): ::before و ::after
• 64. محتوای تولید شده با 'content'
• 65. مفهوم آبشار (Cascade) و ترتیب اعمال استایل‌ها
• 66. وراثت (Inheritance) و مقدار inherit
• 67. ویژگی و محاسبه خاص‌گرایی (Specificity)
• 68. قانون !important و خطرات استفاده از آن
• 69. استفاده از تابع calc() برای محاسبات دینامیک
• 70. متغیرهای CSS (Custom Properties) برای سیستم‌های طراحی
• 71. کاربردهای پیشرفته متغیرهای CSS
• 72. انتقال‌ها (Transitions): ویژگی transition
• 73. توابع زمان‌بندی انتقال (Transition Timing Functions)
• 74. تبدیل‌ها (Transforms): translate, scale
• 75. تبدیل‌ها (Transforms): rotate, skew
• 76. انیمیشن‌ها با @keyframes
• 77. ویژگی animation و خصوصیات آن
• 78. ساخت یک لودینگ اسپینر (Loading Spinner) با CSS
• 79. بهینه‌سازی انیمیشن‌ها برای کارایی بهتر
• 80. استایل‌دهی به لیست‌ها (Lists)
• 81. استایل‌دهی به جداول داده (Data Tables)
• 82. استایل‌دهی به فرم‌ها و فیلدهای ورودی
• 83. استایل‌دهی به دکمه‌ها و عناصر تعاملی
• 84. سفارشی‌سازی Checkbox و Radio Button
• 85. سفارشی‌سازی Scrollbar
• 86. معماری CSS: سازماندهی فایل‌ها
• 87. متدولوژی BEM برای CSS مقیاس‌پذیر
• 88. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 89. متغیرها و تودرتویی (Nesting) در Sass
• 90. Mixin‌ها و Placeholder‌ها در Sass
• 91. توابع و عملگرها در Sass
• 92. مفهوم Critical CSS برای بارگذاری سریع
• 93. بهینه‌سازی عملکرد انتخابگرها (Selector Performance)
• 94. کوچک‌سازی (Minification) و فشرده‌سازی فایل‌های CSS
• 95. مبانی دسترسی‌پذیری وب (Accessibility)
• 96. استایل‌دهی به حالت‌های focus برای ناوبری با کیبورد
• 97. استفاده از ویژگی‌های ARIA در CSS
• 98. طراحی کنتراست رنگ مناسب
• 99. پیاده‌سازی تم تاریک/روشن (Dark/Light Mode)
• 100. استایل‌دهی به آیکون‌های SVG