آموزش JavaScript DOM - ساخت صفحات وب تعاملی و پویا - آخرین آپدیت

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

• مقدمه Introduction

• نحوه ساخت صفحات وب تعاملی و پویا با جاوااسکریپت How to Create Dynamic Interactive Webpages with JavaScript

• شروع یادگیری و نحوه کدنویسی با جاوااسکریپت Getting Started on How to Start Coding with JavaScript

• نحوه کدنویسی و افزودن جاوااسکریپت به پروژه How to Code with JavaScript Adding JavaScript

• نکات کدنویسی جاوااسکریپت و آموزش شروع کار JavaScript Code Tips and Learn How to Start with JavaScript

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

• تبدیل نوع پویا (Dynamic Type Conversion) در جاوااسکریپت و نحوه عملکرد آن What Is JavaScript Dynamic Type Conversion and How It Works

• قوانین نام‌گذاری و نحوه تعریف متغیرها در جاوااسکریپت Variable Naming Rules on How to Declare JavaScript Variables

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

• توابع جاوااسکریپت – نحوه استفاده از توابع در کد JavaScript Functions – How Functions Can Be Used in Code

• مدل شیء سند (DOM) جاوااسکریپت برای صفحات وب تعاملی JavaScript Document Object Model for Interactive Webpages

• متدهای DOM در جاوااسکریپت برای انتخاب عناصر صفحات HTML DOM Methods with JavaScript Select HTML Pages Elements

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

• عملگرها در جاوااسکریپت – نحوه به‌کارگیری عملگرها Operators in JavaScript – How to Apply Operators

• عملگر سه‌گانه (Ternary Operator) برای شرط‌های تک‌خطی در جاوااسکریپت Ternary Operator JavaScript Short One Statement Conditions

• مقادیر تصادفی Math.random در جاوااسکریپت – تولید اعداد رندوم Math Random Values JavaScript – Get Random Numbers

• حلقه‌های for، while و do while در جاوااسکریپت – اجرای بلوک‌های کد JavaScript for While and Do While Loops – Run Blocks of Code

• اشیاء (Objects) در جاوااسکریپت – نحوه استفاده از اشیاء در کد JavaScript Objects – How to Use Objects in Code

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

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

• پیمایش محتویات آرایه با متدهای forEach و حلقه‌های for 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

• متدهای رشته (String) در جاوااسکریپت و قابلیت‌های رایج آن‌ها JavaScript String Methods Common Functionality

• ساخت بازی تعاملی جابجایی کلمات با متدهای Shuffle رشته‌ها Interactive Word Scramble Game with JavaScript Shuffle Letters in Strings

• استفاده از LocalStorage، JSON.parse و JSON.stringify برای اشیاء LocalStorage with JavaScript JSON Parse and Stringify of Objects

تعامل با صفحات وب DOM با استفاده از جاوااسکریپت DOM Webpage Interaction with JavaScript

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

• آشنایی با جاوااسکریپت و DOM و نحوه ساخت صفحات تعاملی Introduction to JavaScript and the DOM How to Create Interactive Webpages

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

• کار با لیست‌ها: جابجایی عناصر از یک والد به آیتم‌های لیست دیگر Lists Move Elements from Parent to Other Element Items Another List JavaScript

• استفاده از addEventListeners و رویدادهای بارگذاری DOM AddEventListeners and DOM Loading Events in JavaScript

• مقادیر فیلدهای Select و Input و ساخت عناصر در جاوااسکریپت Form Select and Input Fields Values and Creation of Elements JavaScript Example

• رویدادهای موس و کیبورد در DOM و ایجاد تعاملات با Event Listeners DOM Mouse and Keyboard Events Page Event Listeners Create Interactions

• استفاده از requestAnimationFrame برای انیمیشن‌های نرم (مثال توپ 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 Webpages

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

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

• ساخت مودال (Modal) پویا از روی آبجکت داده‌ها JavaScript Dynamic Modal from Data Object Create Modals with Code

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

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

• ردیاب اسکرول (Scroll Tracker) و محاسبه موقعیت اسکرول در صفحه Scrollbar Scroll Tracker Calculate the Scroll Position on the Page

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

• ساخت بازی حافظه پویا با DOM جاوااسکریپت، CSS Grid و منطق بازی Dynamic Interactive JavaScript DOM Memory Game CSS Grid and Game Logic

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

• ساخت بازی کارت‌های نبرد (Battle Cards) با استفاده از متدهای آرایه JavaScript Battle Cards Game Using Array Methods