دوره آموزشی وانیلا جاوااسکریپت: ساخت بر اساس (Document Object Model (DOM

1 ساعت 48 دقیقهپیشرفته2021-06-29

مدرسین

W. Scott Means

Software Developer, Consultant, Author

جزئیات دوره

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

مهارت ها

CSSJavaScriptOracleFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentDeep Dive (X:Y)

سرفصل ها

0. مقدمه

01 - جاوا اسکریپت DOM داخل و خارج را بیاموزید
02 - از کجا شروع کنیم

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

03 - رابط Node
04 - نقشه‌ها و لیست‌های خاص DOM
05 - دسترسی تصادفی با querySelector()
06 - CRUD در DOM
07 - چالش - queryAll++
08 - راه حل - queryAll++

2. HTML به DOM

09 - DOM از کجا می‌آید
10 - تجزیه HTML DIY
11 - ساختن یک پایه محکم - lexer
12 - تجزیه متن
13 - تجزیه نظرات
14 - تجزیه عناصر
15 - تجزیه صفات
16 - چالش - عناصر باطل
17 - راه حل - عناصر باطل

3. تبدیل DOM

18 - پیمودن درخت
19 - ساختن یک چاپگر زیبا
20 - پردازش قطعات سند
21 - پردازش نظرات
22 - عناصر پردازش
23 - صفات عنصر پردازش
24 - مدیریت متن و پاکسازی
25 - چالش - برچسب‌های خالی
26 - راه حل - تگ‌های خالی

نتیجه

27 - مهارت‌های DOM خود را ارتقا دهید