دوره CSS for Outsourcing همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Outsourcing

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

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

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در طراحی وب
• 2. اصول بنیادین CSS: انتخابگرها، خصوصیات و مقادیر
• 3. نحوهٔ اتصال فایل‌های CSS به HTML
• 4. سبک‌دهی به متن: فونت، اندازه، رنگ و تراز
• 5. کار با باکس مدل: حاشیه، فاصله داخلی، مرز و عرض/ارتفاع
• 6. استفاده از رنگ‌ها و پس‌زمینه‌ها در CSS
• 7. مدیریت تصاویر پس‌زمینه و تکرار آن‌ها
• 8. مرزها و حاشیه‌ها: انواع، رنگ و ضخامت
• 9. ایجاد و مدیریت لیست‌ها با CSS
• 10. جدول‌ها و سبک‌دهی به آن‌ها
• 11. مفهوم نمایش (Display) در CSS: بلوک، درون‌خطی و درون‌خطی-بلوک
• 12. استفاده از خصوصیت Position: Relative, Absolute, Fixed, Sticky
• 13. تکنیک‌های شناورسازی (Float) و پاکسازی (Clear)
• 14. چیدمان با Flexbox: مبانی و کاربردها
• 15. چیدمان با Flexbox: ویژگی‌های پیشرفته‌تر
• 16. مفهوم Grid Layout در CSS
• 17. طراحی با CSS Grid: ساختار و کاربردها
• 18. طراحی واکنش‌گرا (Responsive Design) با Media Queries
• 19. تنظیم چیدمان برای دستگاه‌های مختلف (تلفن، تبلت، دسکتاپ)
• 20. استفاده از واحدهای نسبی (em, rem, %) در طراحی واکنش‌گرا
• 21. استفاده از واحدهای مطلق (px) و زمان‌بندی‌ها
• 22. مدیریت فونت‌ها: فونت‌های وب و Google Fonts
• 23. ایجاد انیمیشن‌های CSS: مبانی و Keyframes
• 24. انیمیشن‌های CSS: انواع و کاربردها
• 25. تبدیل‌ها (Transitions) در CSS: ایجاد جلوه‌های نرم
• 26. استفاده از Transform: Translate, Rotate, Scale, Skew
• 27. طراحی فرم‌ها با CSS: سبک‌دهی به عناصر ورودی
• 28. سبک‌دهی به دکمه‌ها و لینک‌ها
• 29. ایجاد منوهای ناوبری با CSS
• 30. طراحی اسلایدر و گالری تصاویر با CSS
• 31. استفاده از Pseudo-classes و Pseudo-elements
• 32. مدیریت فوکوس و وضعیت عناصر با Pseudo-classes
• 33. استفاده از CSS Variables (Custom Properties)
• 34. سازگاری مرورگرها و رفع مشکلات رایج
• 35. بهینه‌سازی عملکرد CSS
• 36. اصول دسترسی‌پذیری (Accessibility) در CSS
• 37. استفاده از ARIA Attributes در کنار CSS
• 38. مقدمه‌ای بر فریم‌ورک‌های CSS (مانند Bootstrap، Tailwind)
• 39. نصب و استفاده از Bootstrap
• 40. ساختاردهی پروژه‌ها با Bootstrap Grid
• 41. کامپوننت‌های Bootstrap: دکمه‌ها، فرم‌ها، ناوبری
• 42. استفاده از Utilities در Bootstrap
• 43. مقدمه‌ای بر Tailwind CSS
• 44. کانفیگ و استفاده از Tailwind CSS
• 45. کلاس‌های Utility در Tailwind CSS
• 46. طراحی Layout با Tailwind CSS
• 47. کامپوننت‌های سفارشی با Tailwind CSS
• 48. اصول طراحی UI/UX در وب
• 49. نقش CSS در تجربه کاربری (UX)
• 50. اصول بصری در طراحی وب
• 51. استفاده از رنگ‌ها در طراحی وب (روانشناسی رنگ)
• 52. تایپوگرافی و خوانایی متن
• 53. طراحی رابط کاربری (UI) برای اپلیکیشن‌های وب
• 54. استفاده از آیکون‌ها در طراحی وب (Font Awesome)
• 55. مقدمه‌ای بر SVG و سبک‌دهی آن با CSS
• 56. طراحی نمودارها و گرافیک‌های وکتور با SVG و CSS
• 57. مفهوم انیمیشن‌های پیشرفته در وب (با رویکرد CSS)
• 58. بهینه‌سازی تصاویر برای وب
• 59. استفاده از CSS برای بارگذاری تنبل (Lazy Loading) تصاویر
• 60. مدیریت فرمت‌های تصویری نوین (WebP)
• 61. مقدمه‌ای بر CSS Preprocessors (Sass/Less)
• 62. نصب و استفاده از Sass
• 63. متغیرها و Mixins در Sass
• 64. تودرتویی (Nesting) و توابع در Sass
• 65. اصول مدیریت پروژه‌های CSS بزرگ
• 66. استفاده از معماری BEM برای CSS
• 67. اصول OOCSS و SMACSS
• 68. اصول طراحی سیستم‌های طراحی (Design Systems)
• 69. استفاده از CSS برای ایجاد انیمیشن‌های UI پیچیده
• 70. طراحی انیمیشن‌های ورود و خروج عناصر
• 71. ایجاد افکت‌های هاور خلاقانه
• 72. سبک‌دهی به جداول داده‌های بزرگ
• 73. طراحی داشبوردهای مدیریتی با CSS
• 74. استفاده از CSS برای ساخت بازی‌های ساده تحت وب
• 75. مقدمه‌ای بر CSS-in-JS (با رویکرد سازگار)
• 76. استفاده از CSS برای ایجاد انیمیشن‌های مبتنی بر اسکرول
• 77. طراحی رابط کاربری برای دستگاه‌های پوشیدنی (با ملاحظات)
• 78. اصول حفظ یکپارچگی بصری در طراحی
• 79. مدیریت منابع CSS در پروژه‌های بزرگ
• 80. استفاده از CSS برای بهینه‌سازی سرعت بارگذاری صفحه
• 81. نکات پیشرفته در استفاده از Flexbox
• 82. نکات پیشرفته در استفاده از Grid Layout
• 83. طراحی فرم‌های چند مرحله‌ای با CSS
• 84. استفاده از CSS برای ایجاد جلوه‌های پارالاکس
• 85. اصول طراحی رابط کاربری برای سایت‌های خبری
• 86. طراحی رابط کاربری برای فروشگاه‌های آنلاین
• 87. مدیریت و سبک‌دهی به محتوای چندرسانه‌ای
• 88. اصول دسترسی‌پذیری برای کاربران کم‌توان بینایی
• 89. اصول دسترسی‌پذیری برای کاربران با محدودیت حرکتی
• 90. طراحی رابط کاربری برای محتوای آموزشی
• 91. تکنیک‌های CSS برای ایجاد تم‌های تاریک و روشن
• 92. استفاده از CSS برای مدیریت استایل‌های پویا
• 93. اصول پایدارسازی طراحی (Sustainable Design) با CSS
• 94. بررسی و رفع تداخل‌های CSS
• 95. اصول Refactoring کدهای CSS
• 96. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر (Developer Tools)
• 97. استفاده پیشرفته از Developer Tools برای دیباگ CSS
• 98. تکنیک‌های CSS برای ایجاد افکت‌های بصری جذاب
• 99. طراحی رابط کاربری برای وب‌سایت‌های شرکتی
• 100. اصول طراحی رابط کاربری برای اپلیکیشن‌های موبایل (PWA)