آموزش فرم های واکنشی زاویه ای

Angular Reactive Forms

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

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

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

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

شروع با فرم های واکنشی زاویه ای Getting Started with Angular Reactive Forms

  • معرفی Introduction

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

  • قالب رانده شده در مقابل فرم های واکنشی Template Driven vs. Reactive Forms

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

ایجاد فرم های واکنشی زاویه ای Creating Angular Reactive Forms

  • معرفی Introduction

  • افزودن فرم های واکنشی به پروژه Adding Reactive Forms to a Project

  • ایجاد کنترل های فرم Creating Form Controls

  • جادوی دستورالعمل ControlValueAccessor The Magic of the ControlValueAccessor Directive

  • ارائه مقادیر به FormControls Providing Values to FormControls

  • ایجاد FormGroups Creating FormGroups

  • ارسال فرم واکنشی Submitting a Reactive Form

  • ذخیره داده های فرم ارسال شده Saving Submitted Form Data

  • افزودن FormControls Unbound به یک FormGroup Adding Unbound FormControls to a FormGroup

  • ایجاد Nested FormGroups Creating Nested FormGroups

  • ساده سازی با FormBuilder و FormGroup.setValue() Simplifying with FormBuilder and FormGroup.setValue()

  • خلاصه Summary

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

  • معرفی Introduction

  • کار با دکمه های رادیویی 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

  • خلاصه Summary

اعتبار سنجی فرم های واکنشی زاویه ای Validating Angular Reactive Forms

  • معرفی Introduction

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

  • افزودن اعتبارسنجی به FormControls Adding Validation to FormControls

  • نمایش پیام های اعتبار سنجی Displaying Validation Messages

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

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

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

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

  • خلاصه Summary

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

  • معرفی Introduction

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

  • سفارشی DateValueAccessor: پیاده سازی writeValue() Custom DateValueAccessor: Implementing writeValue()

  • سفارشی DateValueAccessor: مدیریت رویدادهای ورودی Custom DateValueAccessor: Handling Input Events

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

  • اتصال یک کامپوننت سفارشی به یک FormControl Binding a Custom Component to a FormControl

  • خلاصه Summary

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

  • معرفی Introduction

  • آشنایی با FormArrays Understanding FormArrays

  • اضافه کردن FormArray ها به یک مدل فرم Adding FormArrays to a Form Model

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

  • خلاصه Summary

واکنش به تغییرات Reacting to Changes

  • معرفی Introduction

  • اشتراک در تغییرات ارزش Subscribing to Value Changes

  • واکنش به تغییرات ارزش Reacting to Value Changes

  • اضافه کردن تبدیل های واکنشی Adding Reactive Transformations

  • خلاصه Summary

نمایش نظرات

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jim Cooper Jim Cooper

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