دوره آموزشی
دوبله زبان فارسی
یاد بگیرید یک فروشگاه تجارت الکترونیک با Net ،React. و Redux بسازید
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- استفاده از Net. برای کدنویسی بخش بکاند
- استفاده از React برای اپلیکیشن سمت کاربر یا فرانتاند
- استفاده از Redux برای مدیریت استیت سمت کاربر
- استفاده از فریمورک استایلدهی Material UI برای React
- استفاده از زبان TypeScript
- استفاده از زبان #C
- استفاده از Entity Framework
- استفاده از ASPNETCore Identity برای احراز هویت
پیشنیازهای دوره
- مقداری تجربه برنامهنویسی لازم است، اما اگر تا به حال کدنویسی نکردهاید هم میتوانید با انجام چند مرحلهی مقدماتی به سطح موردنیاز برسید
توضیحات دوره
آیا میخواهید یاد بگیرید چگونه یک اپلیکیشن واقعی را با استفاده از Net ،React. و Redux بسازید؟ در این دوره، از صفر شروع میکنیم و یک فروشگاه تجارت الکترونیک در حد اثبات مفهوم را با استفاده از این فریمورکها و کتابخانهها میسازیم.
در این دوره، یک اپلیکیشن کامل را از ابتدا تا انتها میسازیم و هر خط کد را نمایش میدهیم و توضیح میدهیم.
در ادامه برخی از مواردی را میبینید که در این دوره یاد خواهید گرفت:
- راهاندازی محیط توسعه
- ساخت یک اپلیکیشن Net WebAPI. با استفاده از dotnet CLI
- ساخت یک اپلیکیشن تکصفحهای React در سمت کاربر برای رابط کاربری فروشگاه
- استفاده از Entity Framework برای نوشتن کدی که پایگاه داده را کوئری و بروزرسانی میکند.
- استفاده از ASP.Net Identity برای ورود و ثبتنام
- استفاده از React Router برای جابهجایی بین مسیرها در سمت کاربر
- استفاده از Automapper
- ساخت یک رابط کاربری زیبا با Material Design
- ساخت کامپوننتهای فرم قابلاستفادهمجدد با React Hook Form
- صفحهبندی، مرتبسازی، جستوجو و فیلتر کردن
- ایجاد سفارش از سبد خرید
- پذیرش پرداخت از طریق Stripe با استفاده از استانداردهای جدید اتحادیه اروپا برای 3D Secure
- انتشار اپلیکیشن روی Heroku
- و موارد بسیار بیشتر
ابزارهای موردنیاز برای این دوره
در این دوره، همه درسها با استفاده از Visual Studio Code، یک ویرایشگر کد رایگان و چندسکویی، نمایش داده میشوند. البته میتوانید از هر IDE و هر سیستمعاملی که دوست دارید استفاده کنید... به شرطی که Windows ،Linux یا Mac باشد.
آیا این دوره برای شما مناسب است؟
این دوره بسیار کاربردی است و بیش از 90% درسها شامل کدنویسی همزمان شما با مدرس روی این پروژه خواهد بود. اگر از آن دسته افرادی هستید که با انجام دادن بهتر یاد میگیرند، این دوره قطعاً برای شما مناسب است.
مهم: این دوره برای مبتدیان طراحی شده است، اما انتظار میرود قبلاً مقداری کد نوشته باشید - برای کسانی که هرگز کدنویسی نکردهاند مناسب نیست.
در این دوره، یک فروشگاه نمونهی E-commerce را کاملاً از ابتدا، با استفاده از ابزار DotNet CLI و ابزار Create-React-App میسازیم تا شروع کار برایمان سادهتر شود. تنها چیزی که برای شروع نیاز دارید یک کامپیوتر با سیستمعامل دلخواهتان و اشتیاق برای یادگیری ساخت اپلیکیشن با Net. و React است.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی که میخواهند درباره Net. و React یاد بگیرند و یک پروژه واقعی بسازند.
یاد بگیرید یک فروشگاه تجارت الکترونیک با Net ،React. و Redux بسازید
-
مقدمهای بر دوره 07:14
-
راهاندازی محیط توسعه 06:57
-
دریافت کد منبع و فایلهای دوره از کجا 03:17
-
دریافت کمک اگر به مشکل برخوردید 06:29
-
مقدمهای بر بخش 2 10:10
-
ایجاد پروژه API با استفاده از Dotnet CLI 08:17
-
افزودن افزونههای VS Code برای کمک به توسعه با #C 09:05
-
محتویات قالب پروژه WebAPI و اجرای اپلیکیشن 11:02
-
ایجاد اولین کلاس Entity 08:07
-
مقدمهای بر Entity Framework 08:38
-
ایجاد کلاس DbContext در Entity Framework 10:00
-
ایجاد migration در Entity Framework 10:07
-
افزودن داده Seed برای پر کردن پایگاه داده با داده نمونه 08:18
-
مقداردهی اولیه پایگاه داده در کد 05:27
-
افزودن کنترلر API محصولات 09:50
-
استفاده از Postman برای تست endpointهای API 06:32
-
استفاده از کد ناهمگام در .Net 05:39
-
ذخیره کد در کنترل نسخه 07:01
-
جمعبندی بخش 2 06:07
-
مقدمهای بر بخش 3 09:07
-
ایجاد پروژه React با استفاده از Vite.js 09:49
-
مرور قالب پروژه React و اجرای اپلیکیشن سمت کاربر 08:21
-
مبانی کامپوننت در React 09:22
-
هوک useState در React 10:33
-
استفاده از هوک useEffect 05:47
-
افزودن پشتیبانی CORS به API و HTTPS 11:20
-
TypeScript در برابر JavaScript 06:22
-
افزودن type در TypeScript برای Product 08:50
-
ساختار فایل و پوشه در پروژه React 04:26
-
افزودن کامپوننتهای React 13:05
-
افزودن Material UI به پروژه سمت کاربر 11:16
-
افزودن کامپوننتهای بیشتر React به پروژه 14:23
-
ابزارهای توسعه React 05:33
-
افزودن نوار ناوبری به اپلیکیشن 03:38
-
افزودن قابلیت حالت تاریک به اپلیکیشن 06:22
-
چالش: جابهجایی بین حالت تاریک و روشن 07:40
-
راهحل چالش 03:22
-
جمعبندی بخش 3 02:42
-
مقدمهای بر بخش 4 02:25
-
راهاندازی React Router 12:33
-
افزودن لینکها به NavBar 09:27
-
استایلدهی نوار ناوبری 07:24
-
دریافت یک محصول تکی از API 14:03
-
استایلدهی صفحه جزئیات محصول - بخش 1 10:59
-
استایلدهی صفحه جزئیات محصول - بخش 2 07:40
-
جمعبندی بخش 4 01:16
-
مقدمهای بر بخش 5 10:04
-
Redux - مبانی 13:58
-
Actionهای Redux 07:49
-
Action Creatorهای Redux 04:43
-
مقدمهای بر Redux Toolkit 11:03
-
ابزارهای توسعه Redux 05:32
-
مقدمهای بر RTK Query 06:33
-
پیادهسازی RTK Query - بخش 1 07:56
-
پیادهسازی RTK Query - بخش 2 12:31
-
پیادهسازی RTK Query - بخش 3 05:27
-
ایجاد base query سفارشی برای RTK Query 06:39
-
افزودن نشانگرهای بارگذاری 07:31
-
چالش: استفاده از Redux برای ذخیره استیت حالت تاریک 05:55
-
راهحل چالش 04:37
-
جمعبندی بخش 5 02:01
-
مقدمهای بر بخش 6 06:20
-
افزودن یک کنترلر برای تست خطاها 13:45
-
افزودن middleware مدیریت استثنا - بخش 1 06:13
-
افزودن middleware مدیریت استثنا - بخش 2 10:11
-
افزودن API خطا برای RTK Query در سمت کاربر 05:46
-
ایجاد کامپوننتی برای تست خطاهای پاسخ API 07:33
-
افزودن toastها 11:01
-
استفاده از type guardها 06:41
-
خطاهای اعتبارسنجی 11:59
-
ایجاد کامپوننت خطای سرور 06:43
-
افزودن کامپوننت خطای not found 04:49
-
دیباگ کردن کد Net. 13:03
-
جمعبندی بخش 6 02:07
-
مقدمهای بر بخش 7 06:30
-
افزودن موجودیت basket 06:19
-
افزودن متدهایی برای اضافه و حذف کردن آیتمها از موجودیت basket 08:41
-
ایجاد migration جدید 11:16
-
ایجاد کنترلر basket 07:56
-
افزودن منطق اضافه کردن آیتم به کنترلر 13:29
-
استفاده از debugger برای تست قابلیت basket 11:54
-
آمادهسازی داده برای بازگشت 08:43
-
استفاده از اکستنشن متدها در #C برای قابلیت استفاده مجدد 07:35
-
افزودن منطق حذف آیتم سبد به کنترلر 05:15
-
افزودن API سبد برای RTK Query 08:09
-
افزودن کامپوننت basket 03:29
-
بروزرسانی کارت محصول برای استفاده از قابلیت افزودن آیتم به سبد 10:52
-
استایلدهی صفحه basket 13:23
-
باطل کردن کش RTK Query 07:34
-
بهروزرسانی تعداد آیتمهای سبد در نوار ناوبری 13:56
-
قابلیت حذف آیتمها از سبد خرید در صفحه basket 08:24
-
استفاده از type guard برای قابلیت افزودن آیتم به سبد 09:02
-
چالش: قابلیت خلاصه سفارش 08:10
-
راهحل چالش 03:27
-
افزودن قابلیت اضافه/حذف کردن آیتم در صفحه جزئیات محصول 16:26
-
افزودن صفحه checkout 11:07
-
جمعبندی بخش 7 02:30
-
مقدمهای بر بخش 8 04:10
-
افزودن قابلیت مرتبسازی به API 10:38
-
افزودن قابلیت جستوجو به API 06:27
-
افزودن فیلتر کردن به API 10:44
-
افزودن صفحهبندی به API - بخش 1 11:40
-
افزودن صفحهبندی به API - بخش 2 10:32
-
افزودن endpoint برای دریافت فیلترها از API 03:27
-
بهروزرسانی کامپوننت کاتالوگ برای استفاده از فیلترها 06:22
-
طراحی کامپوننت فیلترها 06:58
-
راهاندازی API کاتالوگ RTK Query برای ارسال پارامترها همراه درخواست 15:08
-
افزودن قابلیت جستوجو در سمت کاربر 08:45
-
افزودن قابلیت مرتبسازی در سمت کاربر 06:33
-
استفاده از فیلترهای نوع و برند در سمت کاربر 11:09
-
راهاندازی صفحهبندی در سمت کاربر - بخش 1 06:40
-
راهاندازی صفحهبندی در سمت کاربر - بخش 2 09:19
-
پاکسازی و جمعبندی موارد باقیمانده 10:12
-
جمعبندی بخش 8 02:12
-
مقدمهای بر بخش 9 09:44
-
راهاندازی Identity در API 10:13
-
افزودن پیکربندی موجودیت برای Identity 09:30
-
ایجاد migration جدید 11:50
-
ایجاد کنترلر حساب کاربری 10:40
-
افزودن endpointهای بیشتر برای API حساب کاربری 10:33
-
افزودن قابلیت آدرس کاربر 13:14
-
افزودن API حساب کاربری برای RTK Query 07:13
-
ایجاد فرم ورود 07:42
-
آشنایی با React Hook Form 13:00
-
اعتبارسنجی ورودیها 05:39
-
افزودن منوی کاربر 08:03
-
ماندگار کردن ورود در سمت کاربر 08:11
-
ایجاد کامپوننت ثبتنام 12:55
-
مدیریت خطاهای سمت سرور 09:01
-
افزودن مسیرهای خصوصی 11:25
-
جمعبندی بخش 9 04:27
-
مقدمهای بر بخش 10 09:50
-
راهاندازی Stripe 07:02
-
ایجاد سرویس پرداختها 10:04
-
افزودن کنترلر پرداختها 14:17
-
اشکال زدایی یجاد payment intent 06:48
-
بروزرسانی کامپوننت checkout 03:44
-
ایجاد کامپوننت Stepper 07:16
-
راهاندازی Stripe در سمت کاربر 15:02
-
ایجاد API مربوط به checkout برای RTK Query 11:53
-
افزودن عنصر آدرس 07:56
-
افزودن عنصر پرداخت 06:17
-
افزودن کامپوننت بازبینی پرداخت 09:28
-
نمایش آدرس ذخیرهشده در عنصر آدرس 09:15
-
بهروزرسانی قابلیت آدرس 12:22
-
اعتبارسنجی Stripe Elements 12:24
-
دریافت confirmation token از Stripe 12:13
-
تأیید پرداخت - بخش 1 08:55
-
تأیید پرداخت - بخش 2 09:41
-
تست پرداختها 11:49
-
جمعبندی بخش 10 02:41
-
مقدمهای بر بخش 11 01:37
-
ایجاد موجودیتهای سفارش - بخش 1 06:55
-
ایجاد موجودیتهای سفارش - بخش 2 07:14
-
ایجاد کنترلر سفارشها 05:59
-
افزودن منطق Create Order در کنترلر و چالش 08:38
-
راهحل چالش 04:32
-
تست ایجاد سفارش 06:29
-
آمادهسازی داده سفارش برای بازگشت 13:41
-
ایجاد API سفارش برای RTK Query 06:21
-
بهروزرسانی checkout برای ایجاد سفارش 08:28
-
افزودن صفحه موفقیت پرداخت 10:59
-
ایجاد کامپوننت Orders 09:57
-
ایجاد صفحه جزئیات سفارش و چالش 15:23
-
راهحل چالش 08:48
-
استفاده از Webhookها با Stripe - بخش 1 09:36
-
استفاده از Webhookها با Stripe - بخش 2 12:18
-
تست webhook با Stripe CLI 11:08
-
جمعبندی بخش 11 01:14
-
مقدمهای بر بخش 12 02:55
-
افزودن صفحه اصلی 07:27
-
ایجاد بیلد React برای production 07:59
-
ارائه اپلیکیشن سمت کاربر از طریق سرور Net. 07:38
-
راهاندازی پایگاه داده production (Sql Server) 13:00
-
پیکربندی اپلیکیشن برای استفاده از Sql Server 14:53
-
راهاندازی یک حساب Azure 13:28
-
پیکربندی Azure برای استقرار ما 07:58
-
استقرار اپلیکیشن در Azure 07:13
-
CI/CD و استقرار تغییرات در اپلیکیشن ما 10:35
-
بروزرسانی GitHub Action 10:57
-
عیبیابی Azure 11:00
-
جمعبندی بخش 12 03:17
-
مقدمهای بر بخش 13 02:13
-
افزودن قابلیت ایجاد محصول 10:31
-
افزودن Automapper به اپلیکیشن 07:57
-
قابلیت بروزرسانی محصول 06:59
-
قابلیت حذف محصول 03:43
-
افزودن قابلیت بارگذاری عکس 08:07
-
افزودن سرویسی برای مدیریت بارگذاری تصویر 08:30
-
استفاده از سرویس تصویر 08:29
-
استفاده از سرویس تصویر با عملیات ویرایش و حذف 07:58
-
ایجاد صفحه موجودی در سمت کاربر 13:31
-
افزودن اسکیمای محصول با Zod 07:45
-
استفاده از ورودیهای کنترلشده با React Hook Form 09:09
-
ایجاد یک ورودی Text قابلاستفادهمجدد 11:48
-
ایجاد محتوای فرم محصول 04:58
-
ایجاد یک ورودی Select قابلاستفادهمجدد 08:32
-
ایجاد کامپوننت Dropzone - بخش 1 14:00
-
ایجاد کامپوننت Dropzone - بخش 2 08:28
-
افزودن قابلیت ویرایش محصول 09:13
-
ایجاد API ادمین برای RTK Query 07:14
-
ارسال فرم - بخش 1 10:13
-
ارسال فرم - بخش 2 11:39
-
ارسال فرم - بخش 3 10:07
-
قابلیت حذف محصول در سمت کاربر 05:38
-
محافظت از مسیرهای ادمین در سمت کاربر 14:08
-
چالش پایان دوره (اختیاری) 08:47
-
جمعبندی پایان دوره 04:52
مشخصات آموزش
یاد بگیرید یک فروشگاه تجارت الکترونیک با Net ،React. و Redux بسازید
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:208
- مدت زمان :29:34:15
- حجم :16.59GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
7,256,500
1,451,300 تومان
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
2,260,000
452,000 تومان
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
795,000
159,000 تومان
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,508,000
1,701,600 تومان
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,201,500
1,040,300 تومان
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,833,000
366,600 تومان
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,100,500
1,220,100 تومان
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
3,634,500
726,900 تومان
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی