جاوا اسکریپت: تقویت DOM (2013)

مدرس Ray Villalobos

انتشار 2013/06/10

مدت زمان 2h 3m

سطح متوسط

فایل تمرینی دارد

آموزش JavaScript: Enhancing the DOM (2013)

Document Object Model (DOM) در هسته هر صفحه HTML قرار دارد. به منظور توسعه صفحات HTML پویا، یک توسعه‌دهنده فرانت‌اند باید بداند که چگونه جاوا اسکریپت به DOM متصل می‌شود و چگونه آن را کنترل می‌کند و به شما امکان می‌دهد محتوای صفحه موجود را ایجاد، اصلاح، حذف و ویرایش کنید. این دوره بر کمک به درک عناصر DOM تمرکز دارد و راه های مختلفی را نشان می دهد که جاوا اسکریپت به شما امکان دسترسی به آنها را می دهد و کار با DOM را آسان تر می کند. نویسنده Ray Villalobos پیمایش در DOM، انتخاب عناصر، اصلاح ویژگی‌های HTML، ویرایش گره‌ها و موارد دیگر را پوشش می‌دهد.

Document Object Model (DOM) Front-end Development HTML JavaScript

Introduction

Welcome ()

What you should know before watching this course ()

Using the exercise files ()

1. Getting Started

What is the Document Object Model (DOM)? ()

Navigating the DOM with developer tools ()

Testing JavaScript commands with the console ()

Communicating with the console through JavaScript ()

2. Selecting the DOM

Selecting elements with getElementById ()

Choosing elements by HTML tag ()

Isolating elements by class name ()

Querying CSS to select elements ()

Working with named form elements ()

Understanding nodeType, nodeName, and nodeValue ()

Traversing up and down DOM nodes ()

Targeting node elements ()

3. Modifying DOM Attributes and Content

Changing HTML attributes ()

Working with restricted attributes ()

Detecting data attributes ()

Controlling classes with the HTML5 classList ()

Targeting the attributes property ()

Using text content modifiers ()

Modifying elements as text ()

4. Inserting and Deleting Nodes

Creating and appending nodes ()

Controlling node insertions with insertBefore ()

Cloning and removing nodes ()

Replacing existing nodes ()

5. The DOM in Action

What we'll build ()

Adding a bubbling event listener ()

Creating and styling an overlay with JavaScript ()

Adding an image ()

Resizing images in the DOM ()

Centering an image ()

Handling clicks ()

Adjusting for scrolling ()

Detecting and adjusting for a window resize ()

Conclusion

Next steps ()

Ex_Files_EtDom.zip (300.3 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.