دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

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

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

✅ سرفصل و جزئیات آموزش

این دوره تجربه نهایی CRUD ری اکت را ارائه می دهد. در این دوره همه جانبه، به یکپارچه سازی API و پروژه مسلط شوید.

آنچه یاد خواهید گرفت

  • شما عملیات CRUD ری اکت را با یکپارچه سازی API یاد خواهید گرفت.
  • مقایسه کاربرد npm در مقابل npx
  • ساختار اپلیکیشن ری اکت را بررسی کنید و آن را نصب کنید.
  • ناوبری را با React Router DOM پیاده سازی کنید.
  • جدول داده یک دانشجو را ساخته و مدیریت کنید.
  • JSON Server را راه اندازی کرده و از آن برای ماک کردن API ها استفاده کنید.
  • از useEffect برای مدیریت side-effect استفاده کنید.
  • داده کامپوننت را با React State مدیریت کنید.
  • فرم های تعاملی طراحی و پیاده سازی کنید.
  • تغییرات ورودی را با رویدادهای onChange مدیریت کنید.
  • ارسال فرم ها را با onSubmit پردازش کنید.
  • عملیات های داده را با POST ،PUT و DELETE انجام دهید.
  • قابلیت واکشی را برای درخواست های پیشرفته توسعه دهید.
  • اعتبارسنجی را برای اطمینان از دقت فیلدهای ورودی اضافه کنید.
  • داده را به طور موثر بازیابی کرده و نمایش دهید.
  • اطلاعات دقیق دانشجو را مشاهده کنید.
  • رکوردهای دانشجو را به طور یکنواخت بروزرسانی کنید.
  • داده را فرم ها برای ویرایش نمایش دهید.
  • ورودی های داده دانشجو را به طور ایمن حذف کنید.
  • داده را با شماره گذاری متوالی سازماندهی کنید.

توضیحات دوره

شما مفاهیم ضروری مسلط خواهید شد که عبارتند از:

  • npm در مقابل npx: تفاوت ها و اینکه چه زمانی از هر کدام استفاده کنید را درک کنید.
  • نصب اپلیکیشن ری اکت: محیط ری اکت خود را راه اندازی کرده و ساختار فایل را بررسی کنید.
  • React Router DOM: ناوبری یکنواخت بین کامپوننت های مختلف را یاد بگیرید.
  • ایجاد جدول دانشجو: یک جدول پویا برای داده دانشجو ساخته و آن را مدیریت کنید.
  • سرور JSON: یک بک اند برای اپلیکیشن خود شبیه سازی کنید.
  • useEffect در ری اکت: به هوک برای مدیریت side effects مسلط شوید.
  • State در ری اکت: داده را به طور موثر در کامپوننت های خود مدیریت و دستکاری کنید.
  • ایجاد فرم: فرم های تعاملی برای ورودی کاربر توسعه دهید.
  • هندلر رویداد onChange: ورودی های کاربر را به صورت بلادرنگ ضبط کرده و به آن ها پاسخ دهید.
  • هندلر رویداد onSubmit: داده فرم بعد از ارسال پردازش کنید.
  • عملیات های POST ،PUT و DELETE: داده را با یکپارچه سازی API مدیریت کنید.
  • توسعه قابلیت واکشی: درخواست های واکشی را برای برآورده کردن نیازهای اپلیکیشن سفارشی سازی کنید.
  • افزودن اعتبارسنجی برای فیلدهای ورودی: از دقت و یکپارچه سازی داده کاربر مطمئن شوید.
  • خواندن داده: داده را به طور موثر بازیابی کرده و نمایش دهید.
  • مشاهده داده دانشجو: view های دقیقی را از رکوردهای هر دانشجو پیاده سازی کنید.
  • بروزرسانی داده: ویرایش کنید و تغییرات در داده موجود را ذخیره کنید.
  • نمایش داده در فرم: فرم ها را برای بروزرسانی ها با داده موجود از قبل پر کنید.
  • حذف داده: داده را به طور ایمن از اپلیکیشن خود حذف کنید.
  • نمایش شماره در سری ها: داده را با شماره گذاری متوالی سازماندهی کنید.

این دوره برای چه کسانی مناسب است؟

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

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

  • مقدمه بخش 01:13
  • دموی پروژه 03:13
  • npm در مقابل npx 03:16
  • اپلیکیشن ری اکت و بررسی ساختار فایل 05:00
  • React Router DOM 08:24
  • پیاده سازی React Router DOM 10:23
  • ایجاد جدول دانشجو 06:13
  • سرور JSON 09:55
  • useEffect چیست؟ 03:13
  • پیاده سازی useEffect 05:55
  • State در ری اکت چیست؟ 02:15
  • پیاده سازی useState 07:37
  • ایجاد فرم 05:08
  • هندلر رویداد onChange 07:26
  • هندلر رویداد onSubmit 04:38
  • POST ،PUT و DELETE 05:11
  • توسعه قابلیت واکشی 06:56
  • افزودن اعتبارسنجی برای فیلدهای ورودی 06:56
  • کار با خواندن داده 08:39
  • مشاهده داده دانشجو 06:39
  • کار با بروزرسانی داده 06:32
  • نمایش داده در فرم 04:29
  • حذف داده 04:00
  • نمایش شماره در سری ها 02:40
  • تشکر از شما 01:05

928,000 185,600 تومان

مشخصات آموزش

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

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:متوسط
  • تعداد درس:25
  • مدت زمان :02:21:58
  • حجم :1.13GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید