آموزش کار با DOM

در این آموزش، یاد می‌گیریم چطوری با استفاده از JavaScript روی DOM کار کنیم. توی این آموزش نحوه پیدا کردن آلمان ها، تغییر استایل، محتوا و عملکردشونو یاد می گیریم. همچنین با Event Listener‌ ها آشنا می‌شیم و یاد می‌گیریم چطوری به المان‌های صفحه واکنش‌های تعاملی اضافه کنیم.

--------------------------------------------------------------------------------------------------------------------------------------------------------------

❤️ در صورت تمایل می تونید از طریق لینک زیر از تولید این آموزش ها حمایت کنید ❤️

https://zarinp.al/688463

--------------------------------------------------------------------------------------------------------------------------------------------------------------

لینک دریافت فایل های دوره:
https://drive.google.com/drive/folders/1ikwTGWcmhY_9aaqgIfFOTZxwjhi-x573

#DOM #جاوااسکریپت #دام #آموزش_برنامه_نویسی #فرانت_اند #JavaScript #DocumentObjectModel

🌐 https://teachervafadoost.ir/

--------------------------------------------------------------------------------------------------------------------------------------------------------------

00:00:00 - Introduction / معرفی
00:00:23 - What's the DOM? / دام یا داکیومنت آبجکت مادل چیست؟
00:05:09 - Querying and Traversing the DOM / Finding a single Element / پیدا کردن یک آیتم تکی در دام
00:09:43 - Querying and Traversing the DOM / Finding Multiple Elements / پیدا کردن چند آیتم در دام
00:14:00 - Querying and Traversing the DOM / Finding Child Elements / پیدا کردن زیر مجموعه های یک آیتم
00:19:01 - Querying and Traversing the DOM / Finding Parent Elements / پیدا کردن پدران یک آیتم
00:22:03 - Querying and Traversing the DOM / Finding Sibling Elements / پیدا کردن آیتم های همسایه یک آیتم
00:23:56 - Working with the DOM / innerHTML / اینر اچ تی ام ال
00:26:07 - Working with the DOM / insertAdjacentHTML / اینسرت ادجیسنت اچ تی ام ال
00:29:17 - Working with the DOM / createElement / کریت المنت
00:32:07 - Working with the DOM / Fragments / فرگمنت
00:34:49 - Working with the DOM / Templates / تگ تمپلیت
00:37:18 - Working with the DOM / Inserting Scripts / اینسرت کردن تگ اسکریپت
00:39:08 - Working with the DOM / Replacing, Cloning and Removing DOM Elements / جایگزین، کلون و حذف کردن المان ها
00:42:30 - Working with the DOM / Changing Attributes / ویرایش اتریبیوت
00:49:00 - Working with the DOM / Changing Styles / ویرایش استایل
00:51:34 - Working with the DOM / Changing Classes / ویرایش کلس
00:53:38 - Working with the DOM / Changing Data / ویرایش دیتا
00:55:47 - Working with the DOM / Working with Size and Position / کار کردن با ابعاد و پوزیشن
01:00:49 - Working with the DOM / Working with Scroll / کار کردن با اسکرول
01:03:36 - Working with Events / Events / ایونت ها
01:05:22 - Working with Events / Adding and Removing Event Listeners / افزودن و حذف ایونت لیستنر
01:09:34 - Working with Events / Keyboard Events / ایونت های کیبورد
01:12:38 - Working with Events / Event Bubbling and Capturing / ایونت بابلینگ و کپچرینگ
01:16:06 - Working with Events / stopPropagation / استاپ پراپگیشن
01:18:32 - Working with Events / Event Delegation / ایونت دلیگیشن
01:25:29 - Working with Events / Finding Forms / پیدا کردن فرم
01:28:09 - Working with Events / Handling Text Inputs / هندل کردن اینپوت تکست
01:32:14 - Working with Events / Handling Radio Inputs and Check boxes / هندل کردن اینپوت ریدیو و چک باکس
01:35:43 - Working with Events / Handling Select / هندل کردن سلکت
01:38:23 - Working with Events / Handling File Upload / هندل کردن آپلود فایل
01:39:42 - Working with Events / preventDefault / پرونت دیفالت
01:41:34 - Working with Events / Using Query Strings / استفاده از کوئری استرینگ
01:46:48 - Working with Events / Using Json / استفاده از جیسان
01:48:06 - Working with Events / Using multipart/form-data / استفاده از مولپی پارت فرم دیتا
01:49:40 - The Next Step / قدم بعدی

Видео آموزش کار با DOM канала Arash Vafadoost