دستکاری DOM با TypeScript
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
فریمورکهای مدرن وب مانند انگولار، React، یا Vue.js از دستکاری DOM برای تغییر سند HTML بارگذاری شده استفاده میکنند. دانستن چگونگی استفاده از TypeScript برای تغییر سند HTML بارگذاری شده به شما امکان میدهد تا صرف نظر از اینکه آیا از فریمورک وب سمت کلاینت استفاده میکنید یا خیر، وب اپلیکیشن های تعاملی سمت کلاینت بسازید.
در این دوره، دستکاری DOM با TypeScript، یاد می گیرید که چگونه از TypeScript برای انتخاب، تغییر، حذف و ایجاد عناصر HTML در یک صفحه وب استفاده کنید. ابتدا بررسی می کنید که دستکاری DOM چیست و مهمترین نوع دادهها چه هستند.
سپس یاد می گیرید که چگونه عناصر را انتخاب، ایجاد و حذف کنید. در نهایت، خواهید آموخت که چگونه عناصر را دستکاری کنید، کامپوننت ها را بسازید و استایلها را اعمال کنید. پس از اتمام این دوره، مهارتها و دانش لازم برای دستکاری DOM با TypeScript را کسب می کنید که به منظور ساخت وب اپلیکیشن های تعاملی سمت کلاینت بکار می روند.
دستکاری DOM با TypeScript
-
بررسی دوره 0:02:00
-
مقدمه 0:01:00
-
دستکاری DOM چیست؟ 0:03:00
-
آنچه در این دوره خواهید آموخت 0:01:00
-
راهاندازی محیط 0:02:00
-
بررسی و اجرای پروژه 0:07:00
-
دستکاری DOM 0:04:00
-
خلاصه 0:01:00
-
مقدمه 0:01:00
-
آشنایی با رابط سند 0:06:00
-
درک رابط نود 0:04:00
-
بررسی درخت DOM 0:04:00
-
استفاده از رابط TreeWalker 0:03:00
-
کار با عناصر HTML 0:04:00
-
آشنایی با نحوه نگاشت عناصر با TypeScript 0:05:00
-
استفاده از ChildNodes و Children 0:03:00
-
خلاصه 0:01:00
-
مقدمه 0:01:00
-
دریافت عنصر با استفاده از Id آن 0:02:00
-
دریافت عناصر با نام تگ 0:03:00
-
دریافت عناصر با نام کلاس 0:03:00
-
دریافت عنصر با استفاده از سلکتور CSS 0:05:00
-
دریافت چندین عنصر با استفاده از سلکتور CSS 0:03:00
-
کوئری زدن به عنصر فرزند (Child) 0:02:00
-
خلاصه 0:01:00
-
مقدمه 0:01:00
-
دریافت عناصر 0:02:00
-
اضافه کردن Event Listener 0:04:00
-
ایجاد و الحاق عنصر 0:04:00
-
ساخت سلسلهمراتبی از عناصر 0:04:00
-
حذف عنصر 0:03:00
-
ریفکتور کردن کد 0:02:00
-
دریافت عنصر والد 0:04:00
-
اضافه کردن Keyup Event Listener 0:03:00
-
استفاده از Prepend به جای Append 0:01:00
-
خلاصه 0:01:00
-
مقدمه 0:01:00
-
استفاده از TextContent و InnerText 0:05:00
-
کار با InnerHTML 0:03:00
-
تعویض محتوا با استفاده از InnerHTML 0:04:00
-
ساخت کامپوننت ها 0:05:00
-
استفاده از کامپوننت ها 0:03:00
-
خلاصه 0:01:00
-
مقدمه 0:01:00
-
تنظیم استایلهای درونخطی 0:04:00
-
ریفکتور کردن کد 0:05:00
-
تنظیم کلاس CSS با استفاده از SetAttribute 0:04:00
-
تنظیم کلاس CSS با استفاده از ClassName 0:01:00
-
مشکل با این روشها 0:03:00
-
تنظیم کلاس CSS با استفاده از ClassList 0:05:00
-
تغییر کلاس CSS با استفاده از ClassList 0:05:00
-
خلاصه 0:02:00
مشخصات آموزش
دستکاری DOM با TypeScript
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:52
- مدت زمان :2:34:05
- حجم :1.41GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی