آموزش ساخت اپلیکیشن فول استک با React و ASP.NET Core

۲,۶۹۹,۰۰۰ ریال

خرید دانلودی آموزش ساخت اپلیکیشن فول استک با React و ASP.NET Core

توضیحات

آموزش ساخت اپلیکیشن فول استک با React و ASP.NET Core یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، ساختن یک وب اپلیکیشن فول استک و SPA با ASP.NET Core و React است که با نام اصلی Building an End-to-end SPA Using ASP.NET Core 6 Web API and React از شرکت Pluralsight منتشر شده است.

ری اکت (React) چیست؟

همانطور که ممکن است بدانید ری اکت یک کتابخانه جاوا اسکریپت است که به صورت declarative و کاملاً کارامد و با انعطاف پذیری بالا برای ساختن واسط کاربری برنامه های وب مورد استفاده قرار می گیرد. با استفاده از این کتابخانه شما می توانید واسط های کاربری بسیار پیچیده ای را از قطعات کوچک تر و یا تجزیه شده به نام کامپوننت ایجاد کنید. با استفاده از ری اکت امکان ایجاد کردن واسط های کاربری واکنش گر و یا complex UI بسیار ساده خواهد بود. در کار کردن با ری اکت در ابتدا view های بسیار ساده ای را برای هر کدام از state های درون اپلیکیشن ایجاد کرده و سپس ری اکت به صورت کاملاً کارامد کامپوننت های متناظر را در زمان ایجاد شدن تغییرات بر روی داده ها بروز رسانی و یا render می کند. View هایی که با روش declarative ایجاد می شوند باعث می شوند تا کد شما قابل پیش بینی تر و اشکال زدایی ساده تر باشد. با استفاده از ری اکت به سادگی می توانید کامپوننت های کپسوله شده ای را ایجاد کنید که state خودشان را مدیریت می کنند. ترکیب شدن این کامپوننت های کوچک تر با یکدیگر امکان ایجاد کردن UI های پیچیده را فراهم می کند. از آنجایی که کد مربوط به کامپوننت ها با زبان جاوا اسکریپت نوشته می شود، به سادگی می توانید داده ها را در سرتاسر برنامه جابجا کنید و state برنامه را از DOM جدا نمایید. ری اکت در کنار دیگر تکنولوژی ها نیز به خوبی کار می کند. بنابراین شما در زمان استفاده کردن از ری اکت نیاز ندارید که تغییرات دیگری بر روی technology stack برنامه خودتان ایجاد کنید. علاوه بر این ری اکت می تواند بر روی سرور نیز با استفاده از node، مورد استفاده قرار بگیرد. امکان استفاده کردن از react native برای ساخت اپلیکیشن های موبایل نیز وجود دارد.

فریم ورک ASP.NET Core چیست؟

فریم ورک ASP.NET Core یک وب فریم ورک است که به صورت open source و بهینه سازی شده برای رایانش ابری و یا اصطلاحاً cloud-optimized طراحی شده است. با استفاده از ASP.NET Core امکان توسعه دادن web application های مدرن که بتوانند بر روی ویندوز، لینوکس و Mac اجرا بشوند بسیار ساده می باشد. در فریم ورک ASP.NET Core امکان استفاده کردن از MVC وجود دارد. از MVC برای توسعه دادن اپلیکیشن ها استفاده می شود. علاوه بر این امکان توسعه دادن web API ها نیز با استفاده از ASP.NET Core وجود دارد.

اپلیکیشن هایی که با استفاده از ASP.NET Core ایجاد می شوند می توانند بر روی دات نت کور و یا بر روی دات نت فریم ورک اجرا بگردند. ASP.NET Core طوری طراحی شده است که به عنوان یک فریم ورک توسعه web application ها که می توانند در cloud و یا بر روی on-premise ها اجرا بشوند مورد استفاده قرار می گیرند. ASP.NET Core از کامپوننت های ماژولاری ایجاد شده است که حداقل overhead و یا سربار را دارند. از همین جهت در زمان ساختن web application ها با استفاده از ASP.NET Core انعطاف پذیری زیادی در اختیار برنامه نویس قرار می گیرد. امکان اجرا کردن web application های توسعه داده شده با استفاده از ASP.NET Core به صورت cross-platform بر روی ویندوز، Mac و لینوکس وجود دارند.

مزیت های استفاده کردن از ASP.NET Core

استفاده کردن از ASP.NET Core به منظور توسعه web application ها، مزیت های زیادی را در اختیار برنامه نویسان قرار می دهند که در این قسمت به صورت کوتاه، اشاره ای به آنها خواهیم داشت. ASP.NET Core تغییرات زیادی را در معماری خود داده است. بنابراین در مقایسه با ASP.NET سبک وزن تر و همچنین ماژولار تر می باشد. فریم ورک ASP.NET Core دیگر مبتنی به System.Web.dll نیست و این موضوع خود می تواند به cross-platform بودن آن کمک کند. فریم ورک ASP.NET Core بر اساس مجموعه ای از NuGet package های ریز و ریفکتور شده ایجاد گردیده است که می توانند در توسعه نرم افزار مورد استفاده قرار بگیرند. استفاده کردن از NuGet package ها به شما اجازه می دهد تا بتوانید اپلیکیشن خود را کاملاً بهینه کنید. مزیت های داشتن یک اپلیکیشن کوچک تر که با استفاده از ASP.NET Core توسعه داده شده است امنیت بهتر، کارایی و یا performance بهبود یافته و همچنین هزینه های کاهش یافته می باشد.

سرفصل مطالب آموزش ویدئویی آموزش ویدئویی ساخت اپلیکیشن فول استک با React و ASP.NET Core

فصل اول: مقدمه دوره آموزشی

  • مقدمه دوره آموزشی

فصل دوم: اولین قدم ها

  • قبل از استفاده از این دوره آموزشی چه چیزهایی را باید بدانید؟
  • آماده شدن برای کدنویسی
  • ساختن برنامه React و اولین Component
  • ساختن API به همراه Swagger
  • اجرا کردن و Debug کردن

فصل سوم: انتشار، دریافت کردن و نشان دادن داده ها

  • ساختن دیتابیس در API
  • اضافه کردن Data Endpoint ها در API
  • تفکیک کردن Concern ها در API
  • مصرف کردن Endpoint ها در React
  • ایجاد Hook های سفارشی و useEffect در React
  • انجام Caching و واکشی کردن دوباره به همراه react-query در React
  • فرمت بندی کردن دوباره داده های ورودی و نشان دادن جزئیات مربوط به API در React

فصل چهارم: اضافه کردن Routing و Navigation در Frontend

  • ایجاد کردن Endpoint مورد نظر در API
  • راه اندازی کردن Routing در React
  • ایجاد کردن Component مورد نیاز در React
  • ایجاد Navigation در React

فصل پنجم: ساختن، آپدیت کردن و حذف کردن داده ها

  • ساختن Endpoint های Create، Edit و Delete در API
  • ایجاد کردن Database Persistence در API
  • استفاده از useMutation و Cache Invalidation در React
  • کار کردن با فرم ها در React
  • استفاده مجدد از Component ها در React
  • انجام Validation در API
  • نشان دادن Validation Error ها در React
  • آپلود کردن Image ها در React

فصل ششم: کار کردن با داده های مرتبط و یا Related Data ها

  • اضافه کردن یک Entity در API
  • اضافه کردن یک Repository جدید در API
  • اضافه کردن Endpoint های جدید در API
  • اضافه کردن Hook ها درReact
  • نشان دادن و اضافه کردن داده ها در یک Component در React

فصل هفتم: انجام Deployment، Authentication و Authorization

  • مقدمه
  • انجام Deployment در API و React
  • چرا می بایست از Authentication استفاده کنیم و چگونه آن را انجام ندهیم؟
  • استفاده از روش مبتنی بر کوکی ها
  • میزبانی نمودن و یا Host نمودن اپلیکیشن React درون یک پروژه ASP.NET Core
  • پیاده سازی کردن Cookie Authentication در API
  • پشتیبانی کردن از Cookie Authentication در React
  • کار کردن با OpenId Connect و BFF
  • کار کردن با OpenId Connect OpenId Connect و BFF در API

افزودن به سبد خرید