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

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

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

عنوان دوره: دوره CSS for Personal Growth

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

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

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

• 1. مبانی CSS و نقش آن در رشد فردی
• 2. آشنایی با ساختار و سینتکس CSS
• 3. انتخابگرها (Selectors) در CSS: انواع و کاربردها
• 4. خاصیت (Property) و مقدار (Value) در CSS
• 5. واحدها در CSS: پیکسل، درصد، em، rem
• 6. رنگ‌ها در CSS: مقادیر هگزادسیمال، RGB، RGBA
• 7. شفافیت (Opacity) و فیلترها (Filters) در CSS
• 8. پس‌زمینه‌ها (Backgrounds) در CSS: تکرار، موقعیت، اندازه
• 9. حاشیه‌ها (Borders) در CSS: ضخامت، سبک، رنگ
• 10. فاصله‌گذاری (Padding) و حاشیه بیرونی (Margin) در CSS
• 11. جعبه مدل (Box Model) در CSS و اهمیت آن
• 12. نمایش (Display) در CSS: block, inline, inline-block
• 13. تراز کردن (Alignment) عناصر با CSS
• 14. تغییر اندازه (Sizing) عناصر با CSS
• 15. ارتفاع (Height) و عرض (Width) در CSS
• 16. حداقل و حداکثر اندازه در CSS
• 17. تنظیمات دید (Visibility) و نمایش (Display)
• 18. نقش CSS در طراحی واکنش‌گرا (Responsive Design)
• 19. نمایش چیدمان (Layout) با CSS Flexbox
• 20. تنظیمات اصلی Flexbox: justify-content, align-items
• 21. جهت‌دهی (Flex-direction) در Flexbox
• 22. بسته‌بندی (Flex-wrap) در Flexbox
• 23. ترتیب (Order) در Flexbox
• 24. تنظیمات انعطاف‌پذیری (Flex-grow, flex-shrink, flex-basis)
• 25. نمایش چیدمان با CSS Grid
• 26. تنظیمات اصلی Grid: grid-template-columns, grid-template-rows
• 27. فاصله‌گذاری در Grid: grid-gap
• 28. تراز کردن در Grid
• 29. تخصیص آیتم‌ها در Grid
• 30. موقعیت‌یابی (Positioning) در CSS: static, relative, absolute
• 31. موقعیت‌یابی: fixed و sticky
• 32. z-index و مدیریت لایه‌ها
• 33. تبدیل‌ها (Transforms) در CSS: translate, rotate, scale
• 34. تبدیل‌ها: skew و matrix
• 35. انتقال‌ها (Transitions) در CSS: تنظیمات پایه
• 36. تنظیمات پیشرفته Transitions: duration, timing-function, delay
• 37. پویانمایی‌ها (Animations) در CSS: keyframes
• 38. تنظیمات Animations: animation-name, duration, iteration-count
• 39. تنظیمات Animations: animation-timing-function, animation-delay
• 40. تنظیمات Animations: animation-direction, animation-fill-mode
• 41. تنظیمات Animations: animation-play-state
• 42. فونت‌ها (Fonts) در CSS: انواع و بارگذاری
• 43. قواعد @font-face برای فونت‌های سفارشی
• 44. تنظیمات متن: font-family, font-size, font-weight
• 45. تنظیمات متن: line-height, letter-spacing, word-spacing
• 46. تنظیمات متن: text-align, text-decoration, text-transform
• 47. تنظیمات متن: text-shadow, white-space
• 48. استفاده از آیکون‌ها در CSS (Font Awesome)
• 49. تکنیک‌های پیشرفته انتخابگرها
• 50. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 51. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 52. مدیریت فرم‌ها با CSS
• 53. استایل‌دهی به جداول با CSS
• 54. استایل‌دهی به لیست‌ها با CSS
• 55. استایل‌دهی به تصاویر با CSS
• 56. استفاده از CSS برای بهبود تجربه کاربری (UX)
• 57. طراحی رابط کاربری (UI) با CSS
• 58. مفاهیم دسترسی‌پذیری (Accessibility) در CSS
• 59. اهمیت سئو (SEO) و نقش CSS
• 60. بهینه‌سازی عملکرد (Performance) CSS
• 61. مدیریت فایل‌های CSS: روش‌های سازماندهی
• 62. استفاده از پیش‌پردازنده‌ها (Preprocessors) مثل Sass (مقدماتی)
• 63. متغیرها در Sass (مقدماتی)
• 64. تودرتویی (Nesting) در Sass (مقدماتی)
• 65. ترکیب (Mixins) در Sass (مقدماتی)
• 66. وراثت (Inheritance) در Sass (مقدماتی)
• 67. ماژولار کردن کد CSS
• 68. CSS Variables (Custom Properties)
• 69. مدیریت فونت‌های فارسی در وب
• 70. طراحی رابط کاربری جذاب و کاربرپسند
• 71. اصول طراحی بصری در CSS
• 72. استفاده از CSS برای ایجاد فضاهای مثبت و منفی
• 73. تکنیک‌های ترکیب رنگ در طراحی وب
• 74. ایجاد انیمیشن‌های ظریف و کاربردی
• 75. بهینه‌سازی تصاویر برای وب با CSS
• 76. مدیریت خطاها و اشکال‌زدایی (Debugging) در CSS
• 77. استفاده از ابزارهای توسعه‌دهنده مرورگر (Browser DevTools)
• 78. اصول نگهداری و توسعه کد CSS
• 79. مستندسازی کد CSS
• 80. CSS در چهارچوب معماری نرم‌افزار (مانند BEM)
• 81. تنظیمات CSS برای حالت‌های مختلف صفحه نمایش
• 82. استفاده از CSS برای مدیریت حالت‌های تمرکز (Focus)
• 83. طراحی دکمه‌ها و عناصر تعاملی
• 84. استایل‌دهی به فرم‌های پیچیده
• 85. استفاده از CSS برای ایجاد افکت‌های بصری خلاقانه
• 86. مدیریت فونت‌های سیستمی و وب‌فونت‌ها
• 87. اهمیت خوانایی و کنتراست در طراحی با CSS
• 88. استفاده از CSS برای ایجاد گالری تصاویر
• 89. طراحی منوهای ناوبری (Navigation Menus)
• 90. استایل‌دهی به تایپوگرافی در وب
• 91. مقدمه‌ای بر CSS-in-JS (با احتیاط و چارچوب مناسب)
• 92. آشنایی با فریم‌ورک‌های CSS (مانند Bootstrap، با تأکید بر اصول)
• 93. اصول طراحی مینیمال با CSS
• 94. طراحی رابط کاربری برای موبایل (Mobile-First Design)
• 95. استفاده از CSS برای ایجاد جلوه‌های متحرک متن
• 96. مدیریت چیدمان‌های پیچیده با ترکیب Flexbox و Grid
• 97. اصول طراحی پایدار و قابل نگهداری CSS
• 98. تکنیک‌های پیشرفته مدیریت رنگ در CSS
• 99. استفاده از SVG در CSS
• 100. مبانی دسترسی‌پذیری برای کاربران با نیازهای خاص