کتاب صوتی کامپوننت‌های کپسوله با Shadow DOM

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

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

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

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

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

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

• 1. مقدمه‌ای بر کامپوننت‌های وب
• 2. مروری بر معماری کامپوننت‌محور
• 3. کامپوننت‌های وب و استانداردهای مربوطه
• 4. معرفی Shadow DOM: مفهوم و مزایا
• 5. ایجاد Shadow Root: روش‌ها و کاربردها
• 6. ساختار داخلی Shadow DOM: Slotها، Templateها
• 7. استایل‌دهی به کامپوننت‌های Shadow DOM
• 8. کپسوله‌سازی استایل‌ها: جلوگیری از تداخل
• 9. ارتباط بین کامپوننت و Shadow DOM
• 10. دسترسی به DOM خارجی از درون Shadow DOM
• 11. رویدادها در Shadow DOM: انتشار و هندلینگ
• 12. کامپوننت‌های سفارشی (Custom Elements)
• 13. تعریف کامپوننت‌های سفارشی با JavaScript
• 14. چرخه حیات کامپوننت‌های سفارشی
• 15. استفاده از Templateها برای ساختار کامپوننت‌ها
• 16. داده‌بندی (Data Binding) در کامپوننت‌ها
• 17. مدیریت State در کامپوننت‌های Shadow DOM
• 18. ارتباط کامپوننت‌ها با یکدیگر
• 19. استفاده از Event Dispatcher برای ارتباط
• 20. کامپوننت‌های Shadow DOM در فریم‌ورک‌های جاوااسکریپت
• 21. سازگاری Shadow DOM با مرورگرهای مختلف
• 22. بهینه‌سازی عملکرد کامپوننت‌های Shadow DOM
• 23. تکنیک‌های لودینگ سریع‌تر کامپوننت‌ها
• 24. استفاده از Lazy Loading در کامپوننت‌ها
• 25. آزمون و دیباگ کامپوننت‌های Shadow DOM
• 26. ابزارهای توسعه مرورگر برای Shadow DOM
• 27. استفاده از Shadow DOM در طراحی رابط کاربری
• 28. ایجاد کامپوننت‌های قابل‌استفاده مجدد
• 29. کامپوننت‌های Shadow DOM و دسترس‌پذیری (Accessibility)
• 30. رعایت استانداردهای ARIA در Shadow DOM
• 31. کامپوننت‌های Shadow DOM و SEO
• 32. بهینه‌سازی کامپوننت‌ها برای موتورهای جستجو
• 33. استفاده از Shadow DOM برای ایزوله کردن CSS
• 34. حل مشکلات رایج در Shadow DOM
• 35. کامپوننت‌های Shadow DOM و امنیت
• 36. جلوگیری از حملات XSS در Shadow DOM
• 37. کامپوننت‌های Shadow DOM و Server-Side Rendering
• 38. استفاده از Shadow DOM در محیط Node.js
• 39. مثال‌های عملی از کامپوننت‌های Shadow DOM
• 40. ساخت یک کامپوننت تاریخ‌ساز با Shadow DOM
• 41. ساخت یک کامپوننت نمایش پیام با Shadow DOM
• 42. ساخت یک کامپوننت فرم با Shadow DOM
• 43. ساخت یک کامپوننت نوار ابزار با Shadow DOM
• 44. کاربرد Shadow DOM در کتابخانه‌های UI
• 45. مقایسه Shadow DOM با iframe