در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

آموزش ویرایش و کار بر روی DOM بوسیله JavaScript

13,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با جاوااسکریپت یاد می گیرید.

عنوان اصلی : Learn DOM manipulation with easy modern JavaScript

سرفصل ها :


خوش آمدی :
DOM چیست؟
اولین به‌روزرسانی DOM شما
پروژه دوره: ماجراجویی کد DOM
مرورگر پیشنهادی برای سخنرانی
دانلود فایل های تمرین، همه کد برای هر ماژول. در هر زمان کدنویسی کنید یا رد شوید.
اصول DOM:
HTML و DOM
استانداردهای DOM
BOM
CSSOM
درخت (ساختار داده)
بررسی دانش!
درخت DOM
DOM و جاوا اسکریپت
کد ماجراجویی DOM:
معماری اپلیکیشن
چالش: صفحه خروجی را به نمودار کلاس برنامه اضافه کنید
راه حل چالش: صفحه خروجی
اسکلت برنامه
فایل splash screen
هم اکنون کیت دارایی ما را دانلود کنید!
از جمله دارایی ها
ایجاد عناصر:
سیم کشی عنصر صفحه نمایش اسپلش
ایجاد عناصر در زمان اجرا
اضافه کردن رشته های HTML عرض append()
اضافه کردن گره ها با append یا appendChild
سفارش اسکریپت مهم است
CSS پویا:
تعیین کلاس ها به عناصر
کار با سبک های استاتیک
تعریف سبک ها در زمان اجرا
پرس و جو از DOM برای یافتن عناصر
پروفایل خط لوله پیکسل:
خط لوله پیکسل
شناسایی شیوه های بد
پروفایل عملکرد زمان اجرا
دسته‌بندی به‌روزرسانی‌های DOM با قطعات سند
تعداد زیادی گره
انیمیشن ها با استفاده از تغییرات DOM:
حذف گره ها از DOM
فریم های انیمیشن
روش متحرک ما
انیمیشن کاری ما!
توقف انیمیشن
برنامه ریزی تغییرات DOM با مدل حالت:
بیایید سطح را بسازیم!
2. مدل حالت ما برای کنترل DOM از حالت.
عادی سازی ویژگی ها
کلاس سطح ما
آرایه ها، مراجع و اسلات های خالی غیر قابل تکرار
ساختن کشورمان با یک خط کش زشت
برای انسان ها کد بنویسید و کد خود را عادی کنید
رندر کردن عنصر سطح
هوم، اوضاع بهم ریخته است
بسته بندی آسان:
پیش نیازها
بسته بندی آسان
بسته با اسکریپت شروع
سرور توسعه دهنده ما
بیایید از ماژول‌های DOMContentLoaded و ES (ESM) استفاده کنیم
عناصر سبک پویا با CSS به عنوان واردات ESM
به روز رسانی DOM با توسعه مبتنی بر حالت پایه:
طراحی شکل ایالت ما
راه اندازی وضعیت ما در آماده سازی برای ارائه عناصر DOM
به روز رسانی DOM از ایالت
به روز رسانی به حالت در DOM منعکس می شود
مدل سازی و رندر کردن دیوارهای تراشه ای ما
پخش کننده، در حال تعامل با ورودی کاربر:
بازیکن - رویکرد فنی
رندر کردن پخش کننده با DOM
مدل جعبه و سبک های جهانی
دستکاری سبک های درون خطی با DOM
حرکت بازیکن با تغییر حالت آن
شنوندگان رویداد صفحه کلید DOM
نقشه برداری و فیلتر کردن داده های رویدادهای DOM
آیا بازیکن می تواند حرکت کند؟ - رویکرد فنی
جلوگیری از همپوشانی عناصر DOM
فریم های تعاملی را آماده کنید
بازنشانی className و افزودن فریم های تعاملی در رویدادهای DOM
فریم ها را بدون جابجایی عنصر در رویدادهای DOM به روز کنید
DOM تعاملی، شکستن دیوارها:
افزودن عناصر تصادفی DOM
رویدادهای DOM هنگام فشار دادن کلید فاصله
ایجاد عناصر در رویدادهای DOM
مانیفست z-index
شناسه عناصر پویا با DOM
تعامل با عناصر دیگر با استفاده از مدل حالت
دیوارهای اطراف را بردارید
پورتال خروج از بازی:
افزودن پورتال به صفحه
عناصر تصادفی روی صفحه نمایش
گروه بندی به روز رسانی های CSS DOM درون خطی
هنگام خروج دو عنصر از بازی
چالش، نوبت شما برای ساخت صفحه خروجی است
حالا نوبت شماست!
راه حل چالش، نوبت من برای ساختن صفحه خروجی است
مخفی کردن پورتال پشت دیوار
در حال حذف شنوندگان رویداد DOM
متحرک سازی همه چیز:
رندر کردن صفحه نمایش اسپلش
تعویض صفحه نمایش
متحرک سازی پورتال
کیت CSS - انیمیشن ها
درخواست قاب انیمیشن و تاخیر در انیمیشن ها
متحرک سازی با کلاس css والد
افکت تلویزیون قدیمی
متحرک سازی با انیمیشن تاخیری
بهینه سازی فریم ها
بهینه سازی فریم نهایی
جلوه های صوتی DOM:
عناصر صوتی پویا
جلوه های صوتی تعاملی با رویدادهای DOM
جلوه‌های صوتی با تأخیر با تماس‌ها و رویدادهای DOM
سخنرانی پایانی، افکت صوتی نهایی! خروج از بازی
موارد اضافی:
جایزه!

نمایش سرفصل های انگلیسی

Learn DOM manipulation with easy modern JavaScript