دوره Creating Modern Web Interfaces with CSS همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Creating Modern Web Interfaces with CSS

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

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

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

• 1. مقدمه‌ای بر CSS و نحوه عملکرد آن
• 2. CSS و HTML: پیوند دادن و ساختاردهی
• 3. انتخابگرهای CSS: عناصر، کلاس‌ها و شناسه‌ها
• 4. انتخابگرهای پیشرفته CSS: شبه‌کلاس‌ها و شبه‌عناصر
• 5. مدل جعبه (Box Model): حاشیه‌ها، حاشیه‌بندی و پدینگ
• 6. طرح‌بندی متن: فونت‌ها، اندازه‌ها، وزن و سبک
• 7. رنگ‌ها در CSS: نام‌ها، کد هگز، RGB و RGBA
• 8. پس‌زمینه‌ها در CSS: رنگ، تصویر و تکرار
• 9. مرورگرهای مختلف و سازگاری CSS
• 10. واحد‌های اندازه‌گیری در CSS: px، em، rem، % و viewport units
• 11. CSS Specificity: درک قواعد اولویت‌بندی
• 12. Cascading در CSS: نحوه اعمال استایل‌ها
• 13. استفاده از CSS Reset و Normalize
• 14. طرح‌بندی با Flexbox: مفاهیم پایه
• 15. Flexbox: کنترل تراز و توزیع عناصر
• 16. Flexbox: ویژگی‌های پیشرفته (order, align-self, etc.)
• 17. طرح‌بندی با Grid: مفاهیم پایه
• 18. Grid: ایجاد طرح‌بندی‌های پیچیده
• 19. Grid: کنترل اندازه و موقعیت عناصر
• 20. Responsive Web Design: مفاهیم و اصول
• 21. Media Queries: طراحی برای دستگاه‌های مختلف
• 22. Mobile-First Approach: طراحی از موبایل به دسکتاپ
• 23. استفاده از Viewport Meta Tag
• 24. تصاویر Responsive: srcset و picture element
• 25. CSS Variables (Custom Properties)
• 26. CSS Functions: calc(), min(), max(), etc.
• 27. Transitions: ایجاد انیمیشن‌های ساده
• 28. Transformations: چرخش، مقیاس‌بندی و شیفت
• 29. Animations: ساخت انیمیشن‌های پیچیده
• 30. CSS Filters: اعمال افکت‌های بصری
• 31. CSS Blend Modes: ترکیب رنگ‌ها و لایه‌ها
• 32. CSS Shapes: ایجاد اشکال پیچیده
• 33. CSS Pseudo-elements for Content Generation
• 34. استفاده از CSS برای ایجاد رابط کاربری (UI)
• 35. اصول طراحی رابط کاربری با CSS
• 36. CSS Frameworks: Bootstrap, Tailwind CSS (مروری)
• 37. Sass/SCSS: مقدمه‌ای بر پیش‌پردازنده‌های CSS
• 38. کامپایل کردن Sass/SCSS به CSS
• 39. Modular CSS: BEM, OOCSS (مروری)
• 40. CSS Best Practices: خوانایی، نگهداری و بهینه‌سازی
• 41. بهینه‌سازی CSS برای سرعت بارگذاری
• 42. عیب‌یابی CSS: ابزارها و تکنیک‌ها