آموزش Document Object Model Series 2021 - قسمت 4: رویدادهای DOM (ایجاد، گوش دادن و واکنش به رویدادها)

درس ها Lessons

• انواع رویداد - لمس و پنجره Event types - touch and window

• نوع رویداد فرم - مثال Form event type - example

• متد ()adEventListener The addEventListener() method

• شنوندگان رویداد درون خطی Inline event listeners

• تابع callback چیست؟ What is a callback function

• انواع رویداد - ماوس و صفحه کلید Event Types - mouse and keyboard

• متد addEventListener() - نمای کلی The addEventListener() method - detailed overview

• چالش برای شنونده رویداد درون خطی - مقدمه Challenge for inline event listener - intro

• شنونده رویداد درون خطی - نمای کلی دقیق Inline event listener - detailed overview

• چالش برای شنوندگان رویداد - مقدمه Challenge for event listeners - intro

• کلاس Outro Class Outro

• Class Project - رفتار و مهر زمانی پیش‌فرض Class Project - default behavior and timestamp

• نوع رویداد فرم - اضافه کردن جاوا اسکریپت Form event type - adding JavaScript

• مثال رویداد Keydown Keydown event example

• چالش برای شنونده رویداد درون خطی - راه حل Challenge for inline event listener - solution

• چالش برای خواص درون خطی - مقدمه Challenge for inline properties - intro

• چالش برای شنوندگان رویداد - راه حل Challenge for event listeners - solution

• خلاصه Summary

• ویژگی های درون خطی Inline properties

• چالش برای خواص درون خطی - ساختن HTML ما Challenge for inline properties - building our HTML

• دو نکته مهم که باید بدانید Two most important things to know

• اتفاق چیست What is an event

• پروژه کلاس - ساخت HTML ما Class Project - building our HTML

• پروژه کلاس - مقدمه Class Project - intro

• چالش برای خواص درون خطی - راه حل Challenge for inline properties - solution

• روش toString() چگونه کار می کند How does the toString() method work

• ویژگی های درون خطی - نمای کلی دقیق Inline properties - detailed overview

• بیت در مقابل بایت در مقابل هگزادسیمال Bit vs Byte vs Hexadecimal

• چالش برای شنوندگان رویداد - ساختن HTML ما Challenge for event listeners - building our HTML

• پروژه کلاس - با استفاده از رویداد ورودی، رویداد تمرکز و رویداد کپی Class Project - using the input event, focus event and copy event

• روش های مختلف برای تعریف یک رنگ Different ways to define a color

• معرفی کلاس - رویدادهای DOM Class Introduction - DOM Events

• چالش برای شنونده رویداد درون خطی - ساخت HTML ما Challenge for inline event listener - building our HTML

• انواع رویداد - فرم ها Event types - forms

درس ها Lessons

• انواع رویداد - فرم ها Event types - forms

• متد addEventListener() - نمای کلی The addEventListener() method - detailed overview

• Class Project - رفتار و مهر زمانی پیش‌فرض Class Project - default behavior and timestamp

• چالش برای شنونده رویداد درون خطی - ساخت HTML ما Challenge for inline event listener - building our HTML

• شنونده رویداد درون خطی - نمای کلی دقیق Inline event listener - detailed overview

• چالش برای خواص درون خطی - راه حل Challenge for inline properties - solution

• چالش برای خواص درون خطی - ساختن HTML ما Challenge for inline properties - building our HTML

• پروژه کلاس - ساخت HTML ما Class Project - building our HTML

• نوع رویداد فرم - مثال Form event type - example

• چالش برای شنوندگان رویداد - راه حل Challenge for event listeners - solution

• روش toString() چگونه کار می کند How does the toString() method work

• دو نکته مهم که باید بدانید Two most important things to know

• تابع callback چیست؟ What is a callback function

• روش های مختلف برای تعریف یک رنگ Different ways to define a color

• اتفاق چیست What is an event

• انواع رویداد - ماوس و صفحه کلید Event Types - mouse and keyboard

• چالش برای شنونده رویداد درون خطی - مقدمه Challenge for inline event listener - intro

• ویژگی های درون خطی - نمای کلی دقیق Inline properties - detailed overview

• چالش برای خواص درون خطی - مقدمه Challenge for inline properties - intro

• معرفی کلاس - رویدادهای DOM Class Introduction - DOM Events

• پروژه کلاس - مقدمه Class Project - intro

• خلاصه Summary

• چالش برای شنوندگان رویداد - مقدمه Challenge for event listeners - intro

• مثال رویداد Keydown Keydown event example

• متد ()adEventListener The addEventListener() method

• چالش برای شنونده رویداد درون خطی - راه حل Challenge for inline event listener - solution

• بیت در مقابل بایت در مقابل هگزادسیمال Bit vs Byte vs Hexadecimal

• شنوندگان رویداد درون خطی Inline event listeners

• کلاس Outro Class Outro

• نوع رویداد فرم - اضافه کردن جاوا اسکریپت Form event type - adding JavaScript

• پروژه کلاس - با استفاده از رویداد ورودی، رویداد تمرکز و رویداد کپی Class Project - using the input event, focus event and copy event

• چالش برای شنوندگان رویداد - ساختن HTML ما Challenge for event listeners - building our HTML

• انواع رویداد - لمس و پنجره Event types - touch and window

• ویژگی های درون خطی Inline properties