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

سرفصل ها و درس ها

مقدمه ای بر یادگیری جاوا اسکریپت DOM Introduction to learning JavaScript DOM

• مقدمه ای بر کد نویسی جاوا اسکریپت DOM برای عناصر صفحه تعاملی Introduction to the DOM JavaScript coding for interactive page elements

• بخش کد منبع درس و نمونه های کدگذاری DOM جاوا اسکریپت Section Lesson Source Code and JavaScript DOM coding Examples

• شیء سند و راه اندازی. Document Object and Setup.

• انتخاب عنصر صفحه Page Element Selection.

• چالش انتخاب عنصر Element Selection Challenge

• افزودن و حذف عناصر Adding and Removing Elements

• کد جاوا اسکریپت سبک عنصر DOM DOM DOM Element Style JavaScript Code DOM

• کد جاوا اسکریپت DOM کلیک رویدادها تعامل عنصر JavaScript Code DOM Click Events Element Interaction

• عناصر DOM جاوا اسکریپت پارامترهای شی رویداد E JavaScript DOM elements Event Object E Parameters

• Event Listeners در مقابل Handlers برای عناصر صفحه Event Listeners vs Handlers for page elements

• اضافه کردن شنوندگان رویداد به عناصر Adding Event Listeners to Elements

• شنوندگان رویداد جاوا اسکریپت JavaScript Event Listeners

• رویدادها در عناصر صفحه DOM فیلدهای فرم Events on Form Fields DOM page elements

• لیست تمرین List Exercise

• رویداد بارگیری شده محتوای DOM. DOM Content Loaded Event.

• شی پنجره و رویدادها Window Object and Events

• ویژگی های عنصر DOM DOM element attributes

• عنصر Get and Has ویژگی Element Get and Has attribute

• افزودن و حذف کلاس ها Adding and removing Classes

• پیمایش بین عناصر Traversing between elements

• تمرین فهرست عنصر صفحه DOM پویا. Dynamic DOM page element List Exercise.

• جنبش requestAnimationFrame requestAnimationFrame movement

• چالش کدنویسی انیمیشن Bouncing Ball Bouncing Ball Animation coding challenge

فیلد ورودی شمارنده کاراکتر Input field Character counter

• مقدمه ای بر نمونه های جاوا اسکریپت Introduction to JavaScript examples

• تنظیم شمارنده کاراکتر TextArea TextArea Character Counter Setup

• کد منبع Source Code

• افزودن Eventlisteners چندگانه Add Eventlisteners Multiple

• کد منبع Source Code

• شمارنده کاراکتر Character Counter

• کد منبع Source Code

• پیام هشدار کاراکتر Character Warning Message

• کد منبع Source Code

قطعه کد محتوا پیمایش عنصر Element Scrolling Content Code Snippet

• تنظیم پیمایش متن جاوا اسکریپت JavaScript Text Scroller Setup

• کد منبع Source Code

• راه اندازی جاوا اسکریپت اسکرول Setup Scroll JavaScript

• کد منبع Source Code

• تنظیم آماده اسکرول Ready set Scroll

• کد منبع Source Code

• ماوس بیش از درپوش Mouse Over stopper

• کد منبع Source Code

• تعاملی سرعت پویا Dynamic Speed Interactive

• کد منبع Source Code

• بررسی کد اسکرولر Scroller Code Review

Document Object Model - تمرین مینی اپلیکیشن Document Object Model - Practice mini application

• مدل شیء سند سرگرمی عنصر DOM DOM Element Fun Document Object Model

• کد منبع Source code

• کلون عناصر جاوا اسکریپت Clone elements JavaScript

• کد منبع Source Code

• جابجایی عناصر جدید Moving New Elements

• کد منبع Source Code

• جاوا اسکریپت چگونه عناصر جدید را بکشیم JavaScript how to Drag new elements

• کد منبع Source Code

• ایجاد یک مولد رنگ تصادفی Creating a Random Color Generator

• کد منبع Source Code

• سطل زباله برای عناصر Trash Bin for Elements

• کد منبع Source Code

• نحوه حذف عناصر از صفحه How to Remove Elements from Page

• کد منبع Source Code

• بررسی کد عناصر DOM Code Review DOM Elements

• کد منبع Source Code

کد تمرین و تمرینات جاوا اسکریپت پرسش و پاسخ در مورد جاوا اسکریپت JavaScript Practice code and exercises Questions and Answers about JavaScript

• بازی جاوا اسکریپت از بازی Scratch Number Lock Combo Guesser with Code JavaScript Game from Scratch Number Lock Combo Guesser Game with Code

• استفاده از روش های رشته و آرایه برای انتخاب و شمارش حروف صدادار رشته جاوا اسکریپت Using String and Array Methods to select and Count String Vowels JavaScript

• تمرین شمارش حروف صدادار رشته جاوا اسکریپت JavaScript Counting string vowels exercise

• واکشی داده JSON Fetching Data JSON

• محو شدن جاوا اسکریپت خالص Pure JavaScript Fade

• بسته شدن جاوا اسکریپت JavaScript Closure

• نمونه های تابع سفارش بالاتر higher Order Function examples