آموزش اشکال واکنش پذیر زاویه ای

Angular Reactive Forms

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: شما می توانید با استفاده از رویکرد Reactive با تعریف مدل فرم و اعتبار سنجی در کد جز component ، فرم ها را در Angular بسازید. در این دوره نحوه ساخت فرم های Reactive ، تأیید اعتبار داده های وارد شده توسط کاربر و ذخیره داده ها با استفاده از HTTP توضیح داده شده است. شما می توانید فرم ها را در Angular با رویکرد الگو محور با استفاده از HTML و اتصال داده ها یا رویکرد Reactive با تعریف مدل فرم و اعتبار سنجی در کد جز component ما. در این دوره ، Angular Reactive Forms ، ابتدا می آموزید که چگونه فرم های Reactive را بسازید. در مرحله بعدی یاد خواهید گرفت که چگونه داده های وارد شده توسط کاربر را تأیید کنید. در آخر ، شما یاد خواهید گرفت که چگونه داده ها را با استفاده از HTTP ذخیره کنید. با پایان این دوره ، شما یک برنامه Angular ساده اما کاملاً عملیاتی خواهید داشت که شامل یک فرم Reactive با پشتیبانی کامل از ایجاد ، خواندن ، به روزرسانی و حذف (CRUD) است. شما می توانید از این برنامه به عنوان مرجع توسعه خود استفاده کنید.

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

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

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

مقدمه Introduction

  • مقدمه Introduction

  • فرم های زاویه دار Angular Forms

  • بیشترین بهره را از این دوره بگیرید Get the Most from This Course

  • فرم نسخه ی نمایشی و برنامه نمونه Demo Form and Sample Application

  • طرح کلی دوره Course Outline

الگو محور در برابر فرمهای واکنشی Template-driven vs. Reactive Forms

  • مقدمه Introduction

  • فرم های ساختمانی Form Building Blocks

  • دستورالعمل ها را تشکیل دهید Form Directives

  • نحو الگو برای فرمها Template Syntax for Forms

  • فرم الگو محور Template-driven Form

  • فرم الگو محور: الگو Template-driven Form: Template

  • فرم الگو محور: مonلفه Template-driven Form: Component

  • سناریوهای پیچیده Complex Scenarios

  • خلاصه Summary

ساختن یک فرم واکنش پذیر Building a Reactive Form

  • مقدمه Introduction

  • کلاس کامپوننت The Component Class

  • کلاس کامپوننت: نسخه ی نمایشی The Component Class: Demo

  • ماژول زاویه ای The Angular Module

  • الگو The Template

  • الگو: نسخه ی نمایشی The Template: Demo

  • با استفاده از setValue و patchValue Using setValue and patchValue

  • ساده سازی با FormBuilder Simplifying with FormBuilder

  • چک لیست ها و خلاصه Checklists and Summary

اعتبار سنجی Validation

  • مقدمه Introduction

  • تنظیم قوانین اعتبار سنجی داخلی Setting Built-in Validation Rules

  • تنظیم قوانین اعتبار سنجی در زمان اجرا Adjusting Validation Rules at Runtime

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

  • اعتبار سنجی سفارشی با پارامترها Custom Validation with Parameters

  • اعتبار سنجی بین رشته ای: فرم تو در تو Cross-Field Validation: Nested FormGroup

  • اعتبار سنجی بین حوزه ای: اعتبار سنجی سفارشی Cross-field Validation: Custom Validator

  • چک لیست ها و خلاصه Checklists and Summary

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

  • مقدمه Introduction

  • تماشا کردن Watching

  • واکنش دادن: تنظیم قوانین اعتبار سنجی Reacting: Adjusting Validation Rules

  • واکنش دادن: نمایش پیام های اعتبار سنجی Reacting: Displaying Validation Messages

  • تحولات واکنشی Reactive Transformations

  • چک لیست ها و خلاصه Checklists and Summary

به صورت پویا عناصر ورودی را تکرار کنید Dynamically Duplicate Input Elements

  • مقدمه Introduction

  • مراحل Steps

  • عناصر ورودی را برای تکرار تعریف کنید Define the Input Element(s) to Duplicate

  • FormGroup را تعریف کنید Define a FormGroup

  • رفکتور Refactor

  • یک FormArray ایجاد کنید Create a FormArray

  • حلقه را از طریق FormArray حلقه کنید Loop Through the FormArray

  • عناصر ورودی را کپی کنید Duplicate the Input Elements

  • چک لیست ها و خلاصه Checklists and Summary

فرمهای واکنشی در متن Reactive Forms in Context

  • مقدمه Introduction

  • برنامه کاربردی Sample Application

  • کاربرد نمونه: معماری Sample Application: Architecture

  • کاربرد نمونه: کد Sample Application: Code

  • مسیریابی به یک فرم Routing to a Form

  • خواندن پارامتر مسیر Reading a Route Parameter

  • تنظیم can می توانید Guard را غیرفعال کنید Setting a canDeactivate Guard

  • Refactoring به کلاس اعتبار سنجی سفارشی Refactoring to a Custom Validation Class

  • چک لیست ها و خلاصه Checklists and Summary

ایجاد ، خواندن ، به روزرسانی و حذف (CRUD) با استفاده از HTTP Create, Read, Update, and Delete (CRUD) Using HTTP

  • مقدمه Introduction

  • سرویس دسترسی به داده Data Access Service

  • خدمات دسترسی به داده ها: نسخه ی نمایشی Data Access Service: Demo

  • جعل سرور Backend Faking a Backend Server

  • پر کردن فرم با داده Populating the Form with Data

  • پر کردن فرم با داده: Http Get Populating the Form with Data: Http Get

  • پر کردن فرم با داده: مشترک شوید Populating the Form with Data: Subscribe

  • ذخیره ویرایش ها Saving Edits

  • ذخیره ویرایش ها: نسخه ی نمایشی Saving Edits: Demo

  • ایجاد موارد جدید Creating New Items

  • ایجاد موارد جدید: نسخه ی نمایشی Creating New Items: Demo

  • در حال حذف مورد موجود Deleting an Existing Item

  • در حال حذف مورد موجود: نسخه ی نمایشی Deleting an Existing Item: Demo

  • چک لیست ها و خلاصه Checklists and Summary

کلمات نهایی Final Words

  • مقدمه Introduction

  • Recapping سفر شما Recapping Your Journey

  • بیشتر بیاموزید Learning More

  • بستن Closing

نمایش نظرات

Pluralsight (پلورال سایت)

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

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Deborah Kurata Deborah Kurata

دبورا کوراتا یک توسعه دهنده نرم افزار ، مشاور ، سخنران کنفرانس و نویسنده Pluralsight است. دوره های وی شامل موارد زیر است: Angular: Starting، Angular Routing و Object-oriented Programming Fundamentals in C #. وی برای کار در حمایت از توسعه دهندگان نرم افزار ، جایزه Microsoft Most Valuable Professional (MVP) را دریافت کرده است و یک متخصص توسعه دهنده Google (GDE) است.