آموزش مبانی اجزای وب

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

مقدمه Intro

• معرفی Introduction

• محیط توسعه Development Environment

• کدها Codes

عناصر سفارشی Custom Elements

• نامزد عنصر سفارشی Custom Element Candidate

• اولین عنصر سفارشی First Custom Element

• چرخه حیات عنصر Element Lifecycle

• ویژگی ها و ویژگی های کلاس Class Properties and Attributes

• گسترش دکمه داخلی Extending Built-in Button

• پلی پر Polyfill

قالب و ماژول ها Template and Modules

• استخراج عنصر برای جداسازی فایل جاوا اسکریپت Extracting Element to Separate Javascript File

• قالب Template

• ماژول ها Modules

سایه DOM Shadow DOM

• سایه DOM Shadow DOM

• Shadow DOM بسته شد Closed Shadow DOM

• اسلات Slot

• یک ظاهر طراحی - فلش محتوای بدون استایل Styling - Flash of Unstyled Content

• یک ظاهر طراحی - عنصر تعریف نشده Styling - Undefined Element

• یک ظاهر طراحی - میزبان عنصر Styling - Element Host

• یک ظاهر طراحی شده - اسلات Styling - Slot

• یک ظاهر طراحی - قطعات و لوازم سفارشی CSS Styling - Part & CSS Custom Props

مناسبت ها Events

• عنصر ورودی سفارشی Custom Input Element

• رویدادهای ورودی Input Events

• روی دکمه رویدادها کلیک کنید Button Click Events

فرم ثبت نام - نسخه ی نمایشی Register Form - Demo

• ورودی با اعتبارسنجی Input with Validation

• فرم ثبت نام Registration Form