دوره آموزشی
دوبله زبان فارسی
عملیات 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
مشخصات آموزش
عملیات CRUD ری اکت با یکپارچه سازی API
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:25
- مدت زمان :02:21:58
- حجم :1.13GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy