فلش‌کارت‌های آموزشی Exploring the Future of CSS with Houdini

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

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

عنوان دوره: دوره Exploring the Future of CSS with Houdini

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

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

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

• 1. آشنایی با تاریخچه و تحول CSS
• 2. مبانی و اصول طراحی وب مدرن
• 3. مقدمه‌ای بر CSS3 و قابلیت‌های نوین آن
• 4. مروری بر ساختار و سینتکس CSS
• 5. انتخابگرها در CSS: انواع و کاربردها
• 6. مدیریت رنگ در CSS: مقادیر، فضاها و گرادیان‌ها
• 7. کار با فونت‌ها و تایپوگرافی در وب
• 8. واحدها در CSS: پیکسل، em، rem، viewport units
• 9. مدل جعبه‌ای (Box Model) در CSS
• 10. خاصیت display و کنترل چیدمان عناصر
• 11. مدیریت حاشیه‌ها (Margins) و فاصله‌ها (Paddings)
• 12. خاصیت position و انواع آن
• 13. سیستم Flexbox برای چیدمان انعطاف‌پذیر
• 14. سیستم Grid برای چیدمان دو بعدی
• 15. مفاهیم Responsive Design و طراحی واکنش‌گرا
• 16. مدیریت تصاویر و رسانه‌ها در طراحی وب
• 17. انیمیشن‌ها و ترانزیشن‌ها در CSS
• 18. فیلترها و افکت‌های بصری در CSS
• 19. مقدمه‌ای بر Houdini API
• 20. معماری CSS: BEM، SMACSS، OOCSS
• 21. پیش‌پردازنده‌های CSS: Sass و Less
• 22. استفاده از متغیرها (Variables) در CSS
• 23. توابع سفارشی (Custom Functions) در Sass/Less
• 24. نکات پیشرفته در استفاده از Sass/Less
• 25. آشنایی با CSS Variables (Custom Properties)
• 26. مدیریت طرح‌بندی (Layout) با CSS Variables
• 27. کاربرد CSS Variables در تم‌بندی (Theming)
• 28. تکنیک‌های پیشرفته انتخابگرها
• 29. انتخابگرهای شبه‌کلاس (Pseudo-classes) پیشرفته
• 30. انتخابگرهای شبه‌عنصر (Pseudo-elements) پیشرفته
• 31. مدیریت فرم‌ها و ورودی‌ها با CSS
• 32. استایل‌دهی به جداول با CSS
• 33. اصول دسترسی‌پذیری (Accessibility) در CSS
• 34. تست و اشکال‌زدایی (Debugging) CSS
• 35. بهینه‌سازی عملکرد (Performance) CSS
• 36. مقدمه‌ای بر Web Components
• 37. کاربرد Houdini در Web Components
• 38. APIهای Houdini: Properties & Values
• 39. APIهای Houdini: Paint API
• 40. APIهای Houdini: Layout API
• 41. APIهای Houdini: Animation Worklet
• 42. APIهای Houdini: Typed OM
• 43. مبانی جاوا اسکریپت برای Houdini
• 44. ارتباط CSS و جاوا اسکریپت در Houdini
• 45. نوشتن عبارات سفارشی (Custom Properties) با جاوا اسکریپت
• 46. استفاده از Paint API برای ترسیم سفارشی
• 47. ایجاد چیدمان‌های سفارشی با Layout API
• 48. کنترل انیمیشن‌ها با Animation Worklet
• 49. مدیریت DOM با Typed OM
• 50. مثال‌های عملی از Houdini در پروژه‌های واقعی
• 51. کاربرد Houdini در جلوه‌های بصری پیشرفته
• 52. ساخت کامپوننت‌های UI سفارشی با Houdini
• 53. بهبود عملکرد انیمیشن‌ها با Houdini
• 54. ایجاد کامپوننت‌های طراحی واکنش‌گرا با Houdini
• 55. استفاده از Houdini برای ساخت سیستم‌های طراحی
• 56. تکنیک‌های پیشرفته استایل‌دهی با Houdini
• 57. مدیریت داده‌های پیچیده در CSS با Houdini
• 58. آشنایی با Font Metrics API
• 59. کاربرد Font Metrics API در تایپوگرافی
• 60. APIهای Houdini: Input Properties & Values
• 61. استفاده از Input Properties & Values در کامپوننت‌ها
• 62. APIهای Houdini: Animation Worklet API
• 63. کنترل دقیق انیمیشن‌ها با Animation Worklet
• 64. APIهای Houdini: Layout Worklet API
• 65. ساخت ابزارهای چیدمان سفارشی
• 66. APIهای Houdini: Properties and Values API
• 67. مدیریت ویژگی‌های CSS سفارشی
• 68. APIهای Houdini: CSS Typed OM
• 69. کار با مقادیر CSS به صورت تایپ‌شده
• 70. APIهای Houdini: Painting API
• 71. ترسیم عناصر گرافیکی سفارشی
• 72. APIهای Houdini: Animation API
• 73. ایجاد انیمیشن‌های پیچیده و کارآمد
• 74. APIهای Houdini: Element Queries
• 75. پاسخ‌دهی به ابعاد عناصر
• 76. APIهای Houdini: CSS Properties & Values
• 77. مدیریت متغیرهای CSS پیشرفته
• 78. APIهای Houdini: CSS Paint API
• 79. ترکیب با جاوا اسکریپت برای افکت‌های پویا
• 80. APIهای Houdini: CSS Layout API
• 81. ایجاد سیستم‌های چیدمان اختصاصی
• 82. APIهای Houdini: CSS Animation Worklet
• 83. بهینه‌سازی انیمیشن‌های سمت مرورگر
• 84. APIهای Houdini: CSS Typed OM for Custom Properties
• 85. دسترسی و دستکاری ویژگی‌های سفارشی
• 86. APIهای Houdini: CSS Paint Worklet
• 87. اجرای دستورات ترسیم در مرورگر
• 88. APIهای Houdini: CSS Layout Worklet
• 89. ایجاد منطق چیدمان سفارشی
• 90. APIهای Houdini: CSS Animation Worklet for Performance
• 91. افزایش سرعت و روانی انیمیشن‌ها
• 92. APIهای Houdini: CSS Typed OM for Values
• 93. کار با انواع داده‌های CSS به صورت ساختاریافته
• 94. APIهای Houdini: CSS Paint API for Custom Effects
• 95. ایجاد فیلترها و افکت‌های بصری منحصر به فرد
• 96. APIهای Houdini: CSS Layout API for Responsive Grids
• 97. طراحی شبکه‌های واکنش‌گرا با انعطاف‌پذیری بالا
• 98. APIهای Houdini: CSS Animation Worklet for Complex Transitions
• 99. مدیریت گذارها و تغییر حالت‌های پیچیده
• 100. APIهای Houdini: CSS Typed OM for Inheritance