آموزش JavaScript DOM (Document Object Model)

Name: آموزش JavaScript DOM (Document Object Model)
Price: 9074000 IRR
Availability: InStock
Author: AI Academy

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

آموزش مقدماتی JavaScript DOM
آموزش متدهای هدف‌گیری در JavaScript DOM
آموزش متدهای دریافت و تنظیم مقدار در JavaScript DOM
آموزش querySelector و querySelectorAll در JavaScript DOM
آموزش متدهای استایل‌دهی CSS در JavaScript DOM
آموزش متد addEventListener در JavaScript
آموزش متدهای classList در JavaScript
آموزش متدهای parentElement و parentNode در JavaScript
آموزش متدهای Children و childNodes در JavaScript
آموزش متدهای firstChild و lastChild در JavaScript
آموزش متدهای nextSibling و previousSibling در JavaScript
آموزش createElement و createTextNode در JavaScript
آموزش appendChild و insertBefore در JavaScript
آموزش insertAdjacentElement و insertAdjacentHTML در JavaScript
آموزش replaceChild و removeChild در JavaScript
آموزش cloneNode در JavaScript
آموزش متد Contains در JavaScript
آموزش hasAttribute و hasChildNodes در JavaScript
آموزش isEqualNode در JavaScript
تمرین JavaScript DOM
آموزش مقدماتی JavaScript BOM
آموزش متد ارتفاع و عرض پنجره در JavaScript (BOM)
متد باز و بسته کردن پنجره در JavaScript
آموزش moveBy و moveTo پنجره در JavaScript
آموزش آبجکت History در JavaScript

پیش نیازهای دوره

دانش اولیه در مورد سینتکس JavaScript
و آشنایی قبلی با HTML و CSS

توضیحات دوره

چگونگی ساخت صفحات وب پویا و تعاملی را با استفاده از JavaScript برای تأثیرگذاری و دستکاری عناصر صفحه بیاموزید.

این یک دوره کاملاً مناسب برای مبتدیانی است که می‌خواهند درباره JavaScript DOM و BOM بیاموزند.

مدل آبجکت سند (DOM) یک رابط برنامه‌نویسی برای اسناد HTML و XML است. این مدل ساختار یک سند را به عنوان درختی از گره‌ها نشان می‌دهد که هر گره نمایانگر یک عنصر یا ویژگی از سند است. API مربوط به JavaScript DOM به توسعه‌دهندگان اجازه می‌دهد تا به عناصر یک صفحه وب دسترسی داشته باشند و آن‌ها را دستکاری کنند.

یکی از رایج‌ترین روش‌های استفاده از API DOM، انتخاب عناصر از سند با استفاده از متدهای ()document.querySelector یا ()document.querySelectorAll است. این متدها یک انتخابگر CSS را به عنوان آرگومان می‌گیرند و به ترتیب اولین عنصر یا تمام عناصری که با انتخابگر مطابقت دارند را برمی‌گردانند.

هنگامی که یک عنصر انتخاب شد، می‌توان آن را با استفاده از ویژگی‌ها و متدهای مختلف API DOM دستکاری کرد. برای مثال، از ویژگی innerHTML می‌توان برای تنظیم محتوای یک عنصر استفاده کرد، در حالی که از ویژگی classList می‌توان برای افزودن، حذف یا تغییر وضعیت کلاس‌های CSS روی یک عنصر استفاده نمود.

همچنین API DOM به توسعه‌دهندگان اجازه می‌دهد تا عناصر جدیدی ایجاد کنند و آن‌ها را به سند اضافه نمایند. متد ()document.createElement می‌تواند برای ایجاد یک عنصر جدید استفاده شود، در حالی که متد ()appendChild برای افزودن آن به سند کاربرد دارد.

همچنین API DOM قابلیت گوش دادن به رویدادها، مانند کلیک‌ها یا فشردن کلیدها روی عناصر را فراهم می‌کند. متد ()addEventListener می‌تواند برای متصل کردن یک شنونده رویداد به یک عنصر استفاده شود که هنگام وقوع رویداد فراخوانی می‌شود.

به‌طور خلاصه، API مربوط به JavaScript DOM مجموعه غنی از ابزارها را برای تعامل با عناصر یک صفحه وب فراهم می‌کند. این API به توسعه‌دهندگان اجازه می‌دهد تا عناصر را انتخاب و دستکاری کنند، عناصر جدید بسازند و به رویدادهای روی عناصر گوش دهند. درک و استفاده از API DOM برای ساخت صفحات وب پویا و تعاملی حیاتی است.

این دوره برای چه کسانی مناسب است؟

توسعه‌دهندگان و طراحان وب

آموزش JavaScript DOM (Document Object Model)

فصل 1: مقدمه

مقدمه 03:36

فصل 2: آموزش متدهای هدف‌گیری در JavaScript DOM

آموزش متدهای هدف‌گیری در JavaScript DOM 09:49
آموزش متدهای هدف‌گیری در JavaScript DOM - قسمت 2 06:47
کدام یک از متدهای زیر آرایه‌ای از تمام عناصر موجود در یک صفحه وب را برمی‌گرداند؟ None