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

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

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

عنوان دوره: دوره CSS for Speech Recognition

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

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

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

• 1. آشنایی با مفاهیم پایهٔ CSS
• 2. ساختار کلی زبان CSS
• 3. نحوهٔ انتخاب عناصر در CSS
• 4. انتخابگرهای عمومی و دسته‌ای
• 5. انتخابگرهای کلاس و شناسه
• 6. انتخابگرهای صفات
• 7. انتخابگرهای سلسله‌مراتبی
• 8. نحوهٔ اعمال استایل‌ها
• 9. قوانین CSS و واحدهای اندازه‌گیری
• 10. رنگ‌ها در CSS: مقادیر، نام‌ها و فرمت‌ها
• 11. شفافیت و مقادیر RGBA/HSLA
• 12. پس‌زمینه‌های عناصر (background-color, background-image)
• 13. ویژگی‌های background-repeat, background-position, background-attachment
• 14. تنظیمات پیشرفتهٔ پس‌زمینه
• 15. مدیریت فونت‌ها (font-family, font-size, font-weight)
• 16. استایل‌های متنی (text-align, text-decoration, text-transform)
• 17. فاصله‌گذاری متن (line-height, letter-spacing, word-spacing)
• 18. تنظیمات پیشرفتهٔ متن
• 19. مدیریت جعبه‌ای (Box Model): padding, border, margin
• 20. تنظیمات حاشیه (border-style, border-width, border-color)
• 21. تنظیمات پیشرفتهٔ حاشیه
• 22. عرض و ارتفاع عناصر (width, height)
• 23. حداقل و حداکثر عرض و ارتفاع (min-width, max-width)
• 24. تنظیمات overflow عناصر
• 25. نمایش عناصر (display: block, inline, inline-block)
• 26. display: flexbox برای چیدمان انعطاف‌پذیر
• 27. تنظیمات اصلی flexbox (flex-direction, justify-content, align-items)
• 28. تنظیمات پیشرفتهٔ flexbox
• 29. display: grid برای چیدمان شبکه‌ای
• 30. تنظیمات اصلی grid (grid-template-columns, grid-template-rows)
• 31. تنظیمات پیشرفتهٔ grid
• 32. موقعیت‌دهی عناصر (position: static, relative, absolute, fixed)
• 33. تنظیمات z-index برای لایه‌بندی
• 34. انتقال‌ها (Transitions) در CSS
• 35. تنظیمات اصلی transition (property, duration, timing-function, delay)
• 36. انیمیشن‌ها (Animations) در CSS
• 37. قوانین @keyframes برای تعریف فریم‌های انیمیشن
• 38. تنظیمات animation (name, duration, timing-function, iteration-count, direction)
• 39. ترکیب انیمیشن‌ها و transitionها
• 40. مدیریت نسبت تصویر (Aspect Ratio)
• 41. استفاده از واحدهای نسبی (%, em, rem, vw, vh)
• 42. تنظیمات responsive design
• 43. مدیریت viewport در طراحی واکنش‌گرا
• 44. استفاده از media queries برای طراحی واکنش‌گرا
• 45. قوانین @media برای دستگاه‌های مختلف
• 46. تنظیمات خاص برای صفحات کوچک (mobile-first)
• 47. تنظیمات خاص برای صفحات بزرگ (desktop-first)
• 48. چیدمان‌های پیچیده با CSS Grid و Flexbox
• 49. استفاده از CSS Variables (Custom Properties)
• 50. تعریف و استفاده از متغیرهای CSS
• 51. تنظیمات پیشرفتهٔ متغیرها
• 52. مفهوم Pseudo-classes و Pseudo-elements
• 53. Pseudo-classes مانند :hover, :focus, :active
• 54. Pseudo-elements مانند ::before, ::after
• 55. استفاده از Pseudo-classes و Pseudo-elements در طراحی
• 56. مدیریت فرم‌ها با CSS
• 57. استایل‌دهی به عناصر فرم (input, button, select)
• 58. تنظیمات پیشرفتهٔ عناصر فرم
• 59. استایل‌دهی به جداول با CSS
• 60. تنظیمات حاشیه و پس‌زمینه جداول
• 61. مدیریت چیدمان ستون‌های جدول
• 62. استایل‌دهی به لیست‌ها (ul, ol)
• 63. تنظیمات خاص برای آیتم‌های لیست
• 64. مفهوم Accessibility در CSS
• 65. تنظیمات برای بهبود دسترسی‌پذیری
• 66. استفاده از ARIA attributes در HTML و CSS
• 67. بهینه‌سازی عملکرد CSS
• 68. فشرده‌سازی و Minification فایل‌های CSS
• 69. مدیریت CSS در پروژه‌های بزرگ
• 70. اصول OOCSS, SMACSS, BEM
• 71. نوشتن CSS قابل نگهداری و مقیاس‌پذیر
• 72. استفاده از پیش‌پردازنده‌های CSS (Sass, Less)
• 73. مفاهیم پایهٔ Sass (متغیرها، توابع، Mixins)
• 74. مفاهیم پایهٔ Less (متغیرها، توابع، Mixins)
• 75. سازگاری مرورگرها (Browser Compatibility)
• 76. ابزارهای بررسی سازگاری مرورگرها
• 77. تست و اشکال‌زدایی CSS
• 78. استفاده از Developer Tools مرورگرها
• 79. عیب‌یابی مشکلات چیدمان و استایل
• 80. مقدمه‌ای بر CSS-in-JS (در صورت لزوم و با چارچوب)
• 81. استفاده از CSS Modules (با چارچوب)
• 82. مفاهیم پیشرفتهٔ CSS Grid
• 83. مفاهیم پیشرفتهٔ CSS Flexbox
• 84. استفاده از CSS برای انیمیشن‌های پیچیده
• 85. طراحی رابط کاربری با تمرکز بر تجربهٔ کاربر
• 86. اصول طراحی UI/UX در وب
• 87. استفاده از CSS برای ایجاد افکت‌های بصری
• 88. مدیریت منابع تصویری در CSS
• 89. استفاده از SVG در CSS
• 90. تنظیمات پیشرفتهٔ متن و فونت
• 91. چیدمان‌های عمودی و افقی با Flexbox
• 92. چیدمان‌های پیچیده با Grid
• 93. طراحی واکنش‌گرا برای دستگاه‌های مختلف
• 94. بهینه‌سازی CSS برای سرعت بارگذاری
• 95. نوشتن CSS تمیز و خوانا
• 96. مدیریت و سازماندهی فایل‌های CSS
• 97. تکنیک‌های پیشرفتهٔ انتخابگرها
• 98. استفاده از CSS برای بهبود دسترسی‌پذیری (Accessibility)
• 99. مفاهیم پیشرفتهٔ انیمیشن و Transition
• 100. اصول طراحی رابط کاربری مدرن با CSS