فلش‌کارت‌های آموزشی CSS for Self-Improvement

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

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

عنوان دوره: دوره CSS for Self-Improvement

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

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

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

• 1. مقدمه CSS و نحوه اتصال به سند HTML
• 2. ساختار و سینتکس اولیه CSS
• 3. انتخاب‌گرهای پایه (element، class، id)
• 4. انتخاب‌گرهای ترکیبی و فرزند
• 5. انتخاب‌گرهای ویژگی و جهت‌دار
• 6. رنگ‌ها و واحدهای رنگی (HE، RGB، HSL)
• 7. پس‌زمینه (background) و ویژگی‌های آن
• 8. مدل جعبه (Box Model) و اجزای آن
• 9. مرزها (border) و سایه‌های جعبه (box-shadow)
• 10. پدینگ و مارجین و تأثیر آن‌ها
• 11. عرض، ارتفاع و واحدهای اندازه‌گیری
• 12. نمایش (display) و مقادیر متفاوت آن
• 13. پوزیشن‌های استاتیک، نسبت، ثابت و چسبان
• 14. فلو (float) و پاکسازی آن
• 15. بانی Grid CSS و ساختار شبکه
• 16. خطوط و ستون‌ها در Grid
• 17. مناطق (template areas) در Grid
• 18. آیتم‌های Grid و قوانین قرارگیری
• 19. بانی Flexbox و جهت‌ها
• 20. تراز کردن در Flexbox
• 21. رشد و کشیدگی آیتم‌های Flexbox
• 22. تغییر اندازه و ریسپانسیو (media queries)
• 23. واحد‌های نسبی (rem، em، vw، vh)
• 24. طراحی موبایل اول (mobile-first)
• 25. فونت و تایپوگرافی (font-family، weight، height)
• 26. متن و تزیینات آن (text-align، text-decoration)
• 27. سایه متن (text-shadow)
• 28. گرادیان‌های خطی و شعاعی
• 29. پیچیدگی‌های پس‌زمینه (multiple، size، position)
• 30. تبدیل (transform) و تغییر شکل عناصر
• 31. انتقال‌ها (transition) و انیمیشن‌های نرم
• 32. کی‌فریم‌ها (@keyframes) و انیمیشن‌های پیشرفته
• 33. حالت‌های پویا (hover، active، focus)
• 34. فرم‌ها و فیلدهای ورودی (input، textarea، button)
• 35. استایل‌دهی به پیوندها (anchors)
• 36. لیست‌ها و سفارشی‌سازی آن‌ها
• 37. جدول‌ها و عناصر مرتبط (table، caption)
• 38. عناصر پیشرفته (details، summary)
• 39. فیلترها (filter) و تأثیرات بصری
• 40. ماسک‌ها و برش (clip-path، mask)
• 41. CSS Variables (متغیرهای سفارشی)
• 42. معماری CSS و استانداردها (BEM، SMACSS)
• 43. بهینه‌سازی و کاهش حجم CSS
• 44. دیبگ و استفاده از ابزارهای توسعه‌دهنده (DevTools)
• 45. دسترسی‌پذیری (accessibility) در CSS
• 46. CSS Critical و بهینه‌سازی بارگذاری
• 47. تم‌ها و تغییر رنگ داینامیک
• 48. CSS Houdini و ویژگی‌های پیشرفته
• 49. Container Queries
• 50. Logical Properties و جهت‌های منطقی
• 51. Cascade و Specificity
• 52. Inheritance و ارث‌بری سبک‌ها
• 53. اصول طراحی با CSS (تایپوگرافی، رنگ، فضای سفید)
• 54. مدern طراحی (Glassmorphism، Neumorphism)
• 55. CSS و Web Components (Shadow DOM)
• 56. پروژه‌های عملی: طراحی پاسخ‌گو برای وب‌سایت‌ها
• 57. ابزارهای کمکی (Prettier، Stylelint)
• 58. CSS Modules و استفاده در پروژه‌های بزرگ
• 59. امنیت در CSS
• 60. CSS و سئو (SEO-friendly CSS)
• 61. CSS و تجربه کاربر (UX)
• 62. انیمیشن‌های پیشرفته و تغییرات پویا
• 63. معرفی کتابخانه‌ها و فریم‌ورک‌های محبوب CSS
• 64. گرافیک‌های پیچیده با CSS
• 65. CSS و تکنیک‌های بازی‌سازی ساده
• 66. بررسی پروژه‌های واقعی و یادگیری از آن‌ها
• 67. mfاهیم پیشرفته (contain، will-change، content-visibility)
• 68. بهینه‌سازی عملکرد (performance) با CSS
• 69. استراتژی‌های آزمون و خطا (A/B testing) برای CSS
• 70. بررسی منابع به روز CSS و یادگیری مداوم