فلش‌کارت‌های آموزشی CSS Houdini: آینده CSS و قابلیت‌های جدید

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

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

عنوان دوره: دوره CSS Houdini: آینده CSS و قابلیت‌های جدید

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

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

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

• 1. مبانی و پیش‌نیازها:
• 2. CSS Houdini چیست؟
• 3. تاریخچه و تکامل CSS
• 4. چرا به CSS Houdini نیاز داریم؟
• 5. مروری بر معماری وب و CSS
• 6. مروری بر جاوا اسکریپت (پیش‌نیاز)
• 7. تنظیم محیط توسعه
• 8. ابزارهای توسعه‌دهنده مرورگر برای CSS
• 9. نصب و راه‌اندازی مرورگرهای سازگار با Houdini
• 10. بررسی وضعیت پشتیبانی مرورگرها برای Houdini
• 11. مروری بر مفاهیم اساسی CSS
• 12. انتخابگرها (Selectors)
• 13. ویژگی‌ها و مقادیر CSS
• 14. مدل جعبه (Box Model)
• 15. واحدها (Units) در CSS
• 16. مشخصات و اهمیت CSS (Specificity and Inheritance)
• 17. کدنویسی CSS منظم و خوانا
• 18. معرفی DevTools و نحوه استفاده از آن
• 19. اصول طراحی واکنش‌گرا (Responsive Design)
• 20. ساختار HTML و ارتباط با CSS
• 21. آشنایی با Houdini:
• 22. مفاهیم اساسی Houdini
• 23. مروری بر APIهای Houdini
• 24. Worklets: هسته اصلی Houdini
• 25. Paint API: ایجاد طرح‌های سفارشی
• 26. Layout API: کنترل طرح‌بندی
• 27. Animation API: انیمیشن‌های پیشرفته
• 28. Typed OM: دسترسی به ویژگی‌های CSS با تایپ
• 29. نحوه عملکرد Workletها
• 30. مزایای استفاده از Houdini
• 31. معایب و چالش‌های Houdini
• 32. مروری بر APIهای مختلف Houdini
• 33. Paint API:
• 34. مبانی Paint API
• 35. ایجاد یک Paint Worklet
• 36. رسم اشکال و الگوهای ساده
• 37. استفاده از رنگ‌ها و گرادیان‌ها
• 38. مدیریت اندازه‌ها و موقعیت‌ها
• 39. استفاده از ورودی‌های سفارشی
• 40. ایجاد افکت‌های بصری با Paint API
• 41. رسم پس‌زمینه‌های سفارشی
• 42. ایجاد حاشیه‌های سفارشی
• 43. پیاده‌سازی ماسک‌های سفارشی
• 44. استفاده از Canvas API در Paint Worklet
• 45. بهینه‌سازی Paint Workletها
• 46. مثال‌های کاربردی Paint API
• 47. رفع اشکال Paint Workletها
• 48. Paint API و تعامل با جاوا اسکریپت
• 49. Layout API:
• 50. مبانی Layout API
• 51. ایجاد یک Layout Worklet
• 52. کنترل جریان طرح‌بندی
• 53. مدیریت ابعاد و موقعیت عناصر
• 54. ایجاد طرح‌بندی‌های سفارشی
• 55. طرح‌بندی‌های جدول سفارشی
• 56. طرح‌بندی‌های شناور سفارشی
• 57. طرح‌بندی‌های انعطاف‌پذیر سفارشی
• 58. بهینه‌سازی Layout Workletها
• 59. مثال‌های کاربردی Layout API
• 60. رفع اشکال Layout Workletها
• 61. Layout API و تعامل با جاوا اسکریپت
• 62. Animation API:
• 63. مبانی Animation API
• 64. ایجاد یک Animation Worklet
• 65. انیمیشن‌سازی ویژگی‌های CSS
• 66. کنترل سرعت و زمان‌بندی انیمیشن‌ها
• 67. انیمیشن‌سازی با استفاده از SVG
• 68. ایجاد افکت‌های انیمیشنی پیشرفته
• 69. بهینه‌سازی Animation Workletها
• 70. مثال‌های کاربردی Animation API
• 71. رفع اشکال Animation Workletها
• 72. Animation API و تعامل با جاوا اسکریپت
• 73. Typed OM:
• 74. مبانی Typed OM
• 75. دسترسی و تغییر ویژگی‌های CSS با تایپ
• 76. اعتبارسنجی مقادیر CSS
• 77. کار با واحدها و مقادیر تایپ‌شده
• 78. استفاده از Typed OM در Paint Worklet
• 79. استفاده از Typed OM در Layout Worklet
• 80. استفاده از Typed OM در Animation Worklet
• 81. مزایای Typed OM
• 82. مثال‌های کاربردی Typed OM
• 83. رفع اشکال Typed OM
• 84. کاربردها و آینده Houdini:
• 85. CSS Houdini در عمل: نمونه‌ها و ایده‌ها
• 86. ساخت کتابخانه‌ها و فریم‌ورک‌های Houdini
• 87. ادغام Houdini با فریم‌ورک‌های UI
• 88. بهینه‌سازی عملکرد با Houdini
• 89. دسترسی‌پذیری و Houdini
• 90. آینده CSS و نقش Houdini
• 91. چالش‌ها و فرصت‌های Houdini
• 92. جمع‌بندی و نتیجه‌گیری
• 93. منابع و مستندات
• 94. پروژه‌های عملی و تمرینات
• 95. **ماژول Paint API: نقاشی با کد - از پس‌زمینه‌ها تا ماسک‌ها**
• 96. **ماژول Animation Worklet API: انیمیشن‌های روان و کارآمد**
• 97. **ماژول Typed Object Model API: دستکاری قدرتمندتر مقادیر CSS**
• 98. **ماژول Layout API: ایجاد طرح‌بندی‌های سفارشی**
• 99. **ماژول Properties and Values API: متغیرهای CSS با نوع‌بندی قوی**
• 100. **بهینه‌سازی و عیب‌یابی کد Houdini: کارایی و پایداری**