فلش‌کارت‌های آموزشی آموزش جامع کار با DOM در جاوا اسکریپت

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

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

عنوان دوره: دوره آموزش جامع کار با DOM در جاوا اسکریپت

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مدل شیء سند (DOM) چیست و چرا اهمیت دارد
• 2. دسترسی به المان‌ها با متد getElementById
• 3. دسترسی به المان‌ها با متد getElementsByClassName
• 4. دسترسی به المان‌ها با متد getElementsByTagName
• 5. دسترسی به المان‌ها با متد querySelector و querySelectorAll
• 6. پیمایش درخت DOM با parentNode و childNodes
• 7. پیمایش المان‌های هم‌سطح با nextSibling و previousSibling
• 8. تفاوت بین NodeList و HTMLCollection
• 9. تغییر محتوای متنی المان‌ها با textContent و innerText
• 10. تغییر محتوای HTML داخلی با innerHTML
• 11. دستکاری ویژگی‌های المان با getAttribute و setAttribute
• 12. حذف ویژگی‌های المان با removeAttribute
• 13. کار با ویژگی‌های data-* در HTML
• 14. اضافه کردن المان جدید با createElement و appendChild
• 15. درج المان در موقعیت خاص با insertBefore
• 16. جایگزینی و حذف المان‌ها با replaceChild و removeChild
• 17. کلون کردن المان‌ها با cloneNode
• 18. مدیریت کلاس‌های CSS با classList (add, remove, toggle)
• 19. دستکاری استایل‌های درون‌خطی با خاصیت style
• 20. دریافت استایل‌های محاسبه شده با getComputedStyle
• 21. ایجاد و استفاده از فهرست‌های نامرتب به صورت پویا
• 22. ایجاد جداول پویا با DOM
• 23. کار با فرم‌ها و دریافت مقادیر ورودی
• 24. رویدادها و مدل رویداد در DOM
• 25. اضافه کردن شنونده رویداد با addEventListener
• 26. حذف شنونده رویداد با removeEventListener
• 27. شیء رویداد و ویژگی‌های آن (target, type, currentTarget)
• 28. جلوگیری از رفتار پیش‌فرض رویداد با preventDefault
• 29. متوقف کردن انتشار رویداد با stopPropagation
• 30. رویدادهای ماوس (click, dblclick, mouseover, mouseout)
• 31. رویدادهای صفحه کلید (keydown, keyup, keypress)
• 32. رویدادهای فوکوس (focus, blur)
• 33. رویدادهای فرم (submit, change, input)
• 34. رویدادهای بارگذاری (load, DOMContentLoaded)
• 35. تفاوت بین رویدادهای bubbling و capturing
• 36. واگذاری رویداد (Event Delegation) برای عملکرد بهتر
• 37. کار با تایمرها (setTimeout, setInterval) در DOM
• 38. دریافت و تغییر موقعیت المان با offsetTop و offsetLeft
• 39. دریافت ابعاد المان با offsetWidth و offsetHeight
• 40. دریافت ابعاد viewport با innerWidth و innerHeight
• 41. اسکرول کردن به المان با scrollIntoView
• 42. مدیریت اسکرول پنجره با رویداد scroll
• 43. تغییر موقعیت المان با خاصیت style (top, left)
• 44. انیمیشن‌های ساده با requestAnimationFrame
• 45. کار با ویژگی‌های سفارشی در المان‌ها
• 46. دسترسی به المان‌های والد با closest
• 47. کار با شبه‌المان‌ها از طریق JavaScript
• 48. مدیریت فایل‌های ورودی و خواندن محتوا
• 49. ایجاد و مدیریت المان‌های canvas
• 50. کار با تصاویر و بارگذاری پویا
• 51. ایجاد المان‌های ویدیویی و صوتی پویا
• 52. مدیریت استایل‌های چندگانه با cssText
• 53. حذف المان‌های تکراری یا نامعتبر از DOM
• 54. بهینه‌سازی عملکرد با DocumentFragment
• 55. مدیریت رویدادهای لمسی (touchstart, touchmove)
• 56. کار با شیء Location و تغییر مسیر صفحه
• 57. مدیریت تاریخچه مرورگر با History API
• 58. کپی و چسباندن محتوا با Clipboard API
• 59. ایجاد عناصر فرم سفارشی (range, color)
• 60. مدیریت کشیدن و رها کردن (Drag and Drop)
• 61. کار با ویژگی contenteditable و ویرایش درون‌صفحه‌ای
• 62. بررسی وجود المان در DOM با contains
• 63. مدیریت المان‌های مخفی و نمایش با visibility و display
• 64. تفاوت بین innerHTML و createTextNode در امنیت
• 65. مدیریت خطاهای رایج در دستکاری DOM
• 66. نکات نهایی و الگوهای تمیز در کدنویسی DOM