دوره آموزشی جاوا اسکریپت: تقویت DOM آپدیت (2013)
2 ساعت 4 دقیقهمتوسط2013-06-10
مدرسین

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
جزئیات دوره
Document Object Model (DOM) در هسته هر صفحه HTML قرار دارد. برای توسعه صفحات HTML پویا، یک توسعه دهنده اصلی باید بفهمد که جاوا اسکریپت چگونه به DOM متصل می شود و کنترل می کند و به شما امکان می دهد محتوای صفحه موجود را ایجاد، اصلاح، حذف و ویرایش کنید. این دوره بر کمک به شما در درک عناصر DOM متمرکز شده است و روش های مختلفی را که JavaScript به شما می دهد و کار با DOM را آسان می کند، نشان می دهد. نویسنده Ray Villalobos حرکت در DOM، انتخاب عناصر، اصلاح ویژگی های HTML، ویرایش گره ها و موارد دیگر را پوشش می دهد.
اهداف یادگیری
DOM چیست؟
انتخاب و جداسازی عناصر
پیمایش بالا و پایین گره های DOM
تغییر ویژگی های HTML
اصلاح عناصر به عنوان متن
ایجاد و الحاق گره ها
شبیه سازی و حذف گره ها
افزودن یک شنونده رویداد حباب دار
افزودن و تغییر اندازه تصاویر
رسیدگی به کلیک ها
اهداف یادگیری
DOM چیست؟
انتخاب و جداسازی عناصر
پیمایش بالا و پایین گره های DOM
تغییر ویژگی های HTML
اصلاح عناصر به عنوان متن
ایجاد و الحاق گره ها
شبیه سازی و حذف گره ها
افزودن یک شنونده رویداد حباب دار
افزودن و تغییر اندازه تصاویر
رسیدگی به کلیک ها
مهارت ها
HTMLJavaScriptOracleFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید قبل از تماشای این دوره بدانید
- 03 - استفاده از فایلهای تمرین
1. شروع به کار
- 04 - مدل شیء سند (DOM) چیست؟
- 05 - پیمایش DOM با ابزارهای توسعه دهنده
- 06 - تست دستورات جاوا اسکریپت با کنسول
- 07 - ارتباط با کنسول از طریق جاوا اسکریپت
2. انتخاب DOM
- 08 - انتخاب عناصر با getElementById
- 09 - انتخاب عناصر توسط تگ HTML
- 10 - جداسازی عناصر با نام کلاس
- 11 - کوئری CSS برای انتخاب عناصر
- 12 - کار با عناصر فرم نامگذاری شده
- 13 - درک nodeType، nodeName و nodeValue
- 14 - پیمایش Nodeهای DOM بالا و پایین
- 15 - عناصر گره هدف
3. اصلاح ویژگیها و محتوای DOM
- 16 - تغییر ویژگیهای HTML
- 17 - کار با ویژگیهای محدود شده
- 18 - تشخیص ویژگیهای داده ها
- 19 - کنترل کلاسها با HTML5 classList
- 20 - هدف قرار دادن ویژگی ویژگی ها
- 21 - استفاده از اصلاح کنندههای محتوای متنی
- 22 - اصلاح عناصر به عنوان متن
4. درج و حذف گره ها
- 23 - ایجاد و الحاق گره ها
- 24 - کنترل درج گرهها با insertBefore
- 25 - شبیه سازی و حذف گره ها
- 26 - جایگزینی Nodeهای موجود
5. DOM در عمل
- 27 - چیزی که ما خواهیم ساخت
- 28 - اضافه کردن شنونده رویداد حباب
- 29 - ایجاد و استایل یک پوشش با جاوا اسکریپت
- 30 - افزودن تصویر
- 31 - تغییر اندازه تصاویر در DOM
- 32 - وسط یک تصویر
- 33 - رسیدگی به کلیک ها
- 34 - تنظیم برای پیمایش
- 35 - تشخیص و تنظیم برای تغییر اندازه پنجره
نتیجه
- 36 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی CSS عملی برای No-Coders
- دوره آموزشی HTML برای برنامه نویسان
- دوره آموزشی HTML کاربردی برای غیر برنامهنویسان