نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
شما می توانید با استفاده از رویکرد 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 میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات