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

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

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

عنوان دوره: دوره CSS for Web Development

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

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

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

• 1. آشنایی با مفاهیم پایه CSS
• 2. معرفی جعبه مدل (Box Model) در CSS
• 3. انتخابگرهای CSS: پایه و اساس
• 4. انتخابگرهای کلاس و آیدی
• 5. انتخابگرهای ویژگی و شبه‌کلاس‌ها
• 6. انتخابگرهای شبه‌عناصر
• 7. مرتب‌سازی و اولویت انتخابگرها (Specificity)
• 8. واحدها در CSS: پیکسل، درصد، em، rem
• 9. واحدها: vw، vh، ex، ch
• 10. واحدها: pt، pc، cm، mm، in
• 11. رنگ‌ها در CSS: نام‌ها، مقادیر هگزادسیمال
• 12. مقادیر RGB و RGBA
• 13. مقادیر HSL و HSLA
• 14. پس‌زمینه (Background) عناصر
• 15. تصاویر پس‌زمینه و تکرار آن‌ها
• 16. موقعیت‌دهی تصاویر پس‌زمینه
• 17. ویژگی‌های کلی پس‌زمینه
• 18. مدیریت متن در CSS: فونت‌ها
• 19. تنظیم اندازه و وزن فونت
• 20. استایل و تزیین متن
• 21. فاصله‌گذاری خطوط و کلمات
• 22. حاشیه‌ها (Margins) و فاصله‌های بیرونی
• 23. تنظیم حاشیه‌ها برای جهات مختلف
• 24. چهارچوب (Borders) عناصر
• 25. سبک، عرض و رنگ چهارچوب
• 26. چهارچوب‌های سفارشی و جداگانه
• 27. فیلترها (Padding) و فاصله‌های درونی
• 28. تنظیم فیلترها برای جهات مختلف
• 29. ویژگی‌های نمایشی (Display) عناصر
• 30. مقادیر display: block، inline، inline-block
• 31. مقادیر display: flex، grid
• 32. موقعیت‌دهی (Positioning) عناصر
• 33. مقادیر position: static، relative، absolute
• 34. مقادیر position: fixed، sticky
• 35. تنظیم top، right، bottom، left
• 36. زیرلایه‌ها (Z-index) و اولویت نمایش
• 37. انعطاف‌پذیری (Flexbox): مفاهیم پایه
• 38. تنظیم جهت اصلی (flex-direction)
• 39. تنظیم چیدمان (flex-wrap)
• 40. ترازبندی در محور اصلی (justify-content)
• 41. ترازبندی در محور فرعی (align-items)
• 42. ترازبندی آیتم‌های منفرد (align-self)
• 43. شبکه (Grid) CSS: مفاهیم پایه
• 44. تعریف ستون‌ها و ردیف‌ها (grid-template-columns/rows)
• 45. تعریف نواحی شبکه (grid-template-areas)
• 46. ترازبندی در شبکه (justify-content/align-content)
• 47. ترازبندی آیتم‌ها در شبکه (justify-items/align-items)
• 48. مشخص کردن موقعیت آیتم‌ها در شبکه
• 49. انتقال‌ها (Transitions) در CSS
• 50. تنظیم ویژگی‌های انتقال (transition-property)
• 51. تنظیم زمان‌بندی انتقال (transition-duration)
• 52. تنظیم تاخیر انتقال (transition-delay)
• 53. توابع زمان‌بندی انتقال (transition-timing-function)
• 54. انیمیشن‌ها (Animations) در CSS
• 55. تعریف فریم‌های کلیدی (keyframes)
• 56. تنظیم انیمیشن (animation-name)
• 57. مدت زمان انیمیشن (animation-duration)
• 58. فاصله زمانی انیمیشن (animation-delay)
• 59. تکرار انیمیشن (animation-iteration-count)
• 60. جهت انیمیشن (animation-direction)
• 61. وضعیت نهایی انیمیشن (animation-fill-mode)
• 62. توابع زمان‌بندی انیمیشن (animation-timing-function)
• 63. تغییرات در مقیاس (transform: scale)
• 64. تغییرات در چرخش (transform: rotate)
• 65. تغییرات در جابجایی (transform: translate)
• 66. تغییرات در شیب (transform: skew)
• 67. ترکیب تبدیل‌ها (transform)
• 68. لایه‌های نیمه‌شفاف (Opacity)
• 69. فیلترهای تصویری (Filters)
• 70. فیلتر Blur و Brightness
• 71. فیلتر Contrast و Grayscale
• 72. فیلتر Hue-rotate و Invert
• 73. فیلتر Saturate و Sepia
• 74. تنظیمات واکنش‌گرا (Responsive Design)
• 75. دستورات Media Queries
• 76. تعریف Viewport و واحدهای آن
• 77. استفاده از Grid و Flexbox در طراحی واکنش‌گرا
• 78. بهینه‌سازی تصاویر برای وب
• 79. تنظیمات فونت‌های سفارشی (Custom Fonts)
• 80. فونت‌های وب (Web Fonts) و نحوه استفاده
• 81. مدیریت فرم‌ها با CSS
• 82. استایل‌دهی به ورودی‌ها و دکمه‌ها
• 83. استایل‌دهی به جداول
• 84. استایل‌دهی به لیست‌ها
• 85. استایل‌دهی به عناصر چندرسانه‌ای
• 86. استایل‌دهی به عناصر HTML5 معنایی
• 87. CSS و دسترسی‌پذیری (Accessibility)
• 88. اصول اولیه طراحی کاربرپسند
• 89. مدیریت خطاها و پیام‌های سیستمی
• 90. ملاحظات امنیتی در CSS
• 91. بهینه‌سازی عملکرد CSS (Performance)
• 92. کاهش حجم فایل‌های CSS
• 93. استفاده از پیش‌پردازنده‌ها (Preprocessors)
• 94. مروری بر SASS/SCSS
• 95. مروری بر LESS
• 96. سازگاری مرورگرها (Browser Compatibility)
• 97. ابزارهای توسعه‌دهنده مرورگر (DevTools)
• 98. استفاده از CSS Frameworks (مقدماتی)