ساخت اپلیکیشنها با React 19 و ASP.NET Core 9
✅ سرفصل و جزئیات آموزش
آنچه خواهید آموخت
- ساخت Web API با NET Core.
- توسعه اپلیکیشنهای تکصفحهای (SPA) با React
- استفاده از Entity Framework Core برای کار با پایگاههای داده
- ایجاد قابلیتهای ثبتنام و ورود
- استقرار اپلیکیشنهای NET Core. و React
پیشنیازهای دوره
- دانش اولیه در HTML ،CSS و #C
توضیحات دوره
با استفاده از ASPNET Core.، امکان ساخت Web API با زبان #C وجود دارد.
با React، میتوان وب اپلیکیشنهای مدرن و انعطافپذیر ایجاد کرد.
در این دوره، از هر دو ابزار برای ساخت یک پروژه کامل استفاده خواهد شد. یک اپلیکیشن شامل پایگاه داده، سیستم کاربری، بکاند و رابط کاربری ایجاد میشود و تمام مفاهیم آموزش داده شده در طول دوره، به صورت عملی به کار گرفته میشوند.
مراحل توسعه فرانتاند با React و بکاند با ASPNET Core. به صورت گامبهگام طی خواهد شد. نیازی به تجربه زیاد در این فناوریها نیست؛ چرا که مدرس در طول مسیر اصول پایه را آموزش میدهد.
در نهایت، هر دو اپلیکیشن React و ASPNET Core. در محیط عملیاتی مستقر خواهند شد.
برخی از موضوعاتی که در اینجا پوشش داده میشوند عبارتند از:
- ساخت Web API با ASPNET Core.
- کار با پایگاههای داده SQL Server با استفاده از Entity Framework Core
- پیادهسازی سیستم کاربری با JSON Web Tokens (JWT)
- توسعه اپلیکیشن تکصفحهای (SPA) با React
- ایجاد فرمها در React
- استفاده از React Hooks و ساخت Hookهای سفارشی
- ارسال درخواستهای HTTP از React به ASPNET Core. با استفاده از Axios
- استفاده از کامپوننتهای شخص ثالث
- نمایش نقشهها با Leaflet
- ذخیره داده مکانی در پایگاه داده با NetTopologySuite
- امکان آپلود تصاویر توسط کاربران و ذخیره آنها در Azure Storage یا به صورت محلی
در پایان این دوره، دانش و مهارت لازم برای مواجهه با چالشهای واقعی توسعه با استفاده از ASP.NET Core و React کسب خواهد شد.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند Full-Stack شوند.
- توسعهدهندگان NET. که میخواهند React را یاد بگیرند. (و برعکس)
ساخت اپلیکیشنها با React 19 و ASP.NET Core 9
-
مقدمه 00:30
-
React چیست؟ 04:00
-
ASP.NET Core چیست؟ 02:25
-
فرانتاند در مقابل بکاند 03:19
-
TypeScript چیست؟ 04:15
-
نصب NVM و Node 02:42
-
Vite چیست؟ 01:03
-
نصب Visual Studio 01:42
-
نصب Visual Studio Code 01:49
-
نصب SQL Server 02:21
-
ساخت اپلیکیشن React 02:50
-
ساخت Web API با استفاده از Visual Studio 04:14
-
ساخت Web API با استفاده از Visual Studio Code 04:52
-
خلاصه 00:47
-
مقدمه 00:26
-
ساخت پروژه 01:08
-
ماژولها 07:29
-
Let و Const 06:21
-
توابع Arrow 07:11
-
رشتههای قالب 05:09
-
عملگر سه تایی 03:56
-
Enhanced Object Literals 05:42
-
ساختارشکنی 07:26
-
عملگر Spread 13:01
-
کلاسها 05:52
-
متد Array Map 08:05
-
Promiseها و Async-Await 10:59
-
دیباگر 04:04
-
خلاصه 01:48
-
مقدمه 00:39
-
بررسی پروژه React 08:59
-
مقایسه React و HTML 11:45
-
بررسی ساختار یک کامپوننت اولیه 02:37
-
کامپوننتهای تابعی و کلاسی 03:45
-
مقدمهای بر JSX 08:03
-
React.Fragment 02:29
-
عبارتها در JSX 04:44
-
CSS در React 07:32
-
رویدادها در React 06:01
-
هوکهای React 04:45
-
هوک useState 02:03
-
کامپوننتهای فرزند: Props 06:11
-
ارسال محتوا به عنوان پارامتر 05:37
-
نمایش پویای محتوا 08:47
-
تکرار محتوا با Map 07:22
-
ارتباط از فرزند به والد 03:31
-
مقدمهای بر useEffect 02:09
-
مثالی از useEffect 10:51
-
هوک React: آموزش useContext 07:20
-
هوک React: آموزش useMemo 07:06
-
مثال دیگری از Memo 06:03
-
هوک React: آموزش useCallback 04:49
-
مرزهای خطا 03:15
-
خلاصه 02:01
-
مقدمه 00:21
-
پاکسازی 01:15
-
نمایش یک فیلم 04:50
-
لیست فیلمها 04:14
-
انتظار برای بارگذاری فیلمها 04:49
-
لیست عمومی 05:10
-
کامپوننت بارگذاری 02:18
-
نصب Bootstrap 04:27
-
خلاصه 00:23
-
مقدمه 00:14
-
ساخت کامپوننت منو 05:36
-
استفاده از React Router 04:02
-
ذخیره مسیرها در فایلی جداگانه 01:23
-
ساخت صفحات پروژه 09:28
-
ناوبری با JavaScript 02:19
-
پارامترهای URL 03:44
-
مدیریت مسیرهای پیدا نشده 03:23
-
خلاصه 00:35
-
مقدمه 00:11
-
ساخت اولین فرم ما 05:48
-
اعتبارسنجی فرم ما 05:36
-
غیرفعال کردن دکمه ارسال در حین ارسال فرم 02:55
-
اعتبارسنجیهای سفارشی 03:22
-
بروزرسانی ژانرها 07:58
-
کامپوننتهای فیلتر فیلم 09:07
-
فرم بازیگران 06:47
-
اعتبارسنجی در فرم بازیگران 03:52
-
کامپوننت انتخاب تصویر 13:59
-
کامپوننت فرم فیلم 06:47
-
مقدمهای بر Leaflet 11:19
-
Leaflet و فرمها 06:30
-
کامپوننت فرم فیلم 09:27
-
کامپوننت انتخاب چندگانه برای ژانرها 20:49
-
کامپوننت انتخاب چندگانه برای سینماها 04:36
-
ساخت Typeahead 12:26
-
انتخاب چندین بازیگر 08:51
-
کشیدن عناصر در لیست 05:04
-
خلاصه 00:25
-
مقدمه 00:21
-
آمادهسازی مخزن تست 04:28
-
کنترلرها و اکشنها 05:39
-
متدهای HTTP: Post، Put و Delete 02:12
-
دریافت پارامتر در یک اکشن 03:47
-
قواعد مسیریابی 06:25
-
انواع دادهای که اکشن میتواند برگرداند 05:55
-
برنامهنویسی ناهمزمان 08:13
-
افزایش سرعت اپلیکیشن با کش 05:35
-
میانافزارها 04:08
-
مقدمهای بر Model Binding 07:57
-
اعتبارسنجی مدلها 05:38
-
سایر قواعد اعتبارسنجی داخلی 03:08
-
قواعد اعتبارسنجی سفارشی - با Attribute 03:23
-
قواعد اعتبارسنجی سفارشی - در اکشنها 02:37
-
تزریق وابستگی 08:21
-
اصل وارونگی وابستگی 09:54
-
چرخه عمر سرویسها 07:45
-
استفاده از Singleton برای مخزن ما 04:36
-
پاکسازی کش 05:03
-
ارائهدهندگان پیکربندی 08:04
-
خلاصه 01:09
-
مقدمه 00:17
-
پاکسازی بکاند 02:52
-
نصب Axios - ارسال درخواستهای HTTP از React 02:33
-
مدیریت CORS 03:54
-
اجتناب از هاردکد کردن URLها در React 03:56
-
نصب Entity Framework Core 06:24
-
ساخت پایگاه داده 06:01
-
ساخت ژانرها - بکاند 03:52
-
ساخت ژانرها - فرانتاند 02:39
-
نمایش خطاهای Web API در React 09:58
-
اشیاء انتقال داده (DTOs) 08:06
-
فهرست ژانرها - بکاند 04:08
-
فهرست ژانرها - فرانتاند 05:25
-
صفحهبندی - بکاند 14:14
-
مرتبسازی رکوردها 01:45
-
صفحهبندی - فرانتاند 18:14
-
هوکهای سفارشی React 05:00
-
ویرایش ژانرها - بکاند 05:42
-
ویرایش ژانرها - فرانتاند 03:00
-
حذف ژانرها - بکاند 03:59
-
حذف ژانرها - فرانتاند 07:23
-
موجودیت بازیگر 06:37
-
ساخت بازیگران - فرانتاند 03:05
-
آمادهسازی اپلیکیشن برای ذخیره تصاویر 03:51
-
ذخیره تصاویر در Azure Storage 07:30
-
ذخیره تصاویر به صورت محلی 06:49
-
فهرست بازیگران - بکاند 05:01
-
فهرست بازیگران - فرانتاند 04:29
-
ویرایش بازیگران - بکاند 03:33
-
ویرایش بازیگران - فرانتاند 04:54
-
حذف بازیگران - بکاند 01:51
-
حذف بازیگران - فرانتاند 00:43
-
کامپوننت فهرست موجودیت 18:10
-
کنترلر پایه - دریافت موجودیتهای صفحهبندی شده 09:50
-
کنترلر پایه - دریافت یک موجودیت بر اساس Id 04:14
-
کنترلر پایه - ایجاد، بروزرسانی و حذف 08:04
-
موجودیت سینما 04:41
-
CRUD سینماها - بکاند 06:06
-
CRUD سینماها - فرانتاند 04:52
-
موجودیت فیلم 07:02
-
ساخت فیلمها - بکاند 07:10
-
Model Binding سفارشی 08:59
-
ساخت فیلمها - فرانتاند 08:22
-
تکمیل کامپوننت Typeahead بازیگران 05:33
-
دریافت فیلمها - بکاند 11:29
-
صفحه فرود - فرانتاند 02:51
-
ویرایش فیلمها - بکاند 09:33
-
ویرایش فیلمها - React 06:48
-
حذف فیلمها 04:53
-
صفحه جزئیات فیلم 12:18
-
تکمیل قابلیت فیلتر فیلم - بکاند 08:40
-
تکمیل قابلیت فیلتر فیلم - فرانتاند 14:32
-
سادهسازی کامپوننت فیلتر فیلم 03:27
-
خلاصه 00:50
-
مقدمه 00:29
-
احراز هویت و مجوزدهی 03:13
-
پنهانسازی محتوا از کاربران غیرمجاز 12:21
-
استفاده از کامپوننت احراز هویت شده 02:21
-
محافظت از مسیرها 04:00
-
پیکربندی Identity 06:52
-
ساخت قابلیت ورود و ثبتنام 11:09
-
ذخیره JWT به صورت محلی 07:19
-
ساخت کامپوننتهای ورود و ثبتنام 13:06
-
ساخت قابلیت امتیازدهی 12:56
-
ساخت کامپوننت امتیازدهی 13:00
-
Interceptorها - ارسال JWT به Web API 04:05
-
صدور مجوز مبتنی بر Claim 05:00
-
فهرست کاربران - بکاند 02:18
-
فهرست کاربران - فرانتاند 07:55
-
خلاصه 00:56
-
مقدمه 00:24
-
استقرار Web API در Azure 08:50
-
استقرار اپلیکیشن React 07:02
-
خلاصه 00:14
مشخصات آموزش
ساخت اپلیکیشنها با React 19 و ASP.NET Core 9
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:متوسط
- تعداد درس:188
- مدت زمان :17:22:09
- حجم :7.61GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy