دوره آموزشی جاوا اسکریپت: تقویت 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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جاوا اسکریپت: تقویت DOM
- دوره آموزشی SharePoint پیشرفته: بهبود عملکرد با جاوا اسکریپت
- دوره آموزشی تایپاسکریپت پیشرفته: ژنریکها و انواع شرطی
- دوره آموزشی ساخت یک ویژوالایزر موسیقی هوش مصنوعی مولد با استفاده از جاوااسکریپت و React
- دوره آموزشی یادگیری جامع Vue.js 3
- دوره آموزشی توسعه نرمافزار مبتنی بر هوش مصنوعی با استفاده از OpenAI’s Canvas
- دوره آموزشی ایجاد رسانه وب
- دوره آموزشی جاوا اسکریپت: نقشه ها و مجموعه ها
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Ruby on Rails
- مسیر آموزشی بهبود مهارت های برنامه نویسی طراحی وب خود
- مسیر آموزشی گیتهاب کوپایلوت رو مثل حرفهایها یاد بگیر!
- مسیر آموزشی آماده شدن برای آزمون MTA: اصول توسعه نرم افزار (98-361)
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده اسپرینگ
- مسیر آموزشی شروع به کار در توسعه Spring
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی تقویت مهارت های زبان جاوا اسکریپت خود