کتاب صوتی بهینه‌سازی Shadow DOM

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

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

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

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

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

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

• 1. مقدمه‌ای بر Shadow DOM و کاربردهای آن
• 2. ساختار کلی Shadow DOM و اجزای تشکیل‌دهنده
• 3. تفاوت‌های Shadow DOM با DOM معمولی
• 4. ایجاد یک Shadow Root
• 5. انتخابگرهای CSS در Shadow DOM
• 6. استایل‌دهی به Shadow DOM
• 7. ارث‌بری استایل‌ها در Shadow DOM
• 8. کپسوله‌سازی استایل‌ها در Shadow DOM
• 9. استفاده از CSS Custom Properties در Shadow DOM
• 10. دسترسی به DOM Host از داخل Shadow DOM
• 11. رویدادها در Shadow DOM و نحوه انتشار آن‌ها
• 12. جلوگیری از انتشار رویدادها در Shadow DOM
• 13. استفاده از Composition API برای ایجاد کامپوننت‌های قابل استفاده مجدد
• 14. ساخت کامپوننت‌های سفارشی با Shadow DOM
• 15. ادغام Shadow DOM با فریم‌ورک‌های جاوااسکریپت (React, Vue, Angular)
• 16. بهینه‌سازی عملکرد Shadow DOM
• 17. تکنیک‌های Lazy Loading در Shadow DOM
• 18. استفاده از Virtualization در Shadow DOM برای لیست‌های بزرگ
• 19. مدیریت حافظه در Shadow DOM
• 20. امنیت Shadow DOM و جلوگیری از حملات XSS
• 21. آشنایی با Shadow Parts برای استایل‌دهی به اجزای داخلی
• 22. استفاده از Shadow Slots برای ترکیب محتوا
• 23. تغییر محتوای Shadow Slots به صورت پویا
• 24. ایجاد تم‌های مختلف برای کامپوننت‌های Shadow DOM
• 25. استفاده از Shadow DOM در طراحی رابط کاربری
• 26. پیاده‌سازی کامپوننت‌های Dialog و Modal با Shadow DOM
• 27. ساخت کامپوننت‌های Tabbed Interface با Shadow DOM
• 28. ایجاد کامپوننت‌های Accordion با Shadow DOM
• 29. استفاده از Shadow DOM برای ساخت کامپوننت‌های Drag and Drop
• 30. پیاده‌سازی کامپوننت‌های Carousel با Shadow DOM
• 31. استفاده از Shadow DOM برای ساخت کامپوننت‌های Tooltip
• 32. بهینه‌سازی Shadow DOM برای SEO
• 33. تست کامپوننت‌های Shadow DOM
• 34. استفاده از Web Components و Shadow DOM
• 35. مقایسه Shadow DOM با iFrame
• 36. مزایا و معایب استفاده از Shadow DOM
• 37. الگوهای طراحی با Shadow DOM
• 38. بهبود قابلیت دسترسی (Accessibility) با Shadow DOM
• 39. استفاده از ARIA Attributes در Shadow DOM
• 40. آینده Shadow DOM و Web Components
• 41. بهینه‌سازی Shadow DOM برای دستگاه‌های موبایل
• 42. استفاده از Shadow DOM در Progressive Web Apps (PWA)
• 43. رفع اشکال (Debugging) در Shadow DOM
• 44. استفاده از ابزارهای توسعه مرورگر برای بررسی Shadow DOM
• 45. بهینه‌سازی Shadow DOM برای بارگذاری سریع‌تر