دوره آموزشی DOM در JavaScript، jQuery، AngularJS و React

جزئیات دوره

HTML DOM (مدل شیء سند) راه های جدید و هیجان انگیزی را برای ایجاد وب سایت های پویا باز می کند. روش های مختلفی را بیاموزید که یک توسعه دهنده می تواند درخت DOM را با استفاده از فناوری های رایج وب دستکاری کند. مربی کریستین هور DOM را معرفی می کند و نحوه چیدمان و ساخت عناصر DOM را نشان می دهد. سپس، او ابزارهای توسعه‌دهنده مرورگر وب داخلی را بررسی می‌کند و از آنها برای دستکاری سریع DOM در یک محیط مجازی موقت (حالت بدون حالت) استفاده می‌کند. هنگامی که پایه ها پوشانده شد، می توانید رویکردهای بسیار متفاوتی را برای دستکاری DOM که توسط کتابخانه ها و فریم ورک هایی مانند jQuery، Angular و React اتخاذ شده است، بررسی کنید. بررسی شباهت‌ها و تفاوت‌ها به شما اعتماد به‌نفس برای انتخاب و جابجایی بین ابزارها می‌دهد.

اهداف یادگیری
DOM چیست؟
کار با ویژگی ها، اشیاء و روش ها
عبور از درخت DOM
دستکاری عناصر با جاوا اسکریپت
اضافه کردن، اضافه کردن و حذف گره ها با جاوا اسکریپت
انتخاب محتوا در DOM با جی کوئری
به روز رسانی درخت DOM با jQuery یا AngularJS
ایجاد به روز رسانی زنده برای محتوا
آشنایی با رویکرد DOM مجازی React

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - آنچه باید بدانید
03 - استفاده از فایل‌های تمرین

1. درخت DOM

04 - ابزارهای توسعه دهنده
05 - DOM چیست
06 - درخت DOM
07 - ویژگی‌های nodeType و nodeName
08 - رابط Node
09 - شی Document
10 - روشهای سند
11 - اشیاء عنصر
12 - تغییر متن در DOM
13 - اشیاء رویداد
14 - شی پنجره
15 - ویژگی‌های CSS و DOM
16 - عبور از درخت DOM

2. DOM را با جاوا اسکریپت دستکاری کنید

17 - عناصر را با getElementById انتخاب کنید
18 - عناصر را با getElementsByClassName انتخاب کنید
19 - گروه‌هایی از عناصر را با getElementsByName انتخاب کنید
20 - عناصر را با getElementsByTagName انتخاب کنید
21 - Nodeهای DOM را اضافه، اضافه و حذف کنید
22 - به روز رسانی مطالب در محل

3. jQuery و DOM

23 - ساختار برنامه jQuery
24 - انتخاب محتوا در DOM

4. AngularJS و DOM

25 - ساختار کاربردی زاویه ای
26 - به روز رسانی درخت DOM
27 - از DOM به دستورالعمل

5. React Virtual DOM

28 - ساختار برنامه React
29 - رویکرد DOM مجازی React
30 - کپسوله سازی کد در کامپوننت ها
31 - به روز رسانی زنده برای محتوا

نتیجه

32 - مراحل بعدی