توضیحات

آموزش پروژه محور طراحی و ساخت انواع فرم با Angular Forms

نام دوره : Angular Forms In Depth (Angular 16)

دوره های زیر به همراه این دوره پیشنهاد می شود:

آموزش ساخت برنامه های تک صفحه ای (SPA) با انگولار روتر

آموزش طراحی برنامه با کتابخانه Angular Material

آموزش پروژه محور رندر سمت سرور با Angular Universal

پیش نیاز:

• دانش پایه Angular و Typescript تنها چیزی است که لازم است

توضیحات:

این دوره راهنمای عمیقی برای فرم های قالب محور و واکنشی Angular است و با یک مخزن در حال اجرا Github ارائه می شود.

Angular اغلب برای ساخت برنامه‌های سازمانی داخلی استفاده می‌شود که معمولاً فشرده هستند.

این نوع برنامه معمولا دارای تعداد زیادی فرم های پیچیده ورود داده، با انواع قوانین اعتبارسنجی فرم پیچیده است.

Angular تمام ابزارهایی را که برای ساخت این فرم های پیچیده به روشی مقیاس پذیر و کاربرپسند از طریق ماژول Angular Forms نیاز داریم در اختیار ما قرار می دهد.

دو نوع فرم موجود است: فرم های قالب محور و فرم های واکنشی که در این دوره به تفصیل به هر دو نوع فرم خواهیم پرداخت.

ما همچنین آنها را با هم مقایسه خواهیم کرد و توضیح خواهیم داد که چه زمانی و چرا از هر نوع فرم استفاده کنیم.

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

ما این دوره را با پیاده سازی یک فرم ساده با استفاده از فرم های قالب محور و ngModel شروع خواهیم کرد.

ما دقیقاً نحوه عملکرد ngModel و ngForm را درک خواهیم کرد و چندین روش استفاده از این دستورالعمل ها برای اتصال داده ها و اعتبار سنجی فرم را خواهیم فهمید.

ما فرم‌های مبتنی بر الگو را با جزئیات یاد خواهیم گرفت، از جمله نحوه ساخت اعتباردهنده‌های فرم سفارشی با استفاده از دستورالعمل‌های سفارشی.

در مرحله بعد، همان فرم مبتنی بر الگو را که ایجاد کرده‌ایم را به شکل واکنشی تغییر می‌دهیم و این دو رویکرد را با هم مقایسه می‌کنیم.

سپس از فرم‌های واکنشی برای ساختن فرم ورود داده‌های بسیار پیچیده‌تر با انواع مختلف کنترل‌ها، گروه‌های تودرتو، آرایه‌های کنترل‌ها، اعتبارسنجی‌های سفارشی، اعتبارسنجی‌های ناهمزمان، اعتبارسنجی چند فیلد، پیش‌نویس پیش‌نویس فرم و موارد دیگر استفاده می‌کنیم.

فرم واکنشی چند مرحله ای که ما خواهیم ساخت، چیزی بسیار نزدیک به چیزی است که در یک برنامه تولید پیدا می کنید، و به ما امکان می دهد به راحتی تمام ویژگی های قدرتمند فرم های واکنشی را در یک تمرین گام به گام بزرگ نشان دهیم.

ما یاد خواهیم گرفت که چگونه فرم های تودرتو با قابلیت استفاده مجدد بسازیم (مانند فرم آدرس)، و همچنین آپلود فایل را با جزئیات پوشش خواهیم داد.

ما یک کنترل آپلود فایل سفارشی با نشانگر پیشرفت ایجاد می کنیم و قابلیت های آپلود را لغو می کنیم.

ما این دوره را با ارائه یک مثال کامل که نحوه استفاده از آرایه های فرم را نشان می دهد، به پایان خواهیم رساند.

فهرست مطالب

دوره آموزش پروژه محور طراحی و ساخت انواع فرم با Angular Forms موضوعات زیر را پوشش می دهد:

• مقدمه ای بر ماژول Angular Forms
• اجزای فرم مواد زاویه ای
• فرم های الگو محور – ngModel چگونه کار می کند؟
• قوانین اعتبار سنجی فرم معمولی
• پیام های خطای اعتبار سنجی فیلد فرم
• استفاده از ngModel برای اتصال یک طرفه و دو طرفه داده ها
• درک جزئیات ngModelOptions
• اعتبار سنجی سفارشی فرم مبتنی بر الگو
• نحوه استفاده از سرویس FormBuilder
• تغییر شکل یک فرم از قالب محور به فرم واکنشی
• مقایسه بین فرم های الگو محور و واکنشی – چه زمانی و چرا باید از هر کدام استفاده کرد
• چرا به آنها اشکال واکنشی می گویند؟ درک مشاهده پذیرهای متعدد موجود
• نحوه تنظیم مجدد و تنظیم مقادیر جدید به صورت واکنشی
• توسعه یک فرم پیچیده با استفاده از اشکال واکنشی
• نحوه استفاده از انواع کنترل‌های فرم رایج: ورودی‌های معمولی، مناطق متنی، دکمه‌های رادیویی، چک باکس‌ها، تقویم‌ها، تکمیل خودکار و غیره.
• دستورات formGroup و formControlName و formControl
• اعتبار سنجی سفارشی فرم های واکنشی – اعتبارسنجی چند میدانی
• اعتبار سنجی یک فیلد فرم با استفاده از اعتبار سنجی غیر همگام
• فیلدهای وابسته – نحوه فعال یا غیرفعال کردن برخی از فیلدهای فرم بسته به مقادیر سایر فیلدها
• پیش‌نویس فرم را ذخیره کنید
• ساخت یک فرم چند مرحله ای با متریال زاویه ای
• فرم های تو در تو قابل استفاده مجدد (فرم آدرس)
• کنترل فرم آپلود فایل سفارشی
• آرایه ها را تشکیل دهید

دوره آموزش پروژه محور طراحی و ساخت انواع فرم با Angular Forms برای چه کسانی است:

• توسعه دهندگان Angular، سعی می کنند همه چیز را در مورد Angular Forms به طور عمیق یاد بگیرند

بخشی از دوره :