دانش پایه یک چیز است، اما چگونه میتوان با استفاده از React و ASP.NET Core Web API یک برنامه ساخت؟ برای یک تور راهنما در کل فرآیند در این دوره آماده شوید.
آنچه یاد خواهید گرفت:
دانش نظری در مورد ASP.NET Core Web API و React یک چیز است، اما در مورد تجربه عملی؟ این دوره با ایجاد یک راه حل کامل از ابتدا تا انتها به شما در این امر کمک میکند. در این دوره آموزشی ساخت SPA End-to-End با استفاده از ASP.NET Core 6 Web API و React، یاد میگیرید که چگونه با این فناوریها یک اپلیکیشن را به صورت سرتاسر بسازید. ابتدا، نحوه تنظیم محیط را با ایجاد یک برنامه ساده React و دسترسی به API کشف خواهید کرد. سپس، از همان ابتدا، یک اپلیکیشن دنیای واقعی را به صورت گام به گام بررسی و ایجاد خواهید کرد. در نهایت، نحوه به روز رسانی، حذف، احراز هویت اپلیکیشن خود را خواهید آموخت. در پایان این دوره، شما یک API کاملا کاربردی با برنامه React Single Page Application و همچنین تمام دانش مورد نیاز برای ایجاد API خواهید داشت!
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 First Steps [18mins]
02-01 What You Should Know Before Starting [3mins]
02-02 Preparing to Code [3mins]
02-03 React- Initial Application and Component [6mins]
02-04 API- Initial Application with Swagger [4mins]
02-05 Running and Debugging [2mins]
03 Exposing, Getting, and Displaying Data [26mins]
03-01 API- Creating a Database [5mins]
03-02 API- Adding Data Endpoints [2mins]
03-03 API- Separating Concerns [5mins]
03-04 React- Consuming Endpoints [4mins]
03-05 React- Custom Hooks and useEffect [2mins]
03-06 React- Caching and Re-fetching with react-query [6mins]
03-07 React- Formatting Incoming Data and Displaying API Status Information [2mins]
04 Adding Frontend Routing and Navigation [13mins]
04-01 API- Details Endpoint [5mins]
04-02 React- Setting up Routing [2mins]
04-03 React- Details Component [4mins]
04-04 React- Navigation [2mins]
05 Creating, Updating, and Deleting Data [35mins]
05-01 API- Create, Edit, and Delete Endpoints [5mins]
05-02 API- Database Persistance [5mins]
05-03 React- useMutation and Cache Invalidation [4mins]
05-04 React- Forms [4mins]
05-05 React- Reusing Components [5mins]
05-06 API- Validation [4mins]
05-07 React- Displaying Validation Errors [4mins]
05-08 React- Uploading Images [4mins]
06 Working with Related Data [13mins]
06-01 API- Adding an Entity [2mins]
06-02 API- New Repository [2mins]
06-03 API- Extra Endpoints [3mins]
06-04 React- Adding Hooks [2mins]
06-05 React- Displaying and Adding Data in One Component [4mins]
07 Deployment, Authentication, and Authorization [30mins]
07-01 A Short Guide to This Module [1mins]
07-02 API and React- Deployment [4mins]
07-03 Why Authentication and How NOT to Do It [3mins]
07-04 The Cookie Approach [5mins]
07-05 Hosting the React Application Inside the ASP.NET Core Project [2mins]
07-06 API- Implementing Cookie Authentication [4mins]
07-07 React- Supporting Cookie Authentication [2mins]
07-08 OpenId Connect with BFF [4mins]
07-09 API- OpenId Connect with BFF [5mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 قدمهای اول [18 دقیقه]
02-01 آنچه باید قبل از شروع بدانید [3 دقیقه]
02-02 آماده شدن برای کد [3 دقیقه]
02-03 React- Initial Application and Component [6mins]
02-04 API- برنامه اولیه با Swagger [4 دقیقه]
02-05 اجرا و رفع اشکال [2 دقیقه]
03 افشای، دریافت و نمایش دادهها [26 دقیقه]
03-01 API- ایجاد یک پایگاه داده [5 دقیقه]
03-02 API- افزودن نقاط پایانی داده [2 دقیقه]
03-03 API- جدا کردن نگرانیها [5 دقیقه]
03-04 واکنش- مصرف نقاط پایانی [4 دقیقه]
03-05 React- Hooks سفارشی و useEffect [2 دقیقه]
03-06 React- ذخیره و واکشی مجدد با react-query [6 دقیقه]
03-07 React- قالببندی دادههای ورودی و نمایش اطلاعات وضعیت API [2 دقیقه]
04 افزودن مسیریابی و ناوبری Frontend [13 دقیقه]
04-01 API- نقطه پایان جزئیات [5 دقیقه]
04-02 React- راه اندازی مسیریابی [2 دقیقه]
04-03 واکنش- جزء جزئیات [4 دقیقه]
04-04 واکنش- پیمایش [2 دقیقه]
05 ایجاد، بهروزرسانی و حذف دادهها [35 دقیقه]
05-01 API- ایجاد، ویرایش و حذف نقاط پایانی [5 دقیقه]
05-02 API- پایداری پایگاه داده [5 دقیقه]
05-03 React- useMutation و Cache Invalidation [4 دقیقه]
05-04 واکنش- فرمها [4 دقیقه]
05-05 واکنش- استفاده مجدد از اجزاء [5 دقیقه]
05-06 API- اعتبارسنجی [4 دقیقه]
05-07 React- نمایش خطاهای اعتبارسنجی [4 دقیقه]
05-08 واکنش- آپلود تصاویر [4 دقیقه]
06 کار با دادههای مرتبط [13 دقیقه]
06-01 API- افزودن یک موجود [2 دقیقه]
06-02 API- مخزن جدید [2 دقیقه]
06-03 API- نقاط پایانی اضافی [3 دقیقه]
06-04 واکنش- افزودن قلاب [2 دقیقه]
06-05 React- نمایش و افزودن داده در یک جزء [4 دقیقه]
07 استقرار، احراز هویت و مجوز [30 دقیقه]
07-01 راهنمای کوتاهی برای این ماژول [1 دقیقه]
07-02 API و React- استقرار [4 دقیقه]
07-03 چرا احراز هویت و چگونه آن را انجام ندهیم [3 دقیقه]
07-04 رویکرد کوکی [5 دقیقه]
07-05 میزبانی برنامه React در داخل پروژه هسته ASP.NET [2 دقیقه]
07-06 API- اجرای احراز هویت کوکی [4 دقیقه]
07-07 React- پشتیبانی از احراز هویت کوکی [2 دقیقه]
07-08 OpenId Connect با BFF [4 دقیقه]
07-09 API- OpenId Connect با BFF [5 دقیقه]
Roland یک MVP مایکروسافت است که از کنجکاوی دائمی در مورد تکنیکهای جدید در توسعه نرمافزار لذت میبرد. تمرکز او بر روی همه چیزهای دات نت و فناوریهای مرورگر است. او به عنوان یک مربی قدیمی، دورههای بسیاری را در مورد این موضوعات رهبری کرد و در کنفرانسهای بین المللی در مورد آنها صحبت کرد. او همچنین به سراسر جهان سفر میکند تا کارگاههای آموزشی خود را ارائه دهد. کلمهای که وقتی به توسعه نرمافزار فکر میکند به ذهنش میرسد، اشتیاق است! رولاند با همسر و دو پسرش در هلند زندگی میکند.