آموزش فرم های الگو محور زاویه ای

Angular Template-driven Forms

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Angular دارای دو مدل فرم برای انتخاب است: فرم های الگو محور و فرم های واکنشی. فرم‌های مبتنی بر الگو ساده‌تر هستند و برای اکثر موارد استفاده انتخابی عالی هستند. در این دوره آموزشی Angular Template-driven Forms، اصول کار با فرم های قالب محور و همچنین مباحث پیشرفته برای کار با فرم های پیچیده و پویا را خواهید آموخت. ابتدا، معماری Angular را بررسی خواهید کرد که هم فرم های الگو محور و هم فرم های واکنشی و تفاوت های بین این دو پارادایم را تقویت می کند. در مرحله بعد، نحوه ساخت فرم‌های تعاملی را با اتصال عناصر ورودی HTML به یک مدل داده و نحوه اعتبارسنجی داده‌های وارد شده توسط کاربر خواهید فهمید. در نهایت، یاد خواهید گرفت که چگونه کار قالب‌های پیشرفته‌تر مانند ایجاد فرم‌های پویا و کنترل‌های سفارشی را انجام دهید. پس از اتمام این دوره، مهارت ها و دانش فرم های مبتنی بر الگوی Angular را خواهید داشت که برای ساخت فرم های ساده و پیچیده برای جمع آوری داده ها از کاربر لازم است.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

شروع به کار با فرم های مبتنی بر الگوی زاویه ای Getting Started with Angular Template-driven Forms

  • معرفی Introduction

  • نمای کلی معماری فرم های زاویه ای Angular Forms Architecture Overview

  • قالب محور در مقابل فرم های واکنشی Template-driven Versus Reactive Forms

  • شبیه سازی و کاوش برنامه آزمایشی ما Cloning and Exploring Our Demo Application

ایجاد فرم های Angular Template-driven Forms Creating Angular Template-driven Forms

  • افزودن فرم های الگو محور به پروژه Adding Template-driven Forms to a Project

  • تعریف مدل داده Defining a Data Model

  • ngModel: اتصال عناصر ورودی به مدل داده ngModel: Binding Input Elements to a Data Model

  • پر کردن فرم از داده های API Populating a Form from API Data

  • پشت صحنه: دستورالعمل دسترسی به ارزش کنترل Behind the Scenes: The Control Value Accessor Directive

  • ارسال یک فرم مبتنی بر الگو Submitting a Template-driven Form

  • کار با ngForm Working with ngForm

  • استفاده از ngModelGroup برای گروه بندی مقادیر فرم Using ngModelGroup to Group Form Values

  • حفظ داده های پنهان در یک مقدار ngForm Preserving Hidden Data in an ngForm Value

  • با استفاده از ngForm.submitted و ngSubmitted Class Using ngForm.submitted and the ngSubmitted Class

کار با عناصر ورودی و انواع داده ها Working with Input Elements and Data Types

  • کار با دکمه های رادیویی Working with Radio Buttons

  • کار با Select Lists Working with Select Lists

  • کار با چک باکس ها Working with Checkboxes

  • کار با ورودی های عددی Working with Numeric Inputs

  • کار با Range Inputs Working with Range Inputs

  • کار با عناصر textarea Working with textarea Elements

  • کار با مقادیر تاریخ Working with Date Values

اعتبار سنجی فرم های الگوی زاویه ای Validating Angular Template Forms

  • اعتبار سنجی داخلی Angular Angular's Built-in Validators

  • افزودن اعتبارسنجی به عناصر فرم Adding Validation to Form Elements

  • مدیریت اعتبار سنجی چندگانه در یک زمینه واحد Handling Multiple Validators on a Single Field

  • اعتبارسنجی FormGroups و Forms Validating FormGroups and Forms

  • ایجاد اعتبار سنجی سفارشی Creating Custom Validators

  • پیاده سازی اعتبار سنجی سفارشی Implementing Custom Validators

  • ارسال داده به و از اعتبار سنجی سفارشی Passing Data to and from Custom Validators

ایجاد کنترل های سفارشی و ControlValueAccessors Creating Custom Controls and ControlValueAccessors

  • ایجاد یک DateValueAccessor سفارشی Creating a Custom DateValueAccessor

  • Custom ControlValueAccessors: پیاده سازی writeValue() Custom ControlValueAccessors: Implementing writeValue()

  • Custom ControlValueAccessors: پیاده سازی registerOnChange() Custom ControlValueAccessors: Implementing registerOnChange()

  • ایجاد کنترل های ورودی سفارشی Creating Custom Input Controls

  • اتصال یک مؤلفه سفارشی به یک مدل داده Binding a Custom Component to a Data Model

افزودن پویا عناصر فرم Dynamically Adding Form Elements

  • چالش های فرم های پویا Dynamic Forms Challenges

  • کار با آرایه ها برای ایجاد فرم های پویا Working with Arrays to Create Dynamic Forms

  • ارسال فرم پویا Submitting a Dynamic Form

  • افزودن پویا عناصر فرم Dynamically Adding Form Elements

نمایش نظرات

آموزش فرم های الگو محور زاویه ای
جزییات دوره
2h 37m
38
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
3
از 5
دارد
دارد
دارد
Jim Cooper
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jim Cooper Jim Cooper

مهندس نرم افزار و نویسنده دوره ویدیویی