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

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

نمایش نظرات

نظری ارسال نشده است.

آموزش فرم های الگو محور زاویه ای
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 37m
38
Pluralsight (پلورال سایت) pluralsight-small
23 بهمن 1402 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
3
از 5
دارد
دارد
دارد
Jim Cooper

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jim Cooper Jim Cooper

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

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

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

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