اپلیکیشن اندرویدی فلش‌کارت آموزشی CSS for Usability Engineering

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

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

عنوان دوره: دوره CSS for Usability Engineering

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

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

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

• 1. مبانی CSS و شروع کار
• 2. ساختار HTML و ارتباط آن با CSS
• 3. انتخابگرها (Selectors) در CSS: انواع و کاربردها
• 4. قوانین CSS: Property و Value
• 5. کدنویسی CSS: روش های Inline، Internal و External
• 6. نحوه لینک کردن CSS به HTML
• 7. کومنت گذاری در CSS
• 8. تفاوت های margin و padding
• 9. Box Model: درک مفهوم و اجزای آن
• 10. اندازه گذاری در CSS: px, em, rem, vh, vw
• 11. واحد های اندازه گیری: absolute و relative
• 12. استفاده از رنگ در CSS: نام رنگ، RGB, RGBA, HSL, HSLA
• 13. Background: تنظیم رنگ، تصویر و خصوصیات
• 14. Text: فونت، اندازه، وزن، تراز و سایر خصوصیات
• 15. Font Family: انتخاب و استفاده از فونت های مختلف
• 16. Text Decoration: خط زیر، خط روی، خط وسط و ...
• 17. Text Transform: تغییر حروف بزرگ و کوچک
• 18. Line Height: تنظیم ارتفاع خط
• 19. Letter Spacing و Word Spacing
• 20. درک مفهوم Inheritance در CSS
• 21. Cascading و اولویت قوانین CSS
• 22. Specificity: محاسبه و اهمیت آن
• 23. Selectors پیشرفته: فرزند، هم‌خانواده، attribute selectors
• 24. Pseudo-classes: hover, active, focus و ...
• 25. Pseudo-elements: ::before, ::after
• 26. Box Shadow: ایجاد سایه برای المان ها
• 27. Border: تنظیم border و خصوصیات آن
• 28. Border Radius: ایجاد گوشه های گرد
• 29. Outline: ایجاد حاشیه دور المان
• 30. Display property: inline, block, inline-block, none
• 31. Visibility property: visible, hidden
• 32. Overflow property: تنظیم رفتار محتوای سرریز شده
• 33. Position property: static, relative, absolute, fixed, sticky
• 34. Flexbox: معرفی و شروع کار
• 35. Flexbox: تنظیمات container
• 36. Flexbox: تنظیمات item
• 37. Grid: معرفی و شروع کار
• 38. Grid: تعریف grid template
• 39. Grid: تنظیمات grid items
• 40. Responsive Design: معرفی و اهمیت
• 41. Viewport Meta Tag: تنظیم viewport
• 42. Media Queries: نوشتن و استفاده
• 43. Mobile First Approach: طراحی موبایل اول
• 44. تصاویر Responsive: تنظیم تصاویر برای دستگاه های مختلف
• 45. تصاویر: فرمت ها و بهینه سازی
• 46. Transitions: ایجاد افکت های گذار
• 47. Transforms: تغییر شکل المان ها
• 48. Animations: ایجاد انیمیشن
• 49. Selectors و Pseudo-classes پیشرفته تر
• 50. CSS Variables: تعریف و استفاده
• 51. CSS Functions: calc(), var() و ...
• 52. Importing CSS Files
• 53. CSS Frameworks: Bootstrap, Tailwind CSS و ...
• 54. Preprocessors: Sass, Less و ... (معرفی)
• 55. Sass: شروع کار و نصب
• 56. Sass: متغیرها، mixins و functions
• 57. Sass: Nesting و Import
• 58. CSS Grid: Layout های پیچیده تر
• 59. Grid Templates: استفاده از grid template areas
• 60. Grid و Flexbox: ترکیب و مقایسه
• 61. Responsive Web Design: تکنیک های پیشرفته تر
• 62. Responsive Images: استفاده از srcset و sizes
• 63. Optimizing CSS for Performance
• 64. CSS Architecture: BEM, SMACSS, OOCSS
• 65. CSS in JavaScript: Styled Components, Emotion
• 66. Usability Engineering: مقدمه و اصول
• 67. CSS و اصول طراحی رابط کاربری (UI)
• 68. CSS و دسترسی پذیری (Accessibility)
• 69. Semantic HTML و تاثیر آن بر CSS
• 70. انتخاب رنگ مناسب برای وبسایت
• 71. طراحی تایپوگرافی مناسب
• 72. استفاده از فضای سفید (White Space)
• 73. طراحی فرم های کاربردی با CSS
• 74. طراحی منوهای ناوبری کاربرپسند
• 75. بهینه سازی سرعت بارگذاری وبسایت با CSS
• 76. CSS و تجربه کاربری (UX)
• 77. استفاده از icon fonts و SVG
• 78. CSS و انطباق پذیری با مرورگرهای مختلف
• 79. Cross-browser compatibility issues و راه حل ها
• 80. Testing CSS: بررسی و رفع باگ ها
• 81. Debugging CSS: ابزارها و تکنیک ها
• 82. CSS Linting: ابزارهای بررسی کد
• 83. CSS and Version Control: Git و ...
• 84. CSS Design Patterns
• 85. CSS and SEO
• 86. CSS and Performance: Critical Rendering Path
• 87. Advanced Selectors: :nth-child(), :nth-of-type()
• 88. Advanced Layout Techniques
• 89. Custom Properties (CSS Variables) در عمل
• 90. CSS Custom Properties: Scoping و Cascade
• 91. CSS Houdini: معرفی و کاربردها
• 92. CSS and Web Components
• 93. Shadow DOM و استایل دهی به آن
• 94. Integrating with JavaScript: CSS Modules
• 95. Performance Testing: Tools and Techniques
• 96. CSS and Security
• 97. Future of CSS
• 98. CSS Frameworks: Comparison and Best Practices
• 99. The Power of CSS: Advanced Use Cases
• 100. CSS for Accessibility: Best Practices and Tips