فلش‌کارت‌های آموزشی CSS for Cross-Platform Applications

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

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

عنوان کتاب: کتاب CSS for Cross-Platform Applications

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

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

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

• 1. مقدمه ای بر CSS و کاربرد آن در اپلیکیشن های کراس پلتفرم
• 2. چرا CSS برای اپلیکیشن های کراس پلتفرم اهمیت دارد؟
• 3. تفاوت های کلیدی CSS در وب و اپلیکیشن های کراس پلتفرم
• 4. ابزارها و فریمورک های CSS برای توسعه کراس پلتفرم
• 5. مروری بر React Native و استایل دهی در آن
• 6. CSS Modules و نحوه استفاده در React Native
• 7. Styled Components و کاربرد آن
• 8. Emotion و دیگر کتابخانه های استایل دهی
• 9. مبانی CSS: انتخابگرها (Selectors)
• 10. انتخابگرهای عنصر (Element Selectors)
• 11. انتخابگرهای کلاس (Class Selectors)
• 12. انتخابگرهای ID (ID Selectors)
• 13. انتخابگرهای صفات (Attribute Selectors)
• 14. انتخابگرهای ترکیبی (Combinators)
• 15. انتخابگرهای شبه کلاس (Pseudo-classes)
• 16. انتخابگرهای شبه عنصر (Pseudo-elements)
• 17. مروری بر CSS Box Model
• 18. مفهوم Content, Padding, Border, Margin
• 19. Box-sizing: content-box vs border-box
• 20. کاربرد Box Model در اپلیکیشن های کراس پلتفرم
• 21. مبانی CSS: واحدهای اندازه گیری
• 22. واحدهای مطلق (Absolute Units): px, pt, cm
• 23. واحدهای نسبی (Relative Units): %, em, rem, vw, vh
• 24. انتخاب واحدهای مناسب برای اپلیکیشن های کراس پلتفرم
• 25. CSS Layout: Flexbox
• 26. مفاهیم اصلی Flexbox: container, items
• 27. خاصیت justify-content
• 28. خاصیت align-items
• 29. خاصیت flex-direction
• 30. خاصیت flex-wrap
• 31. خاصیت align-self
• 32. خاصیت order
• 33. کاربرد Flexbox در چیدمان اپلیکیشن های موبایل
• 34. CSS Layout: Grid
• 35. مفاهیم اصلی Grid: container, items
• 36. خاصیت grid-template-columns
• 37. خاصیت grid-template-rows
• 38. خاصیت grid-gap
• 39. خاصیت grid-column
• 40. خاصیت grid-row
• 41. کاربرد Grid در چیدمان های پیچیده
• 42. CSS Typography
• 43. فونت ها و خانواده فونت (font-family)
• 44. اندازه فونت (font-size)
• 45. وزن فونت (font-weight)
• 46. استایل فونت (font-style)
• 47. ارتفاع خط (line-height)
• 48. ترازبندی متن (text-align)
• 49. فاصله گذاری بین حروف (letter-spacing)
• 50. فاصله گذاری بین کلمات (word-spacing)
• 51. تزئین متن (text-decoration)
• 52. تبدیل حروف (text-transform)
• 53. کاربرد Typography در تجربه کاربری (UX)
• 54. CSS Colors and Backgrounds
• 55. مدل های رنگی: RGB, RGBA, HSL, HSLA, Hex
• 56. خاصیت color
• 57. خاصیت background-color
• 58. خاصیت background-image
• 59. خاصیت background-repeat
• 60. خاصیت background-position
• 61. خاصیت background-size
• 62. استفاده از گرادیان ها (Gradients)
• 63. شفافیت (Opacity)
• 64. کاربرد رنگ ها در برندینگ و UI/UX
• 65. CSS Spacing and Sizing
• 66. خاصیت margin
• 67. خاصیت padding
• 68. خاصیت width
• 69. خاصیت height
• 70. حداقل و حداکثر عرض و ارتفاع (min-width, max-width, min-height, max-height)
• 71. مقیاس پذیری عناصر (Scaling)
• 72. مدیریت فضای خالی در اپلیکیشن ها
• 73. CSS Borders and Outlines
• 74. خاصیت border-width
• 75. خاصیت border-style
• 76. خاصیت border-color
• 77. خاصیت border-radius (گوشه های گرد)
• 78. خاصیت outline
• 79. تفاوت border و outline
• 80. کاربرد حاشیه ها در تفکیک و تاکید عناصر
• 81. CSS Transitions and Animations
• 82. مفهوم Transition
• 83. خاصیت transition-property
• 84. خاصیت transition-duration
• 85. خاصیت transition-timing-function
• 86. خاصیت transition-delay
• 87. مفهوم Animation
• 88. خاصیت animation-name
• 89. خاصیت animation-duration
• 90. خاصیت animation-timing-function
• 91. خاصیت animation-delay
• 92. خاصیت animation-iteration-count
• 93. خاصیت animation-direction
• 94. استفاده از انیمیشن برای بهبود تعاملات
• 95. CSS Responsive Design
• 96. مفهوم Responsive Design
• 97. استفاده از Media Queries
• 98. طراحی برای اندازه های مختلف صفحه نمایش
• 99. Viewport Meta Tag
• 100. نکات مهم در طراحی Responsive برای اپلیکیشن های کراس پلتفرم