دوره آموزشی DOM در JavaScript، jQuery، AngularJS و React
5 ساعت 1 دقیقهمتوسط2017-08-14
مدرسین

Christian Hur
IT and Web Instructor at Gateway Technical College
جزئیات دوره
HTML DOM (مدل شیء سند) راه های جدید و هیجان انگیزی را برای ایجاد وب سایت های پویا باز می کند. روش های مختلفی را بیاموزید که یک توسعه دهنده می تواند درخت DOM را با استفاده از فناوری های رایج وب دستکاری کند. مربی کریستین هور DOM را معرفی می کند و نحوه چیدمان و ساخت عناصر DOM را نشان می دهد. سپس، او ابزارهای توسعهدهنده مرورگر وب داخلی را بررسی میکند و از آنها برای دستکاری سریع DOM در یک محیط مجازی موقت (حالت بدون حالت) استفاده میکند. هنگامی که پایه ها پوشانده شد، می توانید رویکردهای بسیار متفاوتی را برای دستکاری DOM که توسط کتابخانه ها و فریم ورک هایی مانند jQuery، Angular و React اتخاذ شده است، بررسی کنید. بررسی شباهتها و تفاوتها به شما اعتماد بهنفس برای انتخاب و جابجایی بین ابزارها میدهد.
اهداف یادگیری
DOM چیست؟
کار با ویژگی ها، اشیاء و روش ها
عبور از درخت DOM
دستکاری عناصر با جاوا اسکریپت
اضافه کردن، اضافه کردن و حذف گره ها با جاوا اسکریپت
انتخاب محتوا در DOM با جی کوئری
به روز رسانی درخت DOM با jQuery یا AngularJS
ایجاد به روز رسانی زنده برای محتوا
آشنایی با رویکرد DOM مجازی React
اهداف یادگیری
DOM چیست؟
کار با ویژگی ها، اشیاء و روش ها
عبور از درخت DOM
دستکاری عناصر با جاوا اسکریپت
اضافه کردن، اضافه کردن و حذف گره ها با جاوا اسکریپت
انتخاب محتوا در DOM با جی کوئری
به روز رسانی درخت DOM با jQuery یا AngularJS
ایجاد به روز رسانی زنده برای محتوا
آشنایی با رویکرد DOM مجازی React
مهارت ها
JavaScript FrameworksFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
سرفصل ها
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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جی کوئری برای طراحان وب
- دوره آموزشی یادگیری برنامه سازی با جاوا اسکریپت وانیلی
- دوره آموزشی یادگیری تجسم داده ها با D3.js
- دوره آموزشی جاوا اسکریپت: تقویت DOM
- دوره آموزشی جاوا اسکریپت برای طراحان وب
- دوره آموزشی یادگیری Stimulus
- دوره آموزشی جاوا اسکریپت: تقویت DOM آپدیت (2013)
- دوره آموزشی جاوا اسکریپت: رویدادها
مسیرهای مرتبط
- مسیر آموزشی توسعه وب را با Vanilla JavaScript کاوش کنید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده جاوا اسکریپت
- مسیر آموزشی تبدیل شدن به یک متخصص ابزار تجسم داده ها
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Ruby on Rails
- مسیر آموزشی بهبود مهارت های برنامه نویسی طراحی وب خود
- مسیر آموزشی گواهی حرفه ای پایه جاوا اسکریپت
- مسیر آموزشی کشف مسیر شغلی به عنوان توسعهدهنده جاوا اسکریپت
- مسیر آموزشی تبدیل شدن به یک برنامه نویس AngularJS