در این آموزش به بررسی نحوه مدیریت فرمها و رویدادهای مربوط به فیلدهای ورودی (Input) میپردازیم. یاد میگیریم چگونه دادههای فرم را دریافت کنیم، از رفتار پیشفرض ارسال فرم جلوگیری کنیم (preventDefault) و با رویدادهای کاربردی مانند Focus، Blur، Change و رویدادهای کیبورد در جاوااسکریپت کار کنیم.
در این آموزش، با انواع رویدادهای مربوط به موس در DOM آشنا میشویم. یاد میگیریم چگونه با رویدادهایی مانند کلیک، دابلکلیک، ورود و خروج موس (Enter/Leave vs Over/Out) و حرکت موس (MouseMove) تعاملات پیچیدهتری با صفحه وب ایجاد کنیم و از مختصات موس برای تغییرات داینامیک استفاده کنیم.
در این آموزش، نحوه تعامل با رابط کاربری (UI) از طریق رویدادها (Events) را بررسی میکنیم. یاد میگیریم چگونه با addEventListener به رویدادها گوش دهیم، رفتار پیشفرض عناصر را متوقف کنیم، از توابع نامدار استفاده کنیم و با بررسی شیء رویداد (Event Object)، به ویژگیهایی مانند target و مختصات موس دست
در این آموزش با نحوه جایگزینی عناصر قدیمی با عناصر جدید، حذف عناصر به دو روش مستقیم و از طریق والد، و نحوه مدیریت، اضافه و حذف کردن کلاسها و ویژگیها (Attributes) در جاوااسکریپت آشنا میشویم.
در این آموزش یاد میگیریم چگونه با JavaScript خالص یک عنصر جدید از صفر بسازیم، به آن کلاس، شناسه و ویژگی اضافه کنیم، برایش متن ایجاد کنیم و در نهایت آن را داخل DOM قرار دهیم. همچنین میبینیم چطور یک لینک با آیکن را بهصورت داینامیک به عنصر اضافه کنیم.
در این آموزش با مفهوم پیمایش یا Traversing در DOM آشنا میشویم. یاد میگیریم چگونه بعد از انتخاب یک عنصر، به سمت بالا (والد)، پایین (فرزندان) یا طرفین (همسایهها) حرکت کنیم. همچنین تفاوت بین گرههای متنی (Text Nodes) و عناصر HTML را بررسی کرده و یاد میگیریم چگونه فقط عناصر واقعی را هدف قرار دهیم.
در این آموزش با انتخابگرهای چندعنصری DOM در جاوااسکریپت آشنا میشویم. چگونه با استفاده از getElementsByClassName، getElementsByTagName و querySelectorAll چند عنصر را بهصورت همزمان انتخاب کنیم، تفاوت HTMLCollection و NodeList را بشناسیم، آنها را در صورت نیاز به آرایه تبدیل کنیم
در این آموزش، با متدهای انتخابگر یک المنت (Single Element Selectors) در جاوااسکریپت شامل getElementById و querySelector آشنا میشویم. یاد میگیریم که چگونه عناصر را بر اساس شناسه (ID)، کلاس یا تگ انتخاب کرده، استایلهای CSS آنها را به صورت داینامیک تغییر دهیم
ویژگیهای شیء document را بررسی کنیم؛ شیئی که در محیط مرورگر، نمایندهی سند HTML بارگذاریشده است و زیرمجموعهای از window محسوب میشود.