آموزش برنامه های Building React و ASP.NET MVC 5

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

مقدمه Introduction

• قدرت React و ASP.NET MVC 5 The power of React and ASP.NET MVC 5

• آنچه باید بدانید What you should know

• محیط توسعه را تنظیم کنید Set up the development environment

1. درباره ASP.NET MVC 5 و React 1. About ASP.NET MVC 5 and React

• بررسی اجمالی سریع برنامه ASP.NET MVC 5 ، React و Full Stack ASP.NET MVC 5, React, and full-stack app quick overview

• چرا با ASP.NET MVC 5 واکنش نشان می دهیم؟ Why React with ASP.NET MVC 5?

• برنامه React و ASP.NET MVC که ساختیم The React and ASP.NET MVC app we are building

2. Back End را ایجاد کنید 2. Create the Back End

• داربست یک پروژه با MVC 5 Scaffold a project with MVC 5

• مدل های داده را برای Entity Framework اضافه کنید Add data models for Entity Framework

• اضافه کردن Entity Framework DbContext Add Entity Framework DbContext

• روش های کنترل کننده را برای صفحات UI ایجاد کنید Create controller methods for UI pages

• نمایش ثبت نام و ورود به سیستم اضافه کنید Add register and login views

• ثبت نام از آزمون و ویژگی های ورود به سیستم Test register and login features

3. تنظیم: یک API سرویس برای داده ها 3. Setup: A Service API for Data

• یک کنترلر API REST ایجاد کنید Create a REST API controller

• برای خواندن سوابق با فرمت JSON یک روش عملی اضافه کنید Add an action method to read records in JSON format

• برای ایجاد رکوردها یک روش عملی اضافه کنید Add an action method to create records

4- تنظیم: TypeScript ، IntelliSense و صفحه وب 4. Setup: TypeScript, IntelliSense, and webpack

• مسئله توسعه محیط با React و Visual Studio 2015 The dev environment issue with React and Visual Studio 2015

• صفحه وب ، TypeScript و پیکربندی ها را تنظیم کنید Set up webpack, TypeScript, and configs

• React را تنظیم کنید و تعاریف و پیکربندی ها را تایپ کنید Set up React and type definitions and configs

5- Front React را با React ایجاد کنید 5. Create the Front End with React

• یک کلاس داده واقعی و کلاس های حالت اضافه کنید Add a React data model and state classes

• یک مؤلفه React اضافه کنید و داده بارگیری کنید Add a React component and fetch data

• داده ها را به عنوان شبکه ای از جعبه ها ارائه دهید Render data as a grid of boxes

• قابلیت سبد خرید را با React اضافه کنید Add shopping cart functionality with React

• در ادامه اضافه کردن قابلیت های سبد خرید Continuing to add shopping cart functionality

• رسیدگی به رویدادها برای عناصر React Handling events for React elements

• مؤلفه فرم React را برای ارسال داده اضافه کنید Add React form component to submit data

• UI پاسخگو و دوستی با موبایل Responsive UI and mobile friendliness

6. API را ایمن کنید 6. Secure the API

• درک آسیب پذیری API Understanding the API vulnerability

• API را با AutizeAttribute امن کنید Secure the API with AuthorizeAttribute

7. اشکال زدایی و آزمایش 7. Debugging and Testing

• اشکال زدایی قسمت جلویی و عقب Debugging the front end and back end

• تست و تکمیل Testing and completion

نتیجه Conclusion

• مراحل بعدی Next steps