آموزش ساخت اپلیکیشن‌های وب تعاملی با جاوااسکریپت - آخرین آپدیت

مدیریت DOM (مدل شی‌گرای سند) Manipulating the DOM (Document Object Model)

• معرفی دوره و سری آموزشی Introduction to the Course and Series

• یادگیری برنامه‌نویسی در عصر هوش مصنوعی مولد Learning Programming in the Age of Generative AI

• نحوه ارسال تکالیف Submitting Assignments

• مقدمه: دسترسی به DOM از طریق جاوااسکریپت Introduction: Accessing the DOM from JavaScript

• DOM چیست؟ What Is the DOM?

• انتخاب المان‌های DOM در جاوااسکریپت Selecting DOM Elements from JavaScript

• کار با اشیاء المان‌ها Working with Element Objects

• پروژه عملی: انتخاب موارد مورد علاقه Let's Build: Picking Favorites

• جمع‌بندی: دسترسی به DOM از طریق جاوااسکریپت Conclusion: Accessing the DOM from JavaScript

• مقدمه: تغییر دادن صفحه Introduction: Modifying the Page

• تغییر متن و محتوای HTML Changing Text and HTML Content

• تغییر کلاس‌ها Modifying Classes

• تغییر ویژگی‌ها (Attributes) Changing Attributes

• کار با ورودی‌ها (Inputs) Working with Inputs

• پروژه عملی: بازی حدس زدن Let's Build: Guessing Game

• جمع‌بندی: تغییر دادن صفحه Conclusion: Modifying the Page

• مقدمه: ایجاد و حذف المان‌ها Introduction: Creating and Removing Elements

• ایجاد و افزودن المان‌ها Creating and Adding Elements

• حذف المان‌ها Removing Elements

• پروژه عملی: ساخت لیست انجام کار (Todo List) Let's Build: A Todo List

• جمع‌بندی: ایجاد و حذف المان‌ها Conclusion: Creating and Removing Elements

ساخت اپلیکیشن‌های تعاملی Building Interactive Applications

• مقدمه: رویدادها و کال‌بک‌ها Introduction: Events and Callbacks

• رویداد (Event) چیست؟ What Is an Event?

• گوش دادن به رویدادها Listening to Events

• توابع کال‌بک (Callback) Callback Functions

• انواع رایج رویدادها Common Event Types

• اشیاء رویداد (Event Objects) Event Objects

• حذف شنونده‌های رویداد Removing Event Listeners

• توابع setTimeout و setInterval setTimeout and setInterval

• توابع clearTimeout و clearInterval clearTimeout and clearInterval

• پروژه عملی: بازی ضربه زدن به موش Let's Build: Whack-a-mole

• جمع‌بندی: رویدادها و کال‌بک‌ها Conclusion: Events and Callbacks

• مقدمه: انتشار و تفویض رویداد (Event Propagation & Delegation) Introduction: Event Propagation and Delegation

• حلقه رویداد (Event Loop) The Event Loop

• حباب‌شدن و انتشار رویداد Event Bubbling and Propagation

• کنترل رفتار پیش‌فرض با preventDefault و stopPropagation .preventDefault() and .stopPropagation() to Control the Default Behavior

• درک عمیق کال‌بک‌ها Understanding Callbacks

• پروژه عملی: ساخت منوهای راست‌کلیک سفارشی Let's Build: Custom Context Menus

• جمع‌بندی: انتشار و تفویض رویداد Conclusion: Event Propagation and Delegation

• مقدمه: دامنه (Scope) و هوایستینگ (Hoisting) Introduction: Scope and Hoisting

• دامنه متغیرها Variable Scope

• هوایستینگ توابع Function Hoisting

• جمع‌بندی: دامنه و هوایستینگ Conclusion: Scope and Hoisting

کدهای ناهمگام و دریافت داده‌ها Asynchronous Code and Data Fetching

• مقدمه: پرومیس‌ها (Promises) Introduction: Promises

• پرومیس چیست؟ What Are Promises?

• ایجاد دستی پرومیس‌ها Creating Promises Manually

• دریافت مقادیر پرومیس با .then Getting Promise Values With .then

• زنجیره‌ای کردن پرومیس‌ها Chaining Promises

• تابع fetch() The fetch() Function

• مدیریت خطاها در پرومیس‌ها Handling Errors in Promises

• جمع‌بندی: پرومیس‌ها Conclusion: Promises

• مقدمه: دریافت داده‌های خارجی Introduction: Fetching External Data

• داده‌ها با فرمت JSON JSON-Formatted Data

• رشته‌های کوئری (Query Strings) Query Strings

• APIهای خارجی External APIs

• پروژه عملی: نمایش آب‌وهوا بر اساس موقعیت Let's Build: Weather by location

• جمع‌بندی: دریافت داده‌های خارجی Conclusion: Fetching External Data

• مقدمه: ترکیب پرومیس‌ها و async/await Introduction: Combining Promises and async/await

• ترکیب پرومیس‌ها Combining Promises

• مفاهیم async و await async and await

• پروژه عملی: بهبود برنامه آب‌وهوا بر اساس موقعیت Let's Build: Improved Weather by Location

• جمع‌بندی: ترکیب پرومیس‌ها و async/await Conclusion: Combining Promises and async/await

انیمیشن‌ها و گرافیک‌های سفارشی Animations and Custom Graphics

• مقدمه: انیمیشن‌سازی در جاوااسکریپت Introduction: Animating in JavaScript

• تاریخ و زمان در جاوااسکریپت Dates and Times in JavaScript

• نوشتن کد انیمیشن Writing Animation Code

• تابع requestAnimationFrame The requestAnimationFrame Function

• توابع تسهیل‌کننده (Easing Functions) Easing Functions

• جمع‌بندی: انیمیشن‌سازی در جاوااسکریپت Conclusion: Animating in JavaScript

• مقدمه: انیمیشن در CSS و API انیمیشن Introduction: Animation in CSS and the Animation API

• انتقال‌های CSS (Transitions) CSS Transitions

• انیمیشن‌های CSS CSS Animations

• بررسی Animation API The Animation API

• جمع‌بندی: انیمیشن در CSS و API انیمیشن Conclusion: Animation in CSS and the Animation API

• مقدمه: ترسیمات سفارشی SVG Introduction: Custom SVG Drawings

• المان‌های SVG SVG Elements

• چندضلعی‌ها و مسیرهای SVG SVG Polygons and Paths

• ایجاد المان‌های SVG به صورت پویا Creating SVG Elements Dynamically

• جمع‌بندی: ترسیمات سفارشی SVG Conclusion: Custom SVG Drawings