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

مدرس W. Scott Means

انتشار 2021/06/29

مدت زمان 1h 47m

سطح مناسب همه

فایل تمرینی ندارد

آموزش Vanilla JavaScript: Building on the Document Object Model (DOM)

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

Document Object Model (DOM) JavaScript

Introduction

Learn the JavaScript DOM inside and out ()

Where to start ()

1. Key DOM Concepts

The Node interface ()

DOM-specific maps and lists ()

Random access with querySelector() ()

CRUD in the DOM ()

Challenge: queryAll++ ()

Solution: queryAll++ ()

2. HTML to DOM

Where does the DOM come from? ()

DIY HTML parsing ()

Building a firm foundation: The lexer ()

Parsing text ()

Parsing comments ()

Parsing elements ()

Parsing attributes ()

Challenge: Void elements ()

Solution: Void elements ()

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

Level up your DOM skills ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

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

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش Vanilla JavaScript: Building on the Document Object Model (DOM) در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

در حالی که چارچوب‌ها و کتابخانه‌ها ایجاد سریع کد را آسان می‌کنند، گاهی اوقات شما نیاز به ایجاد کد کوچک‌تر و فشرده‌تری دارید که کنترل می‌کنید. در این مسیر، یاد بگیرید که کد جاوا اسکریپت تمیز را برای هر برنامه فرانت‌اند، با یا بدون فریمورک پشتیبانی ایجاد کنید، که دقیقاً همان کاری را انجام می‌دهد که شما نیاز دارید.

آموزش جاوا اسکریپت Vanilla: ساخت بر روی مدل شی سند (DOM) ، ایستگاه شماره 8 در مسیر یادگیری توسعه وب را با Vanilla JavaScript کاوش کنید ، است.