English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 11m | 848 MB
React.js is a popular framework that’s especially suited to building web apps with ASP.NET MVC 5, but integrating the two frameworks can be challenging. In this course, instructor Kazi Nasrat Ali steps through how to wire these two frameworks together to develop full-stack React and ASP.NET MVC 5 web apps. Learn how to build a front end with React.js and a backend with ASP.NET MVC 5 and Entity Framework by creating a full-stack web app for a restaurant. Create user logins, add shopping cart functionality to your app, secure the API, and optimize for mobile. Upon wrapping up this course, you’ll have the skills you need to combine the powers of React.js and ASP.NET MVC 5 to create high-quality, impactful webpages.
Topics include:
- Creating the back end
- Scaffolding a project with MVC 5
- Setting up the service API for data
- Creating the front end with React
- Handling events for React elements
- Responsive UI and mobile friendliness
- Securing the API
- Debugging the front end and back end
Table of Contents
1 The power of React and ASP.NET MVC 5
2 What you should know
3 Set up the development environment
4 ASP.NET MVC 5, React, and full-stack app quick overview
5 Why React with ASP.NET MVC 5
6 The React and ASP.NET MVC app we are building
7 Scaffold a project with MVC 5
8 Add data models for Entity Framework
9 Add Entity Framework DbContext
10 Create controller methods for UI pages
11 Add register and login views
12 Test register and login features
13 Create a REST API controller
14 Add an action method to read records in JSON format
15 Add an action method to create records
16 The dev environment issue with React and Visual Studio 2015
17 Set up webpack, TypeScript, and configs
18 Set up React and type definitions and configs
19 Add a React data model and state classes
20 Add a React component and fetch data
21 Render data as a grid of boxes
22 Add shopping cart functionality with React
23 Continuing to add shopping cart functionality
24 Handling events for React elements
25 Add React form component to submit data
26 Responsive UI and mobile friendliness
27 Understanding the API vulnerability
28 Secure the API with AuthorizeAttribute
29 Debugging the front end and back end
30 Testing and completion
31 Next steps
Resolve the captcha to access the links!