آموزش اجزای وب و مدولاسیون: رویکردهای عملی

مقدمه Introduction

• م forلفه های وب Components for the web

1- اجزای وب چیست؟ 1. What Are Components for the Web?

• اجزای وب چیست؟ What are components for the web?

• اجزای وب: یک مورد خاص Web components: A special case

• چرا اجزای سازنده بسیار محبوب هستند Why components are so popular

2. مonلفه ها به عنوان یک مدل ذهنی 2. Components as a Mental Model

• یک مدل ذهنی برای م componentsلفه ها A mental model for components

• شروع با یک ماکت بصری Starting with a visual mockup

• یک درخت DOM با شاخه ها و برگها A DOM tree with branches and leaves

• نکته: درخت پرونده خود را در DOM نقشه برداری کنید Tip: Map your file tree to the DOM

• چالش: یک نقشه م componentلفه ایجاد کنید Challenge: Create a component map

• راه حل: یک نقشه م componentلفه ایجاد کنید Solution: Create a component map

3. اصول مonلفه ها 3. Component Principles

• اصول سست برای اجزای کاملاً محدود Loose principles for tightly scoped components

• اصل یک وظیفه One-task principle

• اصل بالا به پایین Top-down principle

• اصل انزوا Isolation principle

• اصل مستقل Stand-alone principle

4. اجزای محدوده بندی 4. Scoping Components

• قبل از کدگذاری برنامه ریزی کنید Plan before you code

• خروجی خام Raw output

• خواص Properties

• ورودی و خروجی Input and output

• دولت State

• چه کسی مالک دولت است؟ Who owns state?

• چرخه زندگی Life cycle

• چالش: محدوده یک م complexلفه پیچیده Challenge: Scope a complex component

• راه حل: یک م complexلفه پیچیده را در نظر بگیرید Solution: Scope a complex component

5. اجزای عملی 5. Practical Components

• اجزای سازه Structuring components

• استفاده مجدد و عدم مراقبت Reusability and when not to care

• توسعه جز component مستقل Stand-alone component development

نتیجه Conclusion

• اجزا everywhere در همه جا Components everywhere