دوره آموزشی
دوبله زبان فارسی
بوت کمپ توسعهدهنده فول استک با React 19 و NET 10 API.
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- اصول React 19
- مسیریابی با React Router
- فراخوانیهای Axios
- Redux Toolkit
- RTK Query و Mutations
- مدیریت فایل در React
- احراز هویت و مجوزدهی در React
- ساخت و استقرار API مقیاسپذیر با استفاده از NET 10. و EF Core
- 10 پروژه و 15 تکلیف
- یادگیری بهترین شیوهها برای یادگیری React
پیشنیازها:
- درک اولیه از HTML ،CSS و جاوااسکریپت
- آشنایی با مفهوم APIها
- NET API. با عملیات CRUD در EF Core
- اصول SQL Server
توضیحات دوره:
تنها دوره React که توسعهدهندگان داتنت (NET.) به آن نیاز خواهند داشت - امروز به یک متخصص فولاستک (Full Stack) تبدیل شوید! این بدون شک جامعترین بوتکمپ React است که بهطور خاص برای توسعهدهندگان داتنت طراحی شده است. هیچ دوره دیگری چنین عمقی از آموزش React را با یکپارچهسازی بینقص .NET API در این سطح از جزئیات ترکیب نمیکند.
- 15+ تکلیف + 10 پروژه کامل = تجربه عملی بینظیر: در حالی که دورههای دیگر به شما تئوری میدهند، این بوتکمپ فشرده از طریق پروژههای عملی بیشتر نسبت به هر رقیب دیگری، تسلط واقعی بر React را به شما ارائه میدهد. از اصول پایه تا الگوهای پیشرفته، مهارتهایی را خواهید ساخت که مستقیماً به توسعه حرفهای ترجمه میشوند.
- راهکار کامل فولاستک: هیچ دوره دیگری هم APIهای میزبانیشده برای یادگیری فوری و هم آموزش کامل توسعه بکاند را ارائه نمیدهد. ساخت و استفاده از APIهای قدرتمند .NET Core با فرانتاند React - همه چیزی که در یک دوره قطعی نیاز دارید.
- ساخته شده بهطور انحصاری برای توسعهدهندگان داتنت: این تنها دورهای است که به زبان شما به عنوان یک توسعهدهنده داتنت صحبت میکند. در حالی که دورههای عمومی React دانش فرانتاند را فرض میگیرند، این برنامه با توضیحاتی متناسب با تخصص بکاند شما شکاف را پر میکند - و مفاهیم پیچیده را فوراً قابل دسترس میسازد.
سیستم تسلط دو ماژوله:
- ماژول 1: بوتکمپ مبانی React: شامل 8 پروژه پیشرونده که اصول React ،Redux Toolkit و هوکهای مدرن را پوشش میدهد - تمرین عملی بیشتر از هر دوره مقدماتی دیگر.
- ماژول 2: پلتفرم رستوران آماده تولید: ساخت جامعترین برنامه کاربردی دنیای واقعی موجود در هر دوره React: سیستم سفارش کامل و داشبورد مدیریت کامل - همه با APIهای داتنت یکپارچه شدهاند.
حرف آخر در آموزش React: این آخرین دوره React است که تا به حال نیاز به خرید آن خواهید داشت. در حالی که دیگران شکافهایی را باقی میگذارند که نیاز به دورههای اضافی دارد، این سیستم کامل شما را از دانش صفر به توسعهدهنده فولاستک آماده تولید میرساند. از هدر دادن وقت در دورههای ناقص دست بردارید - آموزش قطعی React + .NET را دریافت کنید که واقعاً شما را برای توسعه دنیای واقعی آماده میکند!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان داتنت که به دنبال گسترش فعالیت خود به سمت توسعه فرانتاند و تبدیل شدن به توسعهدهندگان وب فولاستک با مهارتهای مدرن React هستند.
- توسعهدهندگان بکاند که میخواهند React را یاد بگیرند و برنامههای کامل تجارت الکترونیک با سیستمهای پرداخت یکپارچه بسازند.
- توسعهدهندگان وب که میخواهند در توسعه تجارت الکترونیک با استفاده از فناوریهای React، Redux و .NET Core تخصص پیدا کنند.
بوت کمپ توسعهدهنده فول استک با React 19 و NET 10 API.
-
خوشآمدگویی 04:00
-
چرا باید ریاکت یاد بگیریم؟ 02:54
-
آنچه خواهیم ساخت؟ 08:03
-
پیشنیازهای دوره 00:50
-
دو روش برای گذراندن دوره 01:56
-
نصب ویژوال استودیو کد 01:38
-
نصب نود جی اس 01:13
-
ایجاد پروژه 06:22
-
فایلها و پوشهها 04:09
-
Strict Mode 02:02
-
React چگونه متصل میشود؟ 01:35
-
ریاکت اعلانی است 03:23
-
تابع در ریاکت 01:50
-
جدا کردن ریشه 01:28
-
کامپوننت ریاکت 03:35
-
Prettier 00:59
-
کامپوننت Parent Child 02:01
-
تکلیف 1 - کامپوننت ها 01:29
-
فایل جاوا اسکریپت پایه 02:16
-
متغیرها 02:26
-
درونیابی رشته 02:38
-
توابع Arrow 04:34
-
عملگر REST 07:06
-
عملگر Spread 04:39
-
Truthy و Falsy 05:24
-
پیدا کردن و پیدا کردن ایندکس 03:35
-
فیلتر 03:31
-
مرتبسازی 04:52
-
ForEach و Map 04:32
-
نگاشت در آرایهای از اشیاء 03:33
-
تغییرپذیر و تغییرناپذیر 03:02
-
پروژه تغییر 00:26
-
استایلها در ریاکت 02:56
-
آبجکت های سبک 01:43
-
کلاس در جاوا اسکریپت 02:50
-
ایمپورت کردن استایلشیت CSS در React 02:00
-
متغیرها در JSX 02:28
-
متغیرهای بیشتر و تکلیف 2 03:08
-
ورودی و React 02:27
-
کجا تصویر را در ریاکت ذخیره کنیم؟ 05:28
-
کامپوننت ها در React 03:23
-
تکلیف 2 - جداسازی کامپوننت ها 00:39
-
کامپوننت دانشجو 02:22
-
اکسپورت نامگذاری شده در مقابل اکسپورت پیشفرض 02:34
-
نمایش تصویر برای دانشجو 02:23
-
تکلیف 3 - جداسازی کامپوننت ها 00:30
-
راه حل تکلیف 3 - جداسازی کامپوننت ها 01:11
-
ارسال مقدار به کامپوننت فرزند 03:14
-
تکلیف 4 - Props 01:03
-
ارسال کامپوننت به عنوان فرزند 05:03
-
توابع Arrow 02:22
-
تکلیف 5 - ایجاد پروژه react 00:59
-
راه حل تکلیف 5 - ایجاد پروژه 02:28
-
افزودن بوتاسترپ و تصاویر 01:13
-
کامپوننت هدر و فوتر 04:10
-
کامپوننت Counter 02:08
-
Inline OnClick 01:23
-
تعداد در رابط کاربری بهروزرسانی نمیشود 03:31
-
تعریف State 03:11
-
بروزرسانی State 03:09
-
بهترین شیوهها برای State 03:44
-
بروزرسانی های رابط کاربری 02:59
-
پخش تصادفی و تنظیم مجدد 02:52
-
تکلیف 6 - State 02:06
-
راه حل تکلیف 6 - State 02:04
-
بهروزرسانی State تودرتو مشکلساز است 02:18
-
هوک UseEffect 03:22
-
رندر شرطی 03:02
-
آبجکت استیت پیچیده 05:14
-
پیچیدگی با استیت به عنوان شیء 03:23
-
راهاندازی پروژه 05:19
-
فهرست تماسها 02:28
-
طرحبندی رابط کاربری 02:31
-
کامپوننت تماس مورد علاقه 03:02
-
رابط کاربری فهرست مخاطبین 06:10
-
رندر کردن چندین باره کامپوننت تماس 04:39
-
اطلاعات تماس پویا 02:28
-
تکلیف 6 - اطلاعات تماس عمومی 00:49
-
راه حل تکلیف 6 - تماس عمومی 01:38
-
رنگ دکمه مورد علاقه 01:43
-
کامپوننت فرزند نمیتواند props را بهروزرسانی کند 03:48
-
فراخوانی تابع کامپوننت والد از کامپوننت فرزند 02:21
-
Favorite در عمل 03:21
-
تکلیف 7 - حذف مخاطب 00:59
-
رابط کاربری فرم تماس را اضافه کنید 04:50
-
راه حل تکلیف 7 - حذف مخاطب 03:26
-
مدیریت ارسال فرم 03:14
-
داده فرم 01:55
-
چک باکس و دکمه رادیویی FormData 06:08
-
اکشنها در React 19 01:44
-
افزودن state برای پیامها 02:57
-
افزودن Contact در عمل 03:05
-
پیام خطا و موفقیت 02:24
-
اعتبارسنجی فرمها 02:34
-
Prop Drilling 01:34
-
کامپوننت کنترل شده 05:37
-
تکلیف 8 - حذف همه مخاطبین 00:48
-
راه حل تکلیف 8 - حذف تمام مخاطبین 00:59
-
تکلیف 9 - باگ 01:37
-
بهروزرسانی تماس بخش 1 04:08
-
دکمه لغو و تکلیف 10 03:39
-
تکلیف 10 - دکمه لغو در عمل 01:27
-
نمایش جزئیات تماس برای بهروزرسانی 03:26
-
بهروزرسانی تماس بخش 2 06:03
-
بهترین شیوهها 01:32
-
یوتیلیتی برای فراخوانی API 02:25
-
فراخوانی API در عمل 02:37
-
کاربر را فرمت کنید 02:19
-
Axios 02:31
-
اضافه کردن مخاطب تصادفی در عمل 01:49
-
ایجاد پروژه 01:33
-
تنظیم پایه 06:07
-
UseEffect در هنگام لود 03:45
-
UseEffect و پاکسازی 03:00
-
مشاهدهی ویژگی با useEffect 03:00
-
بهروزرسانیهای اولین رندر 04:16
-
دسترسی به عنصر DOM 01:48
-
پیگیری کل رندرها 02:25
-
پیگیری مقدار قبلی با useRef 02:14
-
تغییر نام پروژه 01:10
-
ایجاد پروژه 04:06
-
پاکسازی 01:16
-
کامپوننت اپلیکیشن 02:19
-
افزودن نوار ناوبری 03:56
-
افزودن مرورگر روتر 03:17
-
مسیریابی در عمل 04:13
-
لینک های ناوبری 03:36
-
ناوبری برنامهنویسی شده 02:19
-
تکلیف 11 - اضافه کردن لینک 00:28
-
راه حل تکلیف 11 - اضافه کردن لینک 00:59
-
خطای Not Found 02:17
-
صفحه لیست محصولات 03:26
-
نمایش همه محصولات 04:08
-
ناوبری پویا 03:30
-
فیلتر کردن محصول بر اساس پارامترها 04:19
-
صفحات مسیریابی تو در تو 01:58
-
مسیرهای تودرتو 04:22
-
مسیرهای تو در تو در عمل 03:31
-
کامپوننتهای تو در تو در عمل 05:04
-
بازگشت به صفحه قبل 01:48
-
مسیرهای نسبی 01:14
-
افزودن کامپوننت ورود 04:39
-
لاگین جعلی 02:00
-
یوتیلیتی احراز هویت 05:51
-
utility helper بیشتر 01:56
-
خروج در عمل 03:26
-
مسیر محافظتشده 03:32
-
مسیریابی مبتنی بر نقش 04:25
-
ریدایرکت هنگام لاگین 04:40
-
تکلیف 12 - تاگل کردن مسیرها بر اساس دسترسی 00:58
-
راه حل تکلیف 12 - تاگل کردن مسیرها و نمایش پویا 05:32
-
ایجاد پروژه 03:08
-
طرحبندی اپلیکیشن 03:15
-
Redux Toolkit 01:45
-
افزودن فروشگاه ریداکس 04:43
-
ایجاد اولین Reducer و اکشن ها 07:55
-
UseSelector Hook 03:14
-
Dispatch کردن اکشن از کامپوننت ری اکت 04:02
-
تکلیف 13 - ضرب کننده شمارنده 03:45
-
راه حل تکلیف 13 - ضرب کننده شمارنده 02:50
-
افزودن اسلایس مقصد 03:29
-
تکلیف 14 - فهرست مقصد 02:55
-
راه حل تکلیف 14 - فهرست مقصد 02:59
-
انتخاب مقصد 03:23
-
نمایش مقصد منتخب 02:42
-
راه حل تکلیف 15 - تنظیم مجدد برنامه 02:10
-
به عملکرد یک reducer متفاوت Listen کنید 03:42
-
نه گفتن به رشته های جادویی 00:43
-
اکشن های سفارشی 03:23
-
ایجاد پروژه 02:10
-
طرحبندی اولیه 02:19
-
افزودن رابط کاربری مقصد 04:34
-
نصب سرور Json 07:24
-
ایجاد API مقصد 06:48
-
افزودن API Provider 02:25
-
دریافت اندپوینت در عمل 04:36
-
افزودن اکشن فرم مقصد 03:07
-
افزودن جهش 04:42
-
فراخوانی جهش POST 03:46
-
کش کردن با کوئری RTK 03:32
-
تگها 05:05
-
رابط کاربری لیست مقصد 02:12
-
تکلیف 16 - حذف مقصد 02:47
-
شناسه مقصد جدید 02:10
-
پاسخ از کوئری و تبدیل 01:59
-
جدا کردن مقصد منفرد 01:56
-
تکلیف 17 - ویرایش عملکرد بخش 1 03:25
-
تکلیف 17 - ویرایش عملکرد بخش 2 02:51
-
تکلیف 17 - ویرایش عملکرد بخش 3 07:15
-
یکپارچه سازی کوئری RTK با فروشگاه ریداکس 04:27
-
افزودن API مقصد تصادفی 03:38
-
افزودن مقصد تصادفی در رابط کاربری 04:38
-
ایجاد پروژه 01:49
-
پکیج های NuGet 03:28
-
افزودن Scalar 02:37
-
رشته اتصال و ApplicationDbContext 04:32
-
ساخت جداول هویت 04:37
-
افزودن نام به جدول کاربر 02:43
-
پاسخ API 02:05
-
مدل آیتم منو 04:32
-
Seed کردن آیتم های منو 03:24
-
دریافت همه آیتمهای منو 04:12
-
دریافت آیتم منو بر اساس Id 02:13
-
DTOs برای ساخت و بروزرسانی آیتم منو 02:49
-
بهروزرسانی DTOها بخش 2 01:27
-
بهروزرسانی آیتم منو بخش 3 01:20
-
ایجاد آیتم منو 08:20
-
ساخت در عمل 02:21
-
بروزرسانی آیتم منو 07:24
-
حذف آیتم منو 02:10
-
افزودن تصویر برای آیتم منو 03:11
-
افزودن کنترلر تست احراز هویت 03:46
-
پیکربندی احراز هویت در API 05:35
-
افزودن Document Transformer 05:47
-
دموی احراز هویت Scalar 00:43
-
DTO ورود و ثبتنام 02:01
-
اندپوینت رجیستر 06:24
-
نقشها در عمل 06:29
-
اندپوینت لاگین 07:27
-
مجوزدهی در عمل 03:04
-
جدول هدر و جزئیات سفارش 05:52
-
DTO هدر و جزئیات سفارش 02:58
-
دریافت سفارشها 05:04
-
ایجاد سفارش 07:08
-
دمو - ایجاد سفارش 05:55
-
بروزرسانی سفارش 06:02
-
نمایش – بروزرسانی سفارش 04:03
-
افزودن فیلد امتیاز 02:42
-
بروزرسانی امتیاز 04:19
-
امتیاز در عمل 03:41
-
امتیاز فردی آیتم منو 01:12
-
Cors و باگ کوچک 02:45
-
ایجاد پروژه 02:21
-
پایگاه داده جدید و تمیز 01:03
-
نصب بستهها 05:47
-
کامپوننت ها و صفحات 03:32
-
صفحات اپلیکیشن 06:40
-
مسیریابی را اضافه کنید 05:31
-
Constants برای مسیرها 04:32
-
اضافه کردن کامپوننت هدر 03:11
-
کامپوننت فوتر 02:01
-
مسیرها در هدر 02:36
-
اجرای API 01:48
-
قالبهای آیتمهای منو 03:27
-
API پایه 05:40
-
ایجاد اولین اندپوینت 03:17
-
بازیابی آیتمهای منو 02:19
-
بارگذاری جدول آیتمهای منو 04:13
-
نمایش آیتمهای منو در جدول 01:51
-
تصویر در عمل 02:09
-
قالب مودال آیتمهای منو 01:52
-
نمایش مودال 01:47
-
مخفی کردن مودال 00:51
-
وضعیت ارسال فرم 03:59
-
اعتبارسنجی اولیه 03:16
-
کامپوننت کنترلر - بخش 1 02:28
-
کامپوننت کنترلر - بخش 2 05:32
-
Toast Notification 02:47
-
ترکیب پیام خطا 01:34
-
تصویر در عمل 03:15
-
ایجاد در عمل 07:26
-
ایجاد اعلانهای Toast و Modal 02:49
-
جهشها برای بهروزرسانی و حذف 03:23
-
Swal در عمل 04:24
-
حذف در عمل 01:34
-
اکشن های مختلف برای ویرایش و ایجاد 03:02
-
ویرایش آیتم منو را به صورت مودال پویا انجام دهید 03:43
-
بروزرسانی در عمل 02:52
-
قالب صفحه اصلی 01:07
-
بارگذاری آیتمها و شرایط منو 02:59
-
صفحه اصلی در عمل 03:23
-
کامپوننتهای کنترلر 02:47
-
فیلترهای صفحه اصلی 04:36
-
قالب رابط کاربری جزئیات آیتم منو 02:08
-
جزئیات Url 01:32
-
پارامترهای جزئیات آیتمهای منو 01:32
-
افزودن کوئری برای هر آیتم منو 02:39
-
بازیابی آیتم منو 04:51
-
پویا کردن جزئیات 03:12
-
تعداد سبد خرید 04:27
-
جمع جزئی در عمل 01:32
-
قالبهای لاگین و رجیستر 02:10
-
API لاگین 02:27
-
کامپوننت کنترلشده در رجیستر 05:12
-
آبجکت لاگ در هنگام ارسال 03:18
-
رجیستر در عمل 06:26
-
خطاهای رجیستر 01:16
-
لاگین در عمل 04:27
-
JWT Helper 05:23
-
استیت اولیه برای توکن نامعتبر 04:08
-
استیت اولیه برای توکن معتبر 02:54
-
تنظیم استیت اسلایس احراز هویت 05:58
-
احراز هویت در عمل 02:34
-
استفاده از استیت احراز هویت در هدر 02:25
-
لاگین و خروج از سیستم در عمل 04:15
-
اسلایس سبد خرید - بخش 1 03:15
-
اسلایس سبد خرید - بخش 2 02:31
-
Dispatch کردن افزودن به سبد خرید 04:44
-
افزودن به سبد خرید در عمل 03:55
-
افزودن به سبد خرید روی صفحه جزئیات 02:59
-
قالب برای سبد خرید 01:17
-
نمایش اقلام سبد خرید 01:08
-
سبد خرید را پویا کنید 05:47
-
اصلاح اسلایس سبد خرید 03:26
-
سبد خرید در عمل 07:19
-
فرم در سبد خرید 04:37
-
API سفارش 05:18
-
مشکل دسترسی 01:10
-
نحوه عملکرد دسترسی مبتنی بر نقش 04:02
-
مجوزدهی در عمل 06:01
-
نمایش نام در هدر 00:55
-
نمایش بر اساس نقش 01:23
-
مدل داده سفارش 05:19
-
افزودن توکن به API پایه 02:38
-
تایید سفارش 07:35
-
مدیریت سفارش - بخش 1 04:53
-
جدول سفارش در عمل 07:21
-
بهروزرسانیهای رابط کاربری مدیریت سفارش 05:07
-
منطق فیلتر برای سفارش 03:37
-
فیلترها در عمل 01:57
-
ایجاد چند سفارش 00:37
-
ایجاد سفارش در عمل 01:24
-
جزئیات سفارش رابط کاربری مودال 02:06
-
باز و بسته کردن مودال 02:36
-
پویا کردن مودال 04:52
-
بروزرسانی وضعیت - بخش 1 04:57
-
بروزرسانی وضعیت - بخش 2 02:05
-
بروزرسانی وضعیت - بخش 3 04:39
-
بهروزرسانی وضعیت در عمل 02:19
-
رنگ وضعیت متفاوت 03:20
-
سفارشات مبتنی بر نقش 02:32
-
فقط ادمین می تواند وضعیت را بروزرسانی کند 01:52
-
تنظیمات پایه کامپوننت رتبهبندی 04:40
-
منطق محاسبه رتبهبندی 05:29
-
بازگشت نهایی کامپوننت رتبهبندی 03:25
-
نمایش رتبهبندی استاتیک 04:14
-
جهش برای بهروزرسانی جزئیات سفارش 02:46
-
رویداد تغییر رتبهبندیها 03:11
-
رتبهبندی و Hover کردن 03:12
-
امتیازها در عمل 01:45
-
نمایش پرچم رتبهبندیشده 01:25
-
چه کسی میتواند رتبهبندی ارائه دهد؟ 03:55
-
نمایش امتیازها در صفحه اصلی 06:15
-
افزودن کاروسل 01:36
-
Theme Reducer 04:19
-
تاگل کردن تم در Action Half way 02:35
-
تم را ماندگار کنید 01:55
-
گرادیانت پس زمینه 01:36
-
رفع باگ و Url در لاگین 05:26
-
ریدایرکت به باگ لاگین 00:41
-
تکلیف نهایی برای بردن به خانه 02:58
-
خوشآمدگویی 02:58
-
چرا باید ری اکت را یاد بگیریم؟ 04:51
-
دموی لایو - پروژه نهایی 00:42
-
منابع اضافی 01:28
-
آنچه ما خواهیم ساخت - بخش 1 06:21
-
آنچه ما خواهیم ساخت - بخش 2 05:42
-
پیشنیازهای دوره 02:18
-
چگونه راهنما دریافت کنیم؟ 02:47
-
منابع پروژه 01:45
-
ابزارهای مورد نیاز 02:15
-
افزونههای ویژوال استودیو کد 03:15
-
راه اندازی HTML اولیه و افزودن React CDN 03:08
-
اولین کد ری اکت 03:18
-
تکلیف 1 - نوشتن اولین کد ری اکت 01:25
-
ایجاد و رندرینگ عنصر در React 02:24
-
JSX چیست؟ 04:31
-
راه بهتر برای ایجاد پروژههای React 01:46
-
ایجاد پروژه 01:46
-
اجرای پروژه 01:50
-
پاکسازی پروژه 03:25
-
کاربردی کردن پروژه 02:35
-
اولین کامپوننت ری اکت 05:18
-
تکلیف 2 - کامپوننت ری اکت 01:05
-
تکلیف 3 - کامپوننت فرزند والد 00:54
-
راه حل تکلیف 3 - کامپوننت فرزند والد 01:36
-
قوانین JSX 01:46
-
کار با استایل ها 03:40
-
افزودن کلاس های بوت استرپ 02:09
-
کار با کلاس ها - بخش 1 03:37
-
متغیر در JSX 02:46
-
تکلیف 3 - افزودن Const 00:38
-
راه حل تکلیف 3 - افزودن Const 00:36
-
عنصر HTML در JSX 04:20
-
کامپوننت دانشجو 05:42
-
کامپوننت های ایمپورت و اکسپورت 04:11
-
تکلیف 4 - جداسازی کامپوننت دانشجو 00:31
-
راه حل تکلیف 4 - جداسازی کامپوننت دانشجو 01:02
-
Props و کامپوننت ها 04:17
-
نصب کتابخانه ها و تصاویر شخص ثالث 05:18
-
ایمپورت تصویر و طراحی هدر 02:54
-
کامپوننت فوتر و MainBody 03:33
-
تکلیف 5 - تصحیح خطا و طراحی 02:28
-
انتقال کامپوننت ها به عنوان فرزندان 04:35
-
سلسله مراتب نهایی 01:34
-
تابع Arrow 03:00
-
کامپوننت های تابعی در مقابل کامپوننت های کلاس 03:03
-
کامپوننتهای کلاس 04:08
-
تکلیف 6 - تبدیل MainBody به کامپوننت کلاس 00:41
-
ایجاد CounOPedia 03:08
-
راه حل تکلیف 7 - راه اندازی CountOPedia 03:54
-
دکمه های اپلیکیشن شمارنده 01:30
-
رویدادهای کلیک 01:43
-
تنظیم و بازیابی State 04:04
-
دمو - React State 05:09
-
خلاصه State 02:06
-
سینتکس جدید SetState 04:53
-
رابط کاربری CountoPedia 04:27
-
دکمه پخش تصادفی و ریست 04:13
-
تکلیف 8 - وضعیت بازی و آخرین بازی 01:23
-
راه حل تکلیف 8 - وضعیت بازی و آخرین بازی 03:54
-
ایجاد پروژه - ContactOPedia 02:45
-
افزودن کامپوننت ها 04:51
-
اسکلت کامپوننت ها 05:25
-
افزودن رابط کاربری Contact 02:33
-
Contact State مورد علاقه و Contact State جنرال 07:29
-
رابط کاربری Contact فردی 06:35
-
بررسی و آشنایی با ContactOPedia 03:02
-
افزودن Contact Handler 04:33
-
افزودن Contact در عمل 05:15
-
اضافه کردن اعتبارسنجیها 05:21
-
نمایش اعتبارسنجی و نوتیفیکیشن موفقیت 02:48
-
تاگل کردن علاقهمندیها 09:22
-
تکلیف 10 - حذف Contact 00:37
-
راه حل تکلیف 10 - حذف Contact 03:17
-
افزودن کاربر تصادفی به لیست Contact 03:53
-
فراخوانی Axios 06:34
-
دمو - افزودن Contact تصادفی 03:22
-
تکلیف 11 - حذف تمام Contact 00:21
-
راه حل تکلیف 11 - حذف تمام Contact 01:39
-
کدام Contact باید بروزرسانی شود؟ 05:46
-
تاگل کردن رابط کاربری بر اساس بروزرسانی 06:18
-
دکمه لغو در عمل 01:56
-
بروزرسانی Contact - بخش 1 05:27
-
بروزرسانی Contact - بخش 2 02:28
-
ایجاد پروژه - Cyclopedia 03:04
-
راه اندازی API تصادفی 03:06
-
نمایش مدرس 07:20
-
بروزرسانی کامپوننت 04:53
-
کامپوننت کنترل شده 05:11
-
ذخیره در LocalStorage 05:29
-
حذف مدرس 02:40
-
نصب نشدن کامپوننت 05:03
-
بارگذاری لیست دانشجویان 06:18
-
زمان باگ 01:24
-
ایجاد WatchOPedia 04:55
-
راه اندازی Counter 02:06
-
UseState در عمل 05:01
-
Gotchas با useState 05:22
-
آبجکت ها و State 02:06
-
یک Gotcha دیگر با useState 02:29
-
یه چیز هیجان انگیز 01:07
-
راه اندازی فیلم در WatchoPedia 04:05
-
راه حل تکلیف 12 - نمایش لیست فیلم ها 02:51
-
راه حل تکلیف 13 - افزودن فیلم برای تماشا 05:18
-
پروژه اولیه 03:19
-
فیلدهای ورودی نام و بازخورد 06:55
-
بررسی UseEffect 06:56
-
UseEffect - فقط اولین رندر 02:18
-
UseEffect - معرفی Unmount در عمل 02:04
-
تکلیف 14 - UseEffect 00:40
-
راه حل تکلیف 14 - UseEffect 02:04
-
بارگذاری دانشجویان در بروزرسانی Counter 04:04
-
useRef و مقادیر قبلی 06:08
-
useRef در تعداد دانشجویان 02:55
-
استفاده رایج تر از useRef 02:28
-
هوک useld 03:41
-
راه اندازی RouteOPedia 03:30
-
ایجاد کامپوننتهای بیشتر 03:56
-
مسیر اول 06:09
-
کامپوننت لینک 02:54
-
تکلیف 15 - مسیرهای محصول 01:25
-
راه حل تکلیف 15 - مسیرهای محصول 02:47
-
مسیرهای تودرتو 01:34
-
ایندکس در مسیر تودرتو 00:44
-
خطای Not Found 01:37
-
پارامترها در URL 05:46
-
تکلیف 16 - پارامترها در URL 01:13
-
کامپوننت NavLink 02:57
-
ناوبری با استفاده از هوک UseNavigate 01:38
-
استفاده از کامپوننت لینک برای ناوبری 01:14
-
متد دیگری برای ناوبری 02:51
-
ناوبری به عقب 02:03
-
راه اندازی ReduxOPedia 05:08
-
افزودن فروشگاه ریداکس 05:19
-
ایجاد اولین Reducer و اکشن ها 08:55
-
لاگ کردن State و Dispatch کردن اکشن 03:11
-
بازیابی مقدار از state 02:29
-
Dispatch کردن اکشن از کامپوننت ری اکت 04:15
-
تکلیف 17 - Counter Multiplier 03:49
-
راه حل تکلیف 17 - Counter Multiplier 02:44
-
افزودن اسلایس مقصد 02:53
-
نمایش مقصد 04:07
-
انتخاب مقصد 03:48
-
نمایش مقصد منتخب 02:39
-
ریست کردن counter و مقصد 05:15
-
گوش کردن به اکشن Reducer متفاوت 04:10
-
نه گفتن به رشته های جادویی 01:36
-
اکشن های سفارشی 04:50
-
رویکرد جایگزین برای ایمپورت و اکسپورت 02:37
-
راه اندازی TravelOPedia 04:32
-
راه اندازی کامپوننت های مقصد 03:16
-
راه اندازی سرور جی سان 04:54
-
ایجاد API مقصد 10:21
-
واکشی رکوردها از API 05:00
-
افزودن کامپوننت کنترلر مقصد 01:41
-
افزودن جهش ها 03:42
-
فراخوانی جهش POST 05:05
-
کوئری در مقابل جهش 00:44
-
کش کردن با کوئری RTK 04:35
-
تگ ها در عمل 05:57
-
تکلیف 18 - حذف مقصد 00:49
-
راه حل تکلیف 18 - حذف مقصد 02:25
-
پاسخ از کوئری و پارامترها 02:10
-
جداسازی مقصد فردی 01:42
-
تکلیف 19 - قابلیت ویرایش 01:03
-
راه حل تکلیف 19 - قابلیت ویرایش 08:43
-
یکپارچه سازی کوئری RTK با فروشگاه ریداکس 05:58
-
فراخوانی API دیگر 03:21
-
نمایش مقصد تصادفی 02:34
-
API اختیاری است و می توانید از API در اینجا استفاده کنید 06:28
-
راه اندازی حساب ذخیره سازی برای تصاویر در آژور 03:09
-
اضافه کردن Swashbuckle به پروژه (.NET 9) 03:59
-
ایجاد پروژه API 01:59
-
نصب پکیج های NuGet 02:11
-
راه اندازی رشته اتصال و DBContext 06:13
-
ایجاد جداول SQL و پوش کردن مهاجرت ها 08:00
-
افزودن نام به AspNetUsers 04:14
-
ایجاد جدول آیتم های منو 03:42
-
Seed کردن آیتم های منو 04:08
-
دریافت آیتم منو و API Response 06:24
-
دریافت آیتم منوی فردی 03:42
-
افزودن رشته اتصال حساب ذخیره سازی 06:08
-
پیاده سازی سرویس Blob 04:19
-
ایجاد آیتم منو 09:59
-
ایجاد آیتم منو در عمل 01:33
-
بروزرسانی آیتم منو 07:27
-
حذف آیتم منو 02:44
-
کد وضعیت صحیح و پرچم موفقیت 01:01
-
افزودن لاگین و رجیستر DTO 03:51
-
کنترلر احراز هویت و تزریق وابستگی 04:31
-
رجیستر در عمل 11:10
-
لاگین در عمل 04:06
-
توکن JWT 07:25
-
افزودن اندپوینت های احراز هویت و مجوز 04:37
-
راه اندازی API برای احراز هویت 03:10
-
افزودن امنیت به Swagger 07:00
-
افزودن مدل های سبد خرید 07:39
-
کنترلر و منطق سبد خرید 04:10
-
بروزرسانی اندپوینت سبد خرید 10:47
-
تست اندپوینت سبد خرید 02:40
-
دریافت سبد خرید 05:11
-
مدل جزئیات و هدر سفارش 04:33
-
DTO های سفارش 02:28
-
دریافت سفارش 03:48
-
ایجاد سفارش در عمل 06:00
-
بروزرسانی جزئیات سفارش 03:38
-
اندپوینت پرداخت Stripe 05:38
-
Secret کلاینت Stripe در عمل 06:01
-
بروزرسانی API سبد خرید 01:30
-
استقرار API 05:09
-
مقدمه تایپ اسکریپت 04:22
-
ایجاد اپلیکیشن با تایپ اسکریپت 02:08
-
پکیج جی سان 01:33
-
پاکسازی فایل 03:04
-
نصب بوت استرپ و آیکون های بوت استرپ 02:36
-
کامپوننت هدر و فوتر 04:40
-
رابط کاربری هدر 02:35
-
واکشی آیتم ها و رابط های منو در TS 06:48
-
ساختار بهتر 03:53
-
Card Component 03:49
-
رابط کاربری صفحه اصلی 03:23
-
افزودن مسیریابی و خطای Not Found 05:42
-
صفحه جزئیات آیتم منو 05:08
-
افزودن ریداکس و جعبه ابزار Tedux به پروژه 07:06
-
افزودن کوئری برای واکشی آیتم های منو 06:35
-
فراخوانی اسلایس برای واکشی داده 03:38
-
نمایش متن در حال بارگذاری 01:17
-
تکلیف 20 - بارگذاری جزئیات آیتم منو 01:00
-
راه حل تکلیف 20 - بارگذاری جزئیات آیتم منو 05:43
-
مدیریت مقدار در جزئیات آیتم منو 03:42
-
شناسه کاربری برای سبد خرید 04:11
-
راه اندازی کوئری و جهش سبد خرید 06:08
-
افزودن به سبد خرید در عمل 05:07
-
تکلیف 21 - افزودن به صفحه اصلی سبد خرید 01:17
-
راه حل تکلیف 21 - افزودن به صفحه اصلی سبد خرید 01:59
-
افزودن Mini Loader در صفحه اصلی 02:17
-
کامپوننت Mini Loader 02:53
-
Main Loader 02:13
-
لودر در صفحه جزئیات افزودن به سبد خرید 02:02
-
رابط سبد خرید 04:18
-
دریافت سبد خرید و ذخیره در اسلایس 06:11
-
صفحه سبد خرید 03:03
-
خلاصه سبد خرید 06:05
-
افزودن Reducers به اسلایس سبد خرید 04:22
-
سبد خرید تابعی 08:17
-
نمایش آیتم های متمایز در سبد خرید 01:59
-
نمایش جزئیات انتخاب محصول 04:03
-
متد Helper کامپوننت کنترلر 08:04
-
کامپوننت بارگذاری 03:16
-
رابط کاربری لاگین و رجیستر 05:18
-
لاگین و رجیستر چگونه کار خواهد کرد؟ 05:21
-
افزودن API احراز هویت 03:31
-
اسلایس و رابط کاربری احراز هویت 04:29
-
کامپوننت های کنترلر در رجیستر 05:21
-
رابط Response API 03:11
-
رجیستر کاربر 05:16
-
فیلدهای لاگین کنترلر 01:45
-
لاگین در عمل 03:02
-
افزودن توکن به LocalStorage 01:56
-
رمزگشایی توکن JWT 03:24
-
تاگل کردن دکمه لاگین و خروج از سیستم 04:04
-
لاگین و خروج از سیستم در عمل 03:44
-
باگ کوچک با احراز هویت 02:41
-
Toastify کردن نوتیفیکیشن ها 07:48
-
افزودن Loader در رجیستر 00:50
-
افزودن کامپوننت های تست برای احراز هویت و مجوز 05:09
-
احراز هویت با HOC 07:27
-
مجوز با HOC 02:55
-
فقط کاربران احراز هویت شده می توانند به سبد خرید اضافه کنند 04:24
-
شناسه کاربر پویا 02:57
-
پاکسازی کامپوننت های تست 00:31
-
بارگیری جزئیات کاربر لاگین شده 01:27
-
Stripe و ری اکت 03:35
-
ایجاد API پرداخت 02:15
-
فراخوانی API پرداخت 06:00
-
استفاده از State لوکیشن 03:17
-
دموی کارت Stripe 04:02
-
رابط کاربری خلاصه سفارش 02:49
-
رابط های محلی 04:42
-
خلاصه سفارش پویا 04:22
-
پردازش Stripe 06:03
-
آبجکت موفقیت در Stripe 03:20
-
API سفارش 01:56
-
ایجاد آبجکت سفارش برای ایجاد سفارش 04:58
-
ایجاد سفارش 11:53
-
منطق سفارش تایید شده 03:21
-
صفحه تایید سفارش 06:35
-
دریافت اندپوینت های سفارش در API 02:38
-
رابط کاربری My Orders (سفارشات من) 02:11
-
My Orders پویا 08:18
-
وجود باگ در my orders 00:57
-
ایجاد کامپوننت جدید برای لیست سفارش 04:15
-
جزئیات سفارش 08:50
-
تکلیف 22 - رفع باگ داده 01:30
-
مدیریت هدر سفارش ها بر اساس نقش 03:55
-
متد Helper رنگ وضعیت 02:19
-
نمایش نشان برای وضعیت سفارش 02:30
-
دکمه بازگشت به سفارش 01:25
-
دکمه برای Nest Status 05:16
-
نشان وضعیت سفارش در لیست سفارش 02:53
-
API سفارش - اندپوینت PUT 03:25
-
بهروزرسانی وضعیت سفارش 05:12
-
دکمههای لغو و تکمیل 01:34
-
همه صفحه سفارشات 01:56
-
ایجاد صفحه لیست آیتم های منو 03:06
-
تکلیف 23 - لیست آیتم های منوی پویا 03:41
-
رابط کاربری Upsert - آیتم منو 03:57
-
کامپوننت های کنترلر - آیتم منو 03:59
-
آپلود تصویر در ری اکت 07:38
-
جهش های API آیتم منو 03:19
-
ایجاد آیتم منو 05:16
-
بروزرسانی طراحی 03:03
-
بارگذاری آیتم منو برای بروزرسانی 03:58
-
بروزرسانی آیتم منو 05:02
-
منوی کشویی دسته بندی 03:10
-
باگ کوچک 01:44
-
حذف آیتم منو 02:44
-
تکلیف 25 - داده با رفرش کردن از بین می رود 00:32
-
تکلیف 25 - رفع باگ 01:27
-
بنر 01:57
-
تغییر نام پوشه 00:55
-
ارزش جستجوی فروشگاه در ریداکس 03:18
-
جستجو در بنر 06:57
-
نمایش همه دسته بندی ها برای فیلتر 05:04
-
فیلترها دسته بندی ها در عمل 06:49
-
مرتبسازی در عمل 07:31
-
صرف نظر کردن از دریافت سبد خرید 03:04
-
اندپوینت های احراز هویت و مجوز 05:56
-
استقرار در آژور 03:57
-
مقدمه 00:58
-
اضافه کردن جستجو به سفارشات در API 02:20
-
افزودن صفحهبندی به سفارشها در API 06:39
-
افزودن فیلترهای رابط کاربری 04:21
-
کامپوننتهای کنترلر 03:23
-
فیلترهای محلی در عمل 04:47
-
فیلترهای API در عمل 03:50
-
باگ کوچک 00:37
-
دریافت کل رکوردها 04:42
-
صفحه بندی در عمل 05:38
-
اندازه صفحه در عمل 03:28
مشخصات آموزش
بوت کمپ توسعهدهنده فول استک با React 19 و NET 10 API.
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:مقدماتی
- تعداد درس:691
- مدت زمان :40:59:37
- حجم :20.37GB
- زبان:دوبله زبان فارسی
- دوره آموزشی: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
1,580,000
316,000 تومان
- زمان: 04:00:26
- تعداد درس: 31
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
770,000
154,000 تومان
- زمان: 01:57:58
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 39:24
- تعداد درس: 25
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,922,000
384,400 تومان
- زمان: 04:52:39
- تعداد درس: 73
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 0:12:06
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی