آموزش JavaScript DOM صفحات وب پویا تعاملی ایجاد کنید

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

مقدمه ای بر جاوا اسکریپت و محتوای صفحات وب تعاملی Introduction to JavaScript and Interactive web page content

• نحوه ایجاد صفحات وب پویا تعاملی با جاوا اسکریپت مقدمه How to create Dynamic Interactive Web Pages with JavaScript Introduction

• چالش های راهنمای کدنویسی جاوا اسکریپت و کد منبع برای درس ها JavaScript Coding Guide Challenges and Source Code for lessons

• شروع به نوشتن کد نحوه کدنویسی با جاوا اسکریپت Getting started writing code how to code with Javascript

• شروع به نوشتن کد نحوه کدنویسی با جاوا اسکریپت با افزودن جاوا اسکریپت Getting started writing code how to code with Javascript adding JavaScript

• نکات کد جاوا اسکریپت و یاد بگیرید که چگونه با جاوا اسکریپت شروع کنید JavaScript Code Tips and Learn how to start with JavaScript

• نحوه استفاده از متغیرها در جاوا اسکریپت How to use variables in JavaScript

• JavaScript Dynamic Type Conversion چیست و چگونه کار می کند What is JavaScript Dynamic Type Conversion and how it works

• قوانین نامگذاری متغیر چگونه متغیرهای جاوا اسکریپت را اعلام کنیم Variable naming Rules how to declare JavaScript Variables

• آرایه ها و اشیاء در مثال های کدنویسی جاوا اسکریپت Arrays and Objects in JavaScript coding examples

• جاوا اسکریپت نحوه استفاده از توابع در کد را نشان می دهد JavaScript Functions how functions can be used in code

• مدل شی سند جاوا اسکریپت برای صفحات وب تعاملی JavaScript Document Object Model for interactive web pages

• روش های DOM با جاوا اسکریپت عناصر صفحه HTML را انتخاب می کنند DOM methods with JavaScript select HTML page elements

• شرایط منطقی با جاوا اسکریپت if Statement Switch Logic Conditions with JavaScript if Statement Switch

• عملگرها در جاوا اسکریپت چگونه عملگرها را اعمال کنیم Operators in JavaScript How to apply operators

• اپراتور سه تایی جاوا اسکریپت شرایط یک عبارت کوتاه Ternary Operator JavaScript Short one statement conditions

• مقادیر تصادفی ریاضی جاوا اسکریپت اعداد تصادفی دریافت می کند Math Random Values JavaScript get Random Numbers

• جاوا اسکریپت برای، while Do while حلقه ها بلوک های کد را اجرا می کنند JavaScript For, While Do While Loops Run blocks of code

• اشیاء جاوا اسکریپت نحوه استفاده از اشیاء در کد JavaScript Objects how to use Objects in code

• ساخت شی با کد نویسی جاوا اسکریپت Object Construction with JavaScript coding

• روش‌های رایج آرایه جاوا اسکریپت برای به‌روزرسانی مقادیر آرایه Common JavaScript Array Methods to Update Array values

• حلقه زدن از طریق محتویات آرایه برای هر روش و حلقه ها برای داده های آرایه Looping through Array contents forEach Methods and for loops for array data

• روش‌های آرایه برای موارد موجود در کدگذاری آرایه جاوا اسکریپت Array Methods for Items contained in the array JavaScript coding

• روش های آرایه برای مرتب سازی آیتم های آرایه با استفاده از آرایه تصادفی جاوا اسکریپت Array Methods for Sorting Array items using JavaScript Random Array

• روش آرایه جاوا اسکریپت مثال هایی برای یافتن آیتم های آرایه JavaScript Array Method Examples to find array items

• قابلیت رایج روش های رشته جاوا اسکریپت JavaScript String Methods common functionality

• بازی تعاملی کلمه Scramble با حروف جاوا اسکریپت به صورت رشته ای Interactive Word Scramble Game with JavaScript shuffle letters in strings

• LocalStorage با جاوا اسکریپت JSON تجزیه و Stringify از اشیا LocalStorage with JavaScript JSON parse and Stringify of Objects

تعامل صفحه وب DOM با جاوا اسکریپت DOM web page interaction with JavaScript

• مقدمه ای بر جاوا اسکریپت و DOM Introduction to JavaScript and the DOM

• راهنمای دانلود PDF صفحات وب پویا و تعاملی جاوا اسکریپت DOM Dynamic and Interactive Web pages JavaScript DOM download PDF guide

• مقدمه ای بر جاوا اسکریپت و DOM نحوه ایجاد صفحات وب تعاملی Introduction to JavaScript and the DOM how to create interactive web pages

• ایجاد و حذف عناصر با کد جاوا اسکریپت Creating and Deleting Elements with JavaScript Code

• فهرست‌ها انتقال عناصر از والد به عناصر دیگر، جاوا اسکریپت فهرست دیگری Lists Move Elements from Parent to other element Items Another List JavaScript

• رویدادهای بارگیری AddEventListeners OnLoad و DOM در جاوا اسکریپت AddEventListeners OnLoad and DOM loading events in JavaScript

• Form Select و Input فیلدهای مقادیر و ایجاد عناصر مثال جاوا اسکریپت Form Select and Input fields values and creation of elements JavaScript Example

• ماوس DOM و رویدادهای صفحه کلید شنوندگان رویداد صفحه تعامل ایجاد می کنند DOM mouse and Keyboard events Page event listeners create Interactions

• JavaScript RequestAnimationFrame انیمیشن های روان در DOM Ball bouncing JavaScript RequestAnimationFrame smooth Animations within the DOM Ball bouncing

پروژه های وب تعاملی و پویا با نمونه های DOM کد جاوا اسکریپت Interactive and Dynamic Web projects with JavaScript code DOM examples

• مقدمه ای بر پروژه های کدنویسی با استفاده از صفحات وب پویا DOM جاوا اسکریپت Introduction to Coding Projects using JavaScript DOM dynamic web pages

• بخش کد منبع و راهنمای دانلود برای دروس Section Source Code and Download Guide for lessons

• جدول رنگ پس زمینه سرگرمی ایجاد جدول با جاوا اسکریپت Background Color Table Fun Create Table with JavaScript

• انتخابگر عنصر و تعویض عناصر در کد جاوا اسکریپت DOM Element Selector and Swap of Elements within the DOM JavaScript Code

• JavaScript Dynamic Modal از Data Object ایجاد مدال با کد JavaScript Dynamic Modal from Data Object Create Modals with Code

• کلیک‌کننده‌های صفحه، شمارنده‌های کلیک تعاملی پویا ایجاد می‌کنند Page Clickers Create Dynamic Interactive Click Counters

• سازنده کلمات تصادفی با روش های رشته جاوا اسکریپت Random Words Maker with JavaScript String Methods

• ردیاب پیمایش نوار اسکرول موقعیت اسکرول در صفحه را محاسبه کنید Scrollbar scroll tracker Calculate the Scroll position on the page

• امتحان ریاضی و شروع و توقف شمارنده با جاوا اسکریپت Math Quiz and Start and Stop Counters with JavaScript

• دینامیک تعاملی جاوا اسکریپت حافظه DOM بازی CSS Grid و Game Logic Dynamic Interactive JavaScript DOM memory Game CSS Grid and Game Logic

• پویا جاوا اسکریپت سکه چرخاندن بازی DOM بازی چالش کدگذاری Dynamic JavaScript Coin Flipping game DOM game Coding Challenge

• بازی کارت های نبرد جاوا اسکریپت با استفاده از روش های آرایه JavaScript Battle Cards Game using Array methods

پروژه های DOM و نمونه های کدنویسی DOM Projects and Coding Examples

• کد منبع پروژه های DOM DOM Projects Source Code

• کد تکراری مجموعه پروژه کدگذاری جاوا اسکریپت JavaScript Coding Project Set Interval repeat code

• پروژه کدنویسی جاوا اسکریپت GetTime For Timer با استفاده از تاریخ JavaScript Coding Project GetTime For Timer using Date

• پروژه کد نویسی جاوا اسکریپت ساعت ها و روزهای پس از مهر زمان میلی ثانیه ای زمان JavaScript Coding Project Hours and Days since timestamp millisecond Epoch time

• پروژه بازی تایپ جاوا اسکریپت از ابتدا کلمات تصادفی و بازی دقت را نشان می دهد JavaScript Typing Game Project from scratch show random words and accuracy game

منابع و پیوندهای دوره Resources and Course Links

• انتخاب عنصر Element Selection

• LocalStorage ذخیره اشیاء مثال کد جاوا اسکریپت LocalStorage Saving Objects JavaScript Code Example

• JSON تجزیه و تحلیل LocalStorage Saving Objects Coding مثال JSON Parse LocalStorage Saving Objects Coding example

نمونه های کدنویسی سوالات و پاسخ های جاوا اسکریپت قطعه کد Coding Examples JavaScript Questions and Answers Code Snippets

• نمونه های کدنویسی کد منبع Coding Examples Source Code

• محدوده بلوک اعلان متغیر Let and Const Variable Declaration Block Scope Let and Const

• حلقه های تکرار شونده با for in و for نمونه های جاوا اسکریپت Iterable loops with for in and for of JavaScript Examples

• تایمر شمارش معکوس جاوا اسکریپت در صفحه وب DOM JavaScript Countdown timer on web page DOM

• جاوا اسکریپت شیء Literals JavaScript Object Literals

• نمونه های شی جاوا اسکریپت مقادیر خصوصی JavaScript Object Instances Private values

• SpreadOperator با جاوا اسکریپت SpreadOperator with JavaScript

• شمارش حروف صدادار رشته با RegExp Counting String Vowels with RegExp

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

محتوای دوره قدیمی لطفاً فقط برای مرجع استفاده کنید زیرا این محتوا اکنون پوشش داده شده است OLD course content Please only use for Reference as this content is now covered

• لطفا توجه داشته باشید که دروس این بخش از نسخه قدیمی است Please note that the lessons in this section are from the older version

• مقدمه ای بر DOM Introduction to the DOM

• تنظیم منابع دوره Course Resource Setup

• DOM چیست؟ What is the DOM

• منابع DOM DOM Resources

• مقدار Node را با استفاده از جاوا اسکریپت انتخاب کنید Select Node value using JavaScript

• اشیاء جاوا اسکریپت و انتخاب در DOM JavaScript Objects and selection within the DOM

• کد منبع اشیاء جاوا اسکریپت Source Code JavaScript Objects

• مدل شیء ویندوز Windows Object Model

• روش نوشتن سند document write method

• انتخاب عناصر با شناسه Selecting Elements by ID

• محتوای Output Div را از فرم ورودی به‌روزرسانی کنید Update Output Div content from input form

• ورودی کد منبع برای به روز رسانی div خروجی Source Code input to update output div

• عناصر بر اساس نام برچسب را انتخاب کنید Select Elements By Tag Name

• انتخاب عناصر بر اساس کلاس Selecting elements by Class

• کد منبع انتخاب عناصر Source Code Selection of Elements

• انتخابگر درخواست سند document query Selector

• انتخاب هایی مانند CSS Making Selections like CSS

• کد منبع انتخاب پرس و جو Query Selection Source Code

• عبور از DOM Traversing the DOM

• چالش کد منبع Source Code Challenge

• یک ظاهر طراحی شده را به عناصر پویا اضافه کنید Add styling to Elements Dynamically

• استایل کد منبع Source Code Styling

• افزودن و حذف عناصر با استفاده از جاوا اسکریپت Append and Remove Elements using JavaScript

• کد منبع اضافه و حذف کنید Source Code Append and Remove

• شنوندگان رویداد را با استفاده از جاوا اسکریپت به عناصر اضافه کنید Add Event listeners to elements using JavaScript

• شنوندگان رویداد روی رویدادها کلیک می کنند Event listeners click events

• شنوندگان رویداد کد منبع Source Code Event Listeners

• ماوس را روی عناصر قرار دهید تا رنگ پس‌زمینه را تغییر دهند Hover over elements make them change background color

• کد منبع شناور Source Code Hover

• پنجره های پاپ آپ تصویر Image popup windows

• پنجره بازشو تصاویر کد منبع Source Code images popup window

• فهرست منابع Resource List