آموزش جاوا اسکریپت Vanilla: ساخت مدل شی Doc اسناد (DOM)

Vanilla JavaScript: Building on the Document Object Model (DOM)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

در قلب هر برنامه وب و چارچوبی (مانند Angular یا React) DOM ، مدل شیument اسناد قرار دارد. در این دوره ، مدرس W. Scott Means DOM را از پایین به بالا بررسی می کند. پس از مقدمه ای سریع در رابط Node و درختان DOM ، اسکات با ساخت یک تجزیه کننده HTML فعال ، کارها را به سطح بعدی می رساند. وی نحوه ترجمه کد منبع HTML به یک درخت کامل DOM ، شامل نظرات ، گره های متنی و عناصر دارای گره های مشخصه را به شما نشان می دهد. سپس ، اسکات نشان می دهد که چگونه می توان درخت DOM حاصل را با استفاده از نقشه ها و لیست های خاص DOM ، منابع درخت و قطعات سند برای تولید خروجی HTML بسیار چاپ شده ، رد و بدل کرد. او دوره را با مشاوره در مورد اینکه چگونه می توانید آموخته های خود را تمرین کنید و یک قدم به تسلط بر DOM نزدیک شوید ، پایان می یابد.


سرفصل ها و درس ها

معرفی Introduction

  • جاوا اسکریپت DOM را از داخل و خارج بیاموزید Learn the JavaScript DOM inside and out

  • از کجا شروع کنیم Where to start

1. مفاهیم کلیدی DOM 1. Key DOM Concepts

  • رابط Node The Node interface

  • نقشه ها و لیست های خاص DOM DOM-specific maps and lists

  • دسترسی تصادفی با querySelector () Random access with querySelector()

  • CRUD در گنبد CRUD in the DOM

  • چالش: queryAll ++ Challenge: queryAll++

  • راه حل: queryAll ++ Solution: queryAll++

2. HTML به DOM 2. HTML to DOM

  • DOM از کجا آمده است؟ Where does the DOM come from?

  • تجزیه و تحلیل HTML DIY DIY HTML parsing

  • ایجاد یک پایه محکم: واژه خوان Building a firm foundation: The lexer

  • متن تجزیه Parsing text

  • تفسیر نظرات Parsing comments

  • عناصر تجزیه Parsing elements

  • تجزیه صفات Parsing attributes

  • چالش: عناصر باطل Challenge: Void elements

  • راه حل: عناصر باطل Solution: Void elements

3. تبدیل DOM 3. Transforming the DOM

  • عبور از درخت Traversing the tree

  • ساخت یک چاپگر زیبا Building a pretty printer

  • در حال پردازش قطعات سند Processing document fragments

  • در حال پردازش نظرات Processing comments

  • عناصر پردازش Processing elements

  • پردازش ویژگی های عنصر Processing element attributes

  • دست زدن به متن و پاکسازی Handling text and cleanup

  • چالش: برچسب های خالی Challenge: Empty tags

  • راه حل: برچسب های خالی Solution: Empty tags

نتیجه Conclusion

  • مهارت های DOM خود را بالا ببرید Level up your DOM skills

نمایش نظرات

آموزش جاوا اسکریپت Vanilla: ساخت مدل شی Doc اسناد (DOM)
جزییات دوره
1h 47m
27
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

W. Scott Means W. Scott Means

توسعه دهنده نرم افزار ، مشاور ، نویسنده W. Scott Means یک توسعه دهنده ، مشاور و نویسنده نرم افزار است.

او از سال 1988 ، زمانی که در سن 17 سالگی مایکروسافت به مایکروسافت پیوست ، یک توسعه دهنده نرم افزار حرفه ای بوده است. از آن زمان ، وی برای همه چیز کد نوشت ، از دستگاه رانندگان به بازی های کازینو چند نفره. در طول سال ها ، او به تخصص در آتش نشانی نرم افزار رسیده است. او مهلت های ظاهراً غیرممکن را در پیش می گیرد و راه حل هایی ارائه می دهد که بیش از انتظارات مشتریانش باشد. هدف او این است که مشتری های خود را با توانمند سازی در جهت تأمین نیازهای خود با انتخاب دقیق فن آوری ها و سیستم های مناسب برای دستیابی به اهدافشان ، موفق سازد. او توسعه گسترده ای در هر دو سیستم عامل مایکروسافت و منبع باز انجام داده است. علاوه بر این ، او کتابهایی را در زمینه XML نوشته و تحریک کرده و چندین کتابخانه و م componentsلفه متن باز نیز منتشر کرده است.