آموزش ساخت یک پروژه با Asp.net Core و React

آموزش ساخت یک پروژه با Asp.net Core و React

React یک کتابخانه جاوااسکریپتی بسیار محبوب در زمینه Front end است که امروزه برنامه نویسان زیادی هستند که قصد یادگیری React رودارند یا یاد گرفته اند.در

تریلر دوره

توضیحات کامل دوره

آموزش ساخت یک پروژه با Asp.net Core و ReactReact یک کتابخانه جاوااسکریپتی بسیار محبوب در زمینه Front end است که امروزه برنامه نویسان زیادی هستند که قصد یادگیری React رودارند یا یاد گرفته اند.در این دو...

آموزش ساخت یک پروژه با Asp.net Core و React

React یک کتابخانه جاوااسکریپتی بسیار محبوب در زمینه Front end است که امروزه برنامه نویسان زیادی هستند که قصد یادگیری React رودارند یا یاد گرفته اند.

در این دوره ما با استفاده از Asp.net که یکی از برترین فریمورک های Back end است شروع به پیاده سازی Api پروژه میکنیم و برای Front end پروژه از کتابخانه محبوب React  استفاده میکنیم.

این دوره مناسب دوستان و دانشجویانی است که Asp.net Core و React رو یاد گرفته اند و قصد دارند که با کار بر روی یک پروژه مطالبی که یاد گرفته اند رو تمرین کنند.

 

برای کسب اطلاعات بیشتر لطفا ویدیو معرفی دوره رو مشاهده کنید


سرفصل‌های دوره

  • مقدمه
    رایگان 00:02:25
  • نصب پیشنیاز ها
    رایگان 00:05:32
  • ساخت پروژه بک اند
    رایگان 00:18:00
  • پیاده سازی پروژه بک اند
    رایگان 00:08:06
  • ارتباط بین لایه ها و نصب پکیج های مورد نیاز
    00:06:59
  • اضافه کردن مدل Activity و Context
    رایگان 00:07:18
  • کانفیگ دیتابیس و اضافه کردن مایگریشن
    00:08:12
  • اپدیت دیتابیس و ساخت base api controller
    00:05:47
  • ساخت پروژه React
    00:05:50
  • بررسی پروژه Reactو نصب Package
    00:05:30
  • پیاده سازی اولین api
    00:12:23
  • گرفتن اطلاعات از Api
    00:08:33
  • رفع خطای مربوط به Cors
    رایگان 00:05:00
  • نصب Semantic UI React
    00:06:00
  • فولدر بندی پروژه React و ایجاد Interface
    00:07:27
  • افزودن NavBar
    00:09:16
  • ایجاد Component مربوط به داشبورد
    00:09:00
  • ساخت کامپوننت ActivityList
    00:09:00
  • پیاده سازی ActivtiyDetailComponent
    00:17:18
  • پیاده سازی Activtiy Form
    00:08:19
  • پیاده سازی دکمه view و cancel مربوط به Activity
    00:16:54
  • پیاده سازی دکمه ویرایش و افزودن فعالیت
    00:15:52
  • کنترل submit فرم افزودن و ویرایش activtiy
    00:13:00
  • پیاده سازی فانکشن مربوط به افزودن و ویرایش Activity
    00:08:00
  • کنترل افزودن Create Activity
    00:06:00
  • حذف یک Activity
    رایگان 00:06:00
  • refactor کردن کدها
    00:12:23
  • جنریک کردن فایل مربوط به agent
    رایگان 00:09:00
  • ساخت فانکشن های لازم برای ارتباط activity با بک اند
    00:14:00
  • ریفکتور حذف یک activity در ری اکت
    00:16:00
  • استفاده از mobx
    00:11:00
  • استفاده از mobx برای بخش activity
    00:07:00
  • استفاده از اکشن های mobx و اضافه کردن پروژه به گیت هاب
    00:07:52
  • اضافه کردن متد به activity store و ریفکتور کدها
    00:10:28
  • ریفکتور کدهای activity
    00:14:00
  • ریفکتور فانکشن Create and edit activity
    00:09:40
  • پیاده سازی delete activity store و تمرین
    00:07:00
  • حل تمرین
    00:05:00
  • استفاده از Map object
    00:08:30
  • نصب React router dom و ثبت اولین Route
    00:06:21
  • اضافه کردن Route ها
    00:08:35
  • اصلاح لینک ها در NavBar و تست برنامه
    00:06:16
  • پیاده سازی Route مربوط به Activity Detail
    00:18:00
  • افزودن route مربوط به ویرایش activity
    00:11:05
  • رفع مشکل مربوط به Route و استفاده از Navigation
    00:11:00
  • تغییر در ظاهر برنامه
    00:09:00
  • تکمیل api مربوط به activity - بخش اول
    00:16:00
  • تکمیل api مربوط به activity - بخش دوم
    00:17:00
  • تکمیل api مربوط به activity - بخش سوم
    00:09:00
  • تغییرات ظاهری - بخش اول
    00:07:00
  • تغییرات ظاهری - بخش دوم
    00:08:00
  • تغییرات ظاهری - بخش سوم
    00:10:23
  • تغییرات ظاهری - بخش چهارم
    00:08:00
  • افزودن Activity Filter
    رایگان 00:09:00
  • تغییر ui صفحه اصلی
    00:11:00
  • نصب Formik و استفاده از آن
    00:07:00
  • استفاده از المان های Form و Field مربوط به Formik
    00:06:00
  • اعتبارسنجی فرم ها- بخش اول
    00:11:00
  • اعتبارسنجی فرم ها-ساخت Component برای Custom Input
    00:08:48
  • اعتبارسنجی فرم ها-ساخت Component برای Custom Select
    00:09:00
  • اعتبارسنجی فرم ها- بخش نهایی این فصل
    00:09:00
  • احراز هویت - ساخت جدول User و Dtoهای آن
    00:07:30
  • احراز هویت - ایجاد سرویس و متد لاگین
    00:19:45
  • احراز هویت - بررسی JWT و نحوه کارکرد آن
    رایگان 00:10:42
  • احراز هویت - نوشتن سرویس JWT
    00:22:00
  • احراز هویت - اضافه کردن Jwt Authentication
    00:09:00
  • احراز هویت - پیاده سازی Register User
    00:18:00
  • احراز هویت- پیاده سازی کامپوننت ورود
    00:08:27
  • احراز هویت- پیاده سازی Interface ها و Agent
    00:08:10
  • احراز هویت- پیاده سازی Store و استفاده از آن
    00:08:00
  • احراز هویت- پیاده سازی نمایش خطا
    00:11:00
  • احراز هویت- ذخیره سازی Token در React
    00:06:57
  • احراز هویت - تغییرات ظاهری
    00:12:09
  • احراز هویت - تغییر در دریافت و ذخیره سازی توکن
    00:09:33
  • احراز هویت - استفاده از Interceptors برای ارسال توکن
    00:05:58
  • احراز هویت - ایجاد Modal داینامیک برای ورود و ثبت نام
    00:16:27
  • احراز هویت - پیاده سازی Register component
    00:08:32
  • تست بخش احراز هویت
    00:12:30
  • تست مجدد لاگین و شروع ماژول جدید
    00:08:11
  • ماژول بازدید کننده - بخش دوم
    00:11:24
  • ماژول بازدید کننده - بخش سوم
    00:11:44
  • ماژول بازدید کننده - بخش چهارم
    00:15:53
  • ماژول بازدید کننده - بخش پنجم
    رایگان 00:12:16
  • ماژول بازدید کننده - بخش ششم
    00:08:16
  • ماژول درباره من - بخش هفتم
    00:09:30
  • ماژول بازدید کننده - بخش هشتم
    00:06:50
  • ماژول بازدید کننده - بخش نهم
    00:12:55
  • ماژول بازدید کننده - بخش دهم
    00:20:23
  • ماژول بازدید کننده - بخش یازدهم
    00:12:31
  • ماژول بازدید کننده - بخش دوازدهم
    00:09:25
  • تست ماژول - بخش اول
    00:18:00
  • تست ماژول - بخش دوم
    00:06:39
  • اعمال تغییرات ظاهری
    00:11:00
  • جلسه پایانی فصل اول
    00:07:00

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

400,000 تومان

این دوره شامل:
15:56:00 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/06
آخرین به‌روزرسانی: 2026-11-01 00:04:36
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: