واکنش عملیات CRUD با یکپارچه سازی API

React CRUD Operation with API Integration

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تجربه نهایی React CRUD: پروژه اصلی، یکپارچه سازی API. دوره همه کاره شما! شما React CRUD Operation with API Integration Compare npm vs npx usage را خواهید آموخت. ساختار برنامه React را نصب و کاوش کنید. پیمایش را با React Router DOM پیاده سازی کنید. جدول داده های دانش آموز را بسازید و مدیریت کنید. سرور JSON را برای APIهای ساختگی راه اندازی و استفاده کنید. از useEffect برای مدیریت عوارض جانبی استفاده کنید. داده های کامپوننت را با React State مدیریت کنید. طراحی و پیاده سازی فرم های تعاملی تغییرات ورودی را با رویدادهای onChange مدیریت کنید. فرم های ارسالی را با استفاده از onSubmit پردازش کنید. عملیات داده را با PUT، POST و DELETE انجام دهید. قابلیت واکشی را برای درخواست های پیشرفته گسترش دهید. برای اطمینان از فیلدهای ورودی دقیق اعتبارسنجی را اضافه کنید. بازیابی و نمایش داده ها به طور موثر. مشاهده اطلاعات دقیق دانش آموزان سوابق دانش آموزان را به طور یکپارچه به روز کنید. نمایش داده ها در فرم ها برای ویرایش با خیال راحت ورودی های داده های دانش آموز را حذف کنید. سازماندهی داده ها با شماره گذاری متوالی پیش نیازها: برای این پروژه React هیچ تجربه کدنویسی قبلی لازم نیست! من شما را کاملاً از ابتدا می گیرم. داشتن درک اولیه از جاوا اسکریپت مفید است.

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


شما به مفاهیم اساسی مانند:

تسلط خواهید داشت


  1. npm در مقابل npx: تفاوت‌ها و زمان استفاده از هر کدام را درک کنید.

  2. برنامه React را نصب کنید: محیط React خود را تنظیم کنید و ساختار فایل را بررسی کنید.

  3. React Router DOM: یاد بگیرید که بین اجزای مختلف به طور یکپارچه پیمایش کنید.

  4. ایجاد جدول دانشجویی: یک جدول پویا برای داده های دانش آموز بسازید و مدیریت کنید.

  5. سرور JSON : یک Backend را برای برنامه خود شبیه سازی کنید.

  6. useEffect در React: این قلاب را برای کنترل عوارض جانبی مسلط کنید.

  7. حالت در React : داده ها را به طور موثر در اجزای خود مدیریت و دستکاری کنید.

  8. ایجاد فرم: فرم‌های تعاملی را برای ورودی کاربر ایجاد کنید.

  9. onChange Event Handler : ورودی های کاربر را در زمان واقعی ضبط کرده و به آنها پاسخ دهید.

  10. onSubmit Event Handler : داده های فرم را پس از ارسال پردازش کنید.

  11. عملیات PUT، POST، DELETE: مدیریت داده ها با یکپارچه سازی API.

  12. گسترش عملکرد واکشی: درخواست‌های واکشی را برای برآورده کردن نیازهای برنامه سفارشی کنید.

  13. افزودن اعتبارسنجی برای فیلدهای ورودی: از صحت و یکپارچگی داده‌های کاربر اطمینان حاصل کنید.

  14. خواندن داده ها: داده ها را به طور موثر بازیابی و نمایش می دهد.

  15. مشاهده داده‌های دانش‌آموز: نماهای دقیق سوابق فردی دانش‌آموز را اجرا کنید.

  16. به روز رسانی داده ها: تغییرات را در داده های موجود ویرایش و ذخیره کنید.

  17. نمایش داده ها در فرم: فرم ها را با داده های موجود برای به روز رسانی از قبل پر کنید.

  18. حذف داده ها: داده ها را با خیال راحت از برنامه خود حذف کنید.

  19. نمایش شماره در سری : داده ها را با شماره گذاری متوالی سازماندهی کنید.


چرا یاد بگیریم React؟

  • انعطاف پذیر و مقیاس پذیر: React انتخاب پیشرو برای توسعه وب مدرن است.

  • تقویت شغلی: چه در حال شروع یا پیشرفت باشید، مهارت‌های React بسیار ارزشمند هستند.

  • جذاب و سرگرم کننده: این دوره به گونه ای طراحی شده است که کاربردی و جالب باشد—بدون سخنرانی خسته کننده در اینجا!


100٪ ضمانت بازگشت وجه

  • بدون ریسک: اگر دوره برای شما مناسب نیست، ظرف 30 روز بازپرداخت دریافت کنید—بدون سوال. بنابراین، با دانستن اینکه هیچ خطری برای شما وجود ندارد، مطمئن باشید - فقط پتانسیل آینده روشن‌تری در پیش است.


امروز به من بپیوندید!

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


در صورت تمایل می توانید هر گونه اصلاح یا اضافه ای را برای مطابقت با ترجیحات خود انجام دهید!



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

به پروژه خوش آمدید Welcome to Project

  • بخش معرفی Section Intro

  • نسخه ی نمایشی پروژه Project Demo

  • npm در مقابل npx npm vs npx

  • React App را نصب کنید و ساختار فایل را کاوش کنید Install React App and Explore File Structure

  • پوشه Node Modules را نصب کنید Install Node Modules Folder

[PROJECT] عملیات CRUD - قسمت 1 [PROJECT] CRUD Operation - Part 1

  • React Router DOM React Router DOM

  • پیاده سازی React Router DOM Implementation of React Router DOM

  • جدول دانش آموزی ایجاد کنید Create Student Table

  • سرور JSON JSON Server

  • useEffect چیست What is useEffect

  • پیاده سازی useEffect Implementation of useEffect

  • State در React چیست؟ What is State in React

  • پیاده سازی useState Implementation of useState

  • فرم ایجاد کنید Create Form

  • onChange Event Handler onChange Event Handler

  • onSubmit Event Handler onSubmit Event Handler

[PROJECT] عملیات CRUD - قسمت 2 [PROJECT] CRUD Operation - Part 2

  • PUT-POST-DELETE PUT-POST-DELETE

  • گسترش تابع Fetch Extend Fetch Function

  • افزودن اعتبارسنجی برای فیلدهای ورودی Add Validation for Input Fields

  • کار بر روی خواندن داده ها Working on Reading Data

  • مشاهده داده های دانش آموز View Student Data

  • کار بر روی به روز رسانی داده ها Working on Updating Data

  • نمایش داده ها در فرم Display Data on Form

  • حذف داده ها Deleting Data

  • نمایش شماره به صورت سری Display number in series

پایان!! The END !!

  • متشکرم Thank You

  • دوره های دیگر را تماشا کنید Watch Other Courses

نمایش نظرات

واکنش عملیات CRUD با یکپارچه سازی API
جزییات دوره
2.5 hours
27
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,006
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Khaiser Khanam Khaiser Khanam

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