دوره آموزشی ساخت اپلیکیشن های React و ASP.NET MVC 5
2 ساعت 11 دقیقهمتوسط2018-11-27
مدرسین

Kazi Nasrat Ali
Senior Software Developer at Surge
جزئیات دوره
React.js یک فریمورک محبوب است که مخصوصاً برای ساخت برنامه های وب با ASP.NET MVC 5 مناسب است، اما ادغام این دو چارچوب می تواند چالش برانگیز باشد. در این دوره آموزشی، مربی کازی نصرت علی نحوه اتصال این دو فریمورک به یکدیگر را برای توسعه برنامه های وب Full-stack React و ASP.NET MVC 5 آموزش می دهد. با ایجاد یک برنامه وب تمام پشته برای یک رستوران، نحوه ساخت یک فرانت اند با React.js و یک بک اند با ASP.NET MVC 5 و Entity Framework را بیاموزید. لاگین های کاربری ایجاد کنید، عملکرد سبد خرید را به برنامه خود اضافه کنید، API را ایمن کنید و برای موبایل بهینه سازی کنید. پس از پایان این دوره، مهارت هایی را خواهید داشت که برای ترکیب قدرت های React.js و ASP.NET MVC 5 برای ایجاد صفحات وب با کیفیت بالا و تاثیرگذار نیاز دارید.
اهداف یادگیری
ایجاد انتهای پشتی
داربست پروژه با MVC 5
راه اندازی سرویس API برای داده ها
ساخت قسمت جلویی با React
مدیریت رویدادها برای عناصر React
رابط کاربری پاسخگو و سازگاری با موبایل
ایمن سازی API
رفع اشکال قسمت جلویی و انتهای پشتی
اهداف یادگیری
ایجاد انتهای پشتی
داربست پروژه با MVC 5
راه اندازی سرویس API برای داده ها
ساخت قسمت جلویی با React
مدیریت رویدادها برای عناصر React
رابط کاربری پاسخگو و سازگاری با موبایل
ایمن سازی API
رفع اشکال قسمت جلویی و انتهای پشتی
مهارت ها
ASP.NET MVCASP.NETReact.jsMetaBack-End Web DevelopmentFull-Stack Web DevelopmentFront-End Web DevelopmentProjectWeb DevelopmentMicrosoft
سرفصل ها
0. مقدمه
- 01 - قدرت React و ASP.NET MVC 5
- 02 - آنچه باید بدانید
- 03 - محیط توسعه را تنظیم کنید
1. درباره ASP.NET MVC 5 و React
- 04 - مرور سریع برنامه ASP.NET MVC 5، React و تمام پشته
- 05 - چرا با ASP.NET MVC 5 واکنش نشان دهید
- 06 - برنامه React و ASP.NET MVC که در حال ساخت هستیم
2. Back End را ایجاد کنید
- 07 - یک پروژه را با MVC 5 داربست کنید
- 08 - مدل های داده را برای Entity Framework اضافه کنید
- 09 - Entity Framework DbContext را اضافه کنید
- 10 - متدهای کنترل کننده برای صفحات UI ایجاد کنید
- 11 - مشاهده ثبت نام و ورود به سیستم را اضافه کنید
- 12 - ویژگی های ثبت نام و ورود را آزمایش کنید
3. راه اندازی - یک سرویس API برای داده ها
- 13 - یک کنترلر REST API ایجاد کنید
- 14 - یک متد اکشن برای خواندن رکوردها با فرمت JSON اضافه کنید
- 15 - یک متد عمل برای ایجاد رکوردها اضافه کنید
4. راه اندازی - TypeScript، IntelliSense، و بسته وب
- 16 - مشکل محیط توسعه دهنده با React و Visual Studio 2015
- 17 - بسته وب، TypeScript و تنظیمات را تنظیم کنید
- 18 - React را تنظیم کنید و تعاریف و تنظیمات را تایپ کنید
5. Front End را با React ایجاد کنید
- 19 - یک مدل داده React و کلاس های حالت اضافه کنید
- 20 - یک کامپوننت React اضافه کنید و داده ها را واکشی کنید
- 21 - داده ها را به صورت شبکه ای از جعبه ها ارائه دهید
- 22 - قابلیت سبد خرید را با React اضافه کنید
- 23 - ادامه افزودن قابلیت سبد خرید
- 24 - مدیریت رویدادها برای عناصر React
- 25 - کامپوننت فرم React را برای ارسال داده ها اضافه کنید
- 26 - رابط کاربری پاسخگو و سازگاری با موبایل
6. API را ایمن کنید
- 27 - درک آسیب پذیری API
- 28 - API را با AuthorizeAttribute ایمن کنید
7. اشکال زدایی و تست
- 29 - اشکال زدایی قسمت جلویی و انتهایی
- 30 - تست و تکمیل
نتیجه
- 31 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی یادگیری ASP.NET Core: مبانی MVC، صفحات Razor، وب APIها و دیگر اصول پایه
- دوره آموزشی ASP.NET MVC: چرخه عمر یک درخواست HTTP
- دوره آموزشی جامع ASP.NET MVC 5
- دوره آموزشی ویژگی های جدید ASP.NET
- دوره آموزشی هویت ASP.NET MVC 5: احراز هویت و مجوز
- دوره آموزشی ASP.NET MVC: ایجاد بهره وری و قابلیت نگهداری