آموزش React Forms: چگونه در React فرم بسازیم

دانلود React Forms Tutorial: How to Build Forms in React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

برنامه‌ای که نمی‌تواند داده‌ها را دریافت، ذخیره یا پردازش کند، استفاده بسیار محدودی خواهد داشت. البته، برخی از برنامه‌ها وجود دارند که اجزای آن‌ها به هیچ‌گونه ورودی نیاز ندارند، اما از صفحه ورود به سیستم گرفته تا صفحات پرداخت، فرم‌ها بخش مهمی از اکثر برنامه‌های مبتنی بر React هستند. داده‌هایی که مدیریت می‌کنید نیز لزوماً نباید با دست وارد شوند، می‌توانند به‌طور خودکار با فعالیت در صفحه، با رویدادهای تغییر React یا با پیکربندی مستقیم عناصر برای به‌روزرسانی مستقیم مقادیر تولید شوند. این آموزش راه‌های زیادی را به شما نشان می‌دهد که می‌توانید با React ورودی‌های داده را در فرم‌ها مدیریت کنید و برنامه‌هایتان را پاسخگوتر و مفیدتر کنید.

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

برای هرکسی که آموزش فناوری اطلاعات را مدیریت می‌کند، این آموزش منبع باز می‌تواند برای نصب طراحان شبکه جدید، در برنامه‌های آموزشی فردی یا تیمی، یا به عنوان منبع مرجع منبع باز استفاده شود.

React Forms: آنچه شما باید بدانید

این آموزش React Forms دارای ویدیوهایی است که موضوعات بهترین شیوه های جاوا اسکریپت را پوشش می دهد، از جمله:

  • به کاربران امکان می‌دهد مستقیماً داده‌ها را به برنامه‌های شما وارد کنند
  • ضبط، ذخیره و یکپارچه سازی داده های کاربر
  • جمع آوری داده از طریق رویدادهای تغییر React یا استفاده از مرورگر
  • تنظیم مقادیر با اجزای کنترل نشده و کنترل شده
چه کسی باید در آموزش فرم های واکنشی شرکت کند؟

این آموزش React Forms آموزش منبع باز در سطح پایه در نظر گرفته می شود، به این معنی که برای طراحان شبکه طراحی شده است. این دوره مهارت ReactJS برای طراحان شبکه با سه تا پنج سال تجربه با بهترین شیوه های جاوا اسکریپت طراحی شده است.

طراحان شبکه جدید یا مشتاق. اگر به تازگی شروع به کار کرده‌اید، در مورد مدیریت نحوه مدیریت برنامه‌های React شما برای مدیریت ورودی‌های داده، چیزهای زیادی وجود دارد. فقط این نیست که آن داده‌ها پس از وارد شدن به کجا می‌روند، بلکه نحوه ظاهر شدن فرم، محل ورود ورودی‌ها و نحوه تأثیرگذاری مؤلفه‌ها توسط فرم‌ها نیز مهم نیست.

طراحان شبکه با تجربه. برای طراحان با تجربه بیشتر، احتمالاً تجربه عملی ساخت فرم ها در React بیشترین بهره را خواهید برد. این دوره دارای محیط‌های تمرینی و تمرین‌های عملی است که به شما کمک می‌کند تا مطمئن شوید که با روش‌های مختلف برای وارد کردن و پردازش داده‌ها در برنامه‌های React خود راحت هستید.


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

فرم های قابل استفاده مجدد Deep-Dive Reusable Forms Deep-Dive

  • بررسی اجمالی Overview

  • معرفی Introduction

  • طراحی کامپوننت فرم ایده آل Designing an Ideal Form Component

  • تولید خودکار ورودی ها Automatically Generating Inputs

  • استفاده از انواع ورودی های مختلف Using Different Input Types

  • گزینه های پیکربندی فیلد فرم Form Field Configuration Options

  • نتیجه Conclusion

مبانی اعتبار سنجی فرم Form Validation Basics

  • بررسی اجمالی Overview

  • معرفی Introduction

  • رسمی کردن اعتبار سنجی فرم Formalizing Form Validation

  • اعتبار سنجی فرم پایه Basic Form Validation

  • اعتبار سنجی فرم قابل تنظیم Configurable Form Validation

  • سفارشی کردن پیام های خطای اعتبارسنجی Customizing Validation Error Messages

  • نتیجه Conclusion

اعتبار سنجی فرم با عبارات منظم Form Validation with Regular Expressions

  • بررسی اجمالی Overview

  • معرفی Introduction

  • ایجاد اعتبارسنجی فرم قابل استفاده مجدد Creating Reusable Form Validators

  • ایجاد اعتبارسنجی فرم Regex Creating Regex Form Validators

  • نمایش خطاها در ورودی های خاص Displaying Errors on Specific Inputs

  • اعتبارسنجی رمز عبور Password Validation

  • نتیجه Conclusion

اعتبار سنجی فرم پیشرفته Advanced Form Validation

  • بررسی اجمالی Overview

  • معرفی Introduction

  • اعتبار سنجی فرم جهانی Global Form Validators

  • اعتبارسنجی چند میدانی Multi-Field Validation

  • اعتبارسنجی "در مورد تغییر" و "در هنگام ارسال". "On Change" and "On Submit" Validation

  • نتیجه Conclusion

با ورودی های فرم های مختلف کار کنید Work with Different Form Inputs

  • بررسی اجمالی Overview

  • معرفی Introduction

  • تقسیم یک فرم به اجزای جداگانه Splitting a Form into Separate Components

  • پیاده سازی یک جزء گروه رادیویی Implementing a Radio Group Component

  • پیاده سازی یک جزء گروه چک باکس Implementing a Checkbox Group Component

  • پیاده سازی یک کامپوننت کشویی Implementing a Dropdown Component

  • نتیجه Conclusion

نمایش نظرات

آموزش React Forms: چگونه در React فرم بسازیم
جزییات دوره
4h
26
CBTNuggets CBTNuggets
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

Shaun با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.