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

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

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

عنوان کتاب: کتاب CSS for Sales Productivity

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

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

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

• 1. مبانی CSS
• 2. مقدمه ای بر CSS
• 3. چرا CSS مهم است
• 4. نقش CSS در بهره وری فروش
• 5. تاریخچه مختصر CSS
• 6. CSS و HTML: یک رابطه
• 7. نصب و راه اندازی ابزارهای توسعه دهنده مرورگر
• 8. بازرسی عناصر HTML
• 9. تغییر سبک ها در زمان واقعی
• 10. استفاده از کنسول برای آزمایش CSS
• 11. انواع انتخابگرها
• 12. انتخابگرهای عنصر
• 13. انتخابگرهای کلاس
• 14. انتخابگرهای شناسه
• 15. انتخابگرهای عمومی
• 16. انتخابگرهای ترکیبی
• 17. انتخابگرهای شبه کلاس
• 18. انتخابگرهای شبه عنصر
• 19. انتخابگرهای ویژگی
• 20. انتخابگرهای دسته‌ای
• 21. ترکیب انتخابگرها
• 22. اولین ها در CSS
• 23. اهمیت اولویت انتخابگر
• 24. قوانین اولویت بندی
• 25. نحوه محاسبه اولویت
• 26. اولویت انتخابگرهای داخلی در مقابل خارجی
• 27. اولویت انتخابگرهای شناسه، کلاس و عنصر
• 28. اولویت انتخابگرهای `!important`
• 29. مدیریت اولویت ها برای نتایج مطلوب
• 30. مدیریت رنگ ها و تایپوگرافی
• 31. رنگ های CSS
• 32. مقادیر رنگ (نام، هگز، RGB، HSL)
• 33. رنگ متن
• 34. رنگ پس زمینه
• 35. گرادیان ها
• 36. مدیریت فونت ها
• 37. فونت های وب
• 38. استفاده از فونت های سیستم
• 39. تنظیم اندازه فونت
• 40. تنظیم وزن فونت
• 41. تنظیم سبک فونت
• 42. تنظیم ارتفاع خط
• 43. تنظیم فاصله کاراکترها
• 44. تنظیم تراز متن
• 45. مدیریت فونت های سفارشی
• 46. استفاده از Google Fonts
• 47. بارگذاری فونت های محلی
• 48. بهبود خوانایی محتوا
• 49. استفاده از رنگ ها برای سلسله مراتب
• 50. استفاده از تایپوگرافی برای ایجاد حس و حال
• 51. بهینه سازی خوانایی برای کاربران فروش
• 52. مدیریت چیدمان و فضا
• 53. جعبه مدل CSS
• 54. محتوا، پدینگ، بوردر، مارجین
• 55. اندازه گیری جعبه (Box-sizing)
• 56. نمایش عناصر (Display properties)
• 57. `block`، `inline`، `inline-block`
• 58. `none`، `flex`، `grid`
• 59. مدیریت چیدمان با Flexbox
• 60. مفاهیم Flexbox
• 61. جهت، ترازبندی، مرتب سازی
• 62. `justify-content`، `align-items`
• 63. `flex-wrap`، `flex-flow`
• 64. مدیریت چیدمان با Grid
• 65. مفاهیم Grid
• 66. تعریف سطرها و ستون ها
• 67. `grid-template-columns`، `grid-template-rows`
• 68. `grid-gap`، `grid-area`
• 69. استفاده از Grid برای چیدمان های پیچیده
• 70. موقعیت دهی عناصر (Positioning)
• 71. `static`، `relative`، `absolute`
• 72. `fixed`، `sticky`
• 73. `top`، `right`، `bottom`، `left`
• 74. `z-index`
• 75. مدیریت فضاهای سفید (Whitespace)
• 76. استفاده از مارجین و پدینگ برای جداسازی
• 77. ایجاد فضاهای خوانا
• 78. بهینه سازی چیدمان برای دستگاه های مختلف
• 79. طراحی واکنش گرا (Responsive Design)
• 80. مفهوم طراحی واکنش گرا
• 81. استفاده از Viewport Meta Tag
• 82. مدیریت اندازه صفحه نمایش
• 83. Media Queries
• 84. نوشتن Media Queries موثر
• 85. استفاده از واحدهای نسبی (em, rem, %)
• 86. استفاده از واحدهای پیکسل (px)
• 87. تنظیم چیدمان بر اساس اندازه صفحه
• 88. تغییر اندازه فونت ها و تصاویر
• 89. مدیریت تصاویر در طراحی واکنش گرا
• 90. تصاویر واکنش گرا (Responsive Images)
• 91. `max-width: 100%` برای تصاویر
• 92. استفاده از `picture` element و `srcset` attribute
• 93. بهینه سازی تصاویر برای سرعت بارگذاری
• 94. طراحی برای موبایل اول (Mobile-first)
• 95. مزایای رویکرد Mobile-first
• 96. پیاده سازی Mobile-first با CSS
• 97. توسعه تدریجی (Progressive Enhancement)
• 98. تطبیق چیدمان با انواع دستگاه ها
• 99. تست چیدمان در دستگاه های مختلف
• 100. ابزارهای شبیه سازی دستگاه