کتاب صوتی Shadow DOM: معماری مدرن فرانت‌اند

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

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

عنوان دوره: دوره Shadow DOM: معماری مدرن فرانت‌اند

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

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

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

• 1. معرفی Shadow DOM و جایگاه آن در توسعه وب
• 2. مفاهیم پایه‌ای DOM و تفاوت آن با Shadow DOM
• 3. مزایای استفاده از Shadow DOM در توسعه رابط کاربری
• 4. ایجاد یک Shadow Root و اتصال آن به یک عنصر
• 5. کپسوله‌سازی استایل‌ها در Shadow DOM
• 6. کپسوله‌سازی اسکریپت‌ها در Shadow DOM
• 7. انتخاب عناصر درون Shadow DOM با استفاده از querySelector
• 8. انتخاب عناصر درون Shadow DOM با استفاده از querySelectorAll
• 9. مدیریت رویدادها در Shadow DOM
• 10. ارتباط بین Shadow DOM و DOM اصلی
• 11. استفاده از Shadow DOM برای ایجاد کامپوننت‌های قابل استفاده مجدد
• 12. ساخت یک کامپوننت ساده با استفاده از Shadow DOM
• 13. استفاده از Slotها برای افزودن محتوا به Shadow DOM
• 14. Slotها و تخصیص نام (named slots)
• 15. Slotها و توزیع محتوا (distributed slots)
• 16. استفاده از Shadow DOM در فریم‌ورک‌های جاوااسکریپتی
• 17. Shadow DOM و Web Components
• 18. Shadow DOM و Polymer
• 19. Shadow DOM و LitElement
• 20. Shadow DOM و Angular
• 21. Shadow DOM و React
• 22. Shadow DOM و Vue.js
• 23. بهینه‌سازی عملکرد Shadow DOM
• 24. تکنیک‌های کاهش بارگذاری Shadow DOM
• 25. بررسی تفاوت‌های Shadow DOM در مرورگرهای مختلف
• 26. سازگاری Shadow DOM با مرورگرهای قدیمی
• 27. استفاده از Polyfill برای پشتیبانی از Shadow DOM در مرورگرهای قدیمی
• 28. مدیریت استایل‌های سراسری در Shadow DOM
• 29. استفاده از CSS Custom Properties (Variables) در Shadow DOM
• 30. استفاده از CSS Shadow Parts در Shadow DOM
• 31. استفاده از Shadow DOM برای ایجاد کامپوننت‌های فرم
• 32. اعتبارسنجی فرم‌ها در Shadow DOM
• 33. استفاده از Shadow DOM برای ایجاد کامپوننت‌های ویدئویی
• 34. کنترل پخش ویدئو در Shadow DOM
• 35. استفاده از Shadow DOM برای ایجاد کامپوننت‌های صوتی
• 36. کنترل پخش صدا در Shadow DOM
• 37. استفاده از Shadow DOM برای ایجاد کامپوننت‌های نقشه
• 38. تعامل با APIهای نقشه در Shadow DOM
• 39. استفاده از Shadow DOM برای ایجاد کامپوننت‌های نمودار
• 40. رندر نمودارها در Shadow DOM
• 41. استفاده از Shadow DOM برای ایجاد کامپوننت‌های تقویم
• 42. انتخاب تاریخ در Shadow DOM
• 43. استفاده از Shadow DOM برای ایجاد کامپوننت‌های آکاردئون
• 44. نمایش و پنهان کردن محتوا در Shadow DOM
• 45. استفاده از Shadow DOM برای ایجاد کامپوننت‌های تب