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

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

نمایش نظرات

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

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

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

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jim Cooper Jim Cooper

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