کتاب صوتی استایل‌دهی به Shadow DOM

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

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

عنوان دوره: دوره استایل‌دهی به Shadow DOM

موضوع کلی: توسعه فرانت‌اند

موضوع میانی: Shadow DOM

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

• 1. مقدمه‌ای بر Shadow DOM و کاربردهای آن
• 2. ساختار سند و DOM استاندارد
• 3. آشنایی با مفهوم Encapsulation در Shadow DOM
• 4. ایجاد Shadow Root با استفاده از JavaScript
• 5. انتخابگرهای CSS در Shadow DOM
• 6. استایل‌دهی به عناصر درون Shadow DOM
• 7. ارث‌بری استایل‌ها در Shadow DOM
• 8. محدودیت‌های استایل‌دهی در Shadow DOM
• 9. استفاده از CSS Variables در Shadow DOM
• 10. تغییر استایل‌های Shadow DOM از خارج
• 11. رویدادها در Shadow DOM و Propagation
• 12. جلوگیری از Propagation رویدادها در Shadow DOM
• 13. استفاده از Shadow DOM در کامپوننت‌های وب
• 14. ایجاد کامپوننت‌های وب با Shadow DOM
• 15. مزایای استفاده از Shadow DOM در کامپوننت‌ها
• 16. آشنایی با Custom Elements و Shadow DOM
• 17. نحوه استفاده از Template ها در Shadow DOM
• 18. تکنیک‌های بهینه‌سازی Shadow DOM
• 19. استفاده از Shadow DOM برای ایجاد کامپوننت‌های قابل استفاده مجدد
• 20. مدیریت State در Shadow DOM
• 21. ارتباط بین Shadow DOM و DOM اصلی
• 22. استفاده از Shadow DOM در فریم‌ورک‌های JavaScript
• 23. مقایسه Shadow DOM با iFrame
• 24. استفاده از Shadow DOM برای پنهان‌سازی پیاده‌سازی
• 25. امنیت Shadow DOM و جلوگیری از حملات XSS
• 26. تست و دیباگ Shadow DOM
• 27. آشنایی با Shadow Parts API
• 28. استفاده از Shadow Parts API برای استایل‌دهی
• 29. آشنایی با Slot ها در Shadow DOM
• 30. استفاده از Slot ها برای محتوای پویا
• 31. توزیع Slot ها و نحوه عملکرد آن‌ها
• 32. استایل‌دهی به Slot ها
• 33. استفاده از نام Slot ها
• 34. تغییر محتوای Slot ها با JavaScript
• 35. Shadow DOM و Accessibility
• 36. بهبود Accessibility کامپوننت‌های Shadow DOM
• 37. استفاده از ARIA attributes در Shadow DOM
• 38. Shadow DOM و Server-Side Rendering
• 39. استفاده از Shadow DOM در Single-Page Applications
• 40. آشنایی با Web Components standards
• 41. بررسی Shadow DOM در مرورگرهای مختلف
• 42. رفع مشکلات رایج در Shadow DOM
• 43. بهینه‌سازی عملکرد Shadow DOM برای وب‌سایت‌های بزرگ
• 44. استفاده از Shadow DOM برای ایجاد UIهای پیچیده
• 45. تکنیک‌های پیشرفته استایل‌دهی Shadow DOM