کتاب صوتی حل مسائل رایج Shadow DOM

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

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

عنوان دوره: دوره حل مسائل رایج Shadow DOM

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

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

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

• 1. مقدمه‌ای بر Shadow DOM و کاربردهای آن
• 2. ساختار سند و نقش Shadow DOM
• 3. تفاوت بین Shadow DOM و Document Object Model
• 4. ایجاد Shadow Root با استفاده از JavaScript
• 5. انتخاب عناصر داخل Shadow DOM
• 6. استایل‌دهی به عناصر داخل Shadow DOM
• 7. قوانین Cascade در Shadow DOM
• 8. ارتباط بین استایل‌های سراسری و Shadow DOM
• 9. استفاده از CSS Variables در Shadow DOM
• 10. ایجاد کامپوننت‌های قابل استفاده مجدد با Shadow DOM
• 11. انتقال داده بین کامپوننت‌ها و Shadow DOM
• 12. رویدادها در Shadow DOM و نحوه مدیریت آن‌ها
• 13. استفاده از Custom Elements با Shadow DOM
• 14. ایجاد اسلات‌ها (Slots) برای محتوای پویا
• 15. توزیع محتوا با استفاده از اسلات‌ها
• 16. استایل‌دهی به اسلات‌ها
• 17. دسترسی‌پذیری (Accessibility) در Shadow DOM
• 18. بهینه‌سازی عملکرد Shadow DOM
• 19. مدیریت چرخه‌ی حیات Shadow DOM
• 20. استفاده از Shadow DOM در فریم‌ورک‌های جاوااسکریپت
• 21. مقایسه Shadow DOM با Web Components
• 22. پیاده‌سازی Shadow DOM در مرورگرهای مختلف
• 23. عیب‌یابی مشکلات Shadow DOM
• 24. استفاده از Shadow DOM برای کپسوله‌سازی استایل‌ها
• 25. استفاده از Shadow DOM برای پنهان‌سازی پیاده‌سازی
• 26. بررسی امنیت Shadow DOM
• 27. تکنیک‌های پیشرفته استایل‌دهی در Shadow DOM
• 28. استفاده از Shadow Parts برای استایل‌دهی انتخابی
• 29. استفاده از CSS Shadow Parts
• 30. ایجاد تم‌های پویا با Shadow DOM
• 31. پیاده‌سازی Lazy Loading در Shadow DOM
• 32. انیمیشن‌ها در Shadow DOM
• 33. استفاده از Web Animations API با Shadow DOM
• 34. تعامل با عناصر Shadow DOM از طریق JavaScript
• 35. استفاده از Event Listeners در Shadow DOM
• 36. کنترل فوکوس در Shadow DOM
• 37. مدیریت رویدادهای Keyboard در Shadow DOM
• 38. استفاده از Shadow DOM برای ایجاد رابط‌های کاربری پیچیده
• 39. ساخت یک گالری تصاویر با Shadow DOM
• 40. ساخت یک فرم با Shadow DOM
• 41. ساخت یک منوی تاشو با Shadow DOM
• 42. استفاده از Shadow DOM برای ایجاد کامپوننت‌های نقشه
• 43. پیاده‌سازی یک کامپوننت ویدئویی با Shadow DOM
• 44. استفاده از Shadow DOM در برنامه‌های تک‌صفحه‌ای (SPA)
• 45. بهبود ساختار کد با استفاده از Shadow DOM