فلش‌کارت‌های آموزشی اصول طراحی کدهای CSS مدرن و مقیاس‌پذیر

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

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

عنوان دوره: دوره اصول طراحی کدهای CSS مدرن و مقیاس‌پذیر

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

موضوع میانی: طراحی و توسعه وب پیشرفته

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

• 1. مبانی CSS و ساختار سند
• 2. انتخابگرها و اولویت‌بندی
• 3. مدیریت مدل جعبه (Box Model)
• 4. قوانین نمایش (Display Properties)
• 5. انعطاف‌پذیری طرح‌بندی با Flexbox
• 6. شبکه‌بندی پیشرفته با CSS Grid
• 7. موقعیت‌دهی (Positioning) در CSS
• 8. مدیریت فضاهای خالی (Spacing)
• 9. تایپوگرافی مدرن با فونت‌ها
• 10. استفاده از واحدهای نسبی (Relative Units)
• 11. مدیریت رنگ‌ها و گرادیان‌ها
• 12. انتقال‌ها (Transitions) و انیمیشن‌ها
• 13. استفاده از متغیرهای CSS (Custom Properties)
• 14. سازگاری مرورگرها و پیشوندها
• 15. اصول طراحی واکنش‌گرا (Responsive Design)
• 16. مدیریت تصاویر و رسانه‌ها
• 17. بهینه‌سازی عملکرد CSS
• 18. معماری CSS: BEM
• 19. معماری CSS: SMACSS
• 20. معماری CSS: OOCSS
• 21. مدیریت حالت‌های عناصر (Pseudo-classes)
• 22. استفاده از شبه‌عناصر (Pseudo-elements)
• 23. فرم‌ها و عناصر ورودی در CSS
• 24. استایل‌دهی جداول
• 25. استایل‌دهی لیست‌ها
• 26. استایل‌دهی لینک‌ها
• 27. استایل‌دهی دکمه‌ها
• 28. استایل‌دهی کارت‌ها (Cards)
• 29. استایل‌دهی مودال‌ها (Modals)
• 30. استایل‌دهی منوها (Navigation)
• 31. استایل‌دهی فوترها (Footers)
• 32. استایل‌دهی هدرها (Headers)
• 33. استایل‌دهی فرم‌های ورود
• 34. استایل‌دهی فرم‌های ثبت‌نام
• 35. مدیریت حالت‌های فوکوس (Focus States)
• 36. مدیریت حالت‌های هاور (Hover States)
• 37. استفاده از سایه‌ها (Box Shadows)
• 38. استفاده از حاشیه‌ها (Borders)
• 39. استفاده از استایل‌های سفارشی
• 40. مقدمه‌ای بر فریم‌ورک‌های CSS
• 41. فریم‌ورک Bootstrap: مبانی
• 42. فریم‌ورک Tailwind CSS: مبانی
• 43. فریم‌ورک Foundation: مبانی
• 44. نصب و پیکربندی ابزارهای ساخت (Build Tools)
• 45. مقدمه‌ای بر Sass/SCSS
• 46. متغیرها و توابع در Sass
• 47. درج (Mixins) و اِکستند (Extend) در Sass
• 48. تو در تو کردن (Nesting) قوانین در Sass
• 49. سازماندهی فایل‌ها در Sass
• 50. مقدمه‌ای بر Less
• 51. تفاوت‌های Sass و Less
• 52. مقدمه‌ای بر PostCSS
• 53. استفاده از Autoprefixer
• 54. استفاده از CSS Modules
• 55. مفاهیم کلیدی در طراحی رابط کاربری (UI)
• 56. اصول طراحی تجربه کاربری (UX)
• 57. دسترس‌پذیری (Accessibility) در وب
• 58. استانداردهای وب W3C
• 59. مدیریت خطاها و اشکال‌زدایی CSS
• 60. تست و اعتبارسنجی کد CSS
• 61. اصول کدنویسی تمیز (Clean Code)
• 62. معماری ماژولار در CSS
• 63. استفاده از SVG در CSS
• 64. استایل‌دهی انیمیشن‌های پیچیده
• 65. مدیریت انیمیشن‌های مبتنی بر JavaScript
• 66. تکنیک‌های بهینه‌سازی تصاویر برای وب
• 67. استفاده از فونت‌های وب (Web Fonts)
• 68. مدیریت فونت‌های فارسی
• 69. استایل‌دهی عناصر فرم پیشرفته
• 70. استایل‌دهی عناصر تعاملی
• 71. استایل‌دهی عناصر رسانه‌ای پیشرفته
• 72. اصول طراحی UI Kit
• 73. ساخت کامپوننت‌های قابل استفاده مجدد
• 74. مدیریت تم‌ها و پوسته (Theming)
• 75. استفاده از CSS Variables برای تم‌بندی
• 76. مقدمه‌ای بر CSS-in-JS
• 77. معماری CSS برای پروژه‌های بزرگ
• 78. مدیریت انطباق‌پذیری در مقیاس بزرگ
• 79. استانداردهای نام‌گذاری کلاس‌ها
• 80. اصول طراحی مینیمال در CSS
• 81. استفاده از انیمیشن‌های ظریف
• 82. استایل‌دهی عناصری که حالت‌های متعددی دارند
• 83. مدیریت انطباق‌پذیری در دستگاه‌های مختلف
• 84. بهینه‌سازی CSS برای موبایل اول (Mobile-First)
• 85. استراتژی‌های بارگذاری CSS
• 86. استفاده از CSS برای بهبود سئو (SEO)
• 87. مدیریت CSS در فریم‌ورک‌های JavaScript (React, Vue)
• 88. مقدمه‌ای بر CSS-in-HTML
• 89. استایل‌دهی عناصر گرافیکی
• 90. استفاده از CSS برای ایجاد جلوه‌های ویژه
• 91. مدیریت فضای سه‌بعدی با CSS
• 92. اصول طراحی تکرارشونده (Repetitive Design)
• 93. استایل‌دهی عناصر بازی‌گونه (Gamified Elements)
• 94. مدیریت CSS در محیط‌های تیمی
• 95. استانداردهای مستندسازی CSS
• 96. روندهای نوین در CSS
• 97. آینده CSS و فناوری‌های مرتبط