Description:
This course will teach us how to build a web application from scratch. We will use React JS for the front end, Microsoft SQL Server for the database, and ASP.NET Web APIs for creating APIs. This is not a complete theoretical guide on React JS but a practical approach where we will learn to build a web app using React JS and some of the most commonly used controls. This course will be regularly updated. Make sure to check out the additional resources section of this course for theoretical/advanced concepts.
Curriculum
- 3 Sections
- 37 Lessons
- 8 Weeks
Expand all sectionsCollapse all sections
- Introduction0
- Web API15
- 2.0Install SQL Server and SSMS
- 2.1Install Visual Studio 2019
- 2.2Create Database in MS SQL Server
- 2.3Create Department Table in MS SQL
- 2.4Create Employee Table in MS SQL
- 2.5Create Web API project in Visual Studio
- 2.6Force Web API to output JSON response only
- 2.7Install Postman client
- 2.8Create Model Class for our Application
- 2.9Create Web API Controllers
- 2.10Implement GET method in Web API
- 2.11Implement POST method in Web API
- 2.12Implement PUT method in Web API
- 2.13Implement DELETE method in Web API
- 2.14Web API Project Github link
- React JS22
- 3.0Install Node JS
- 3.1Install Visual Studio Code
- 3.2Create React JS Project
- 3.3Install react-bootstrap
- 3.4Create React Components
- 3.5Implement Routing for our React Application
- 3.6Add Navigation menu
- 3.7React bootstrap Table
- 3.8Consume GET method and display Department details
- 3.9The CORS problem
- 3.10Modal Pop up using react bootstrap
- 3.11Add Form Fields
- 3.12Consume POST method in react js for Departments Table
- 3.13Refresh react bootstrap table on insertion
- 3.14Use Snackbar from Material UI for our React JS App
- 3.15Edit Modal and PUT method for Department
- 3.16Delete method for Department
- 3.17GET and DELETE Methods for Employee
- 3.18Modal and POST for Employee
- 3.19Dropdown and Datepicker in Form
- 3.20Modal and PUT method for Employee
- 3.21React JS project Github link
Requirements
- Basic HTML, CSS and Javascript
Features
- Learn to build a Full Stack Web App using React JS and Web API
Target audiences
- Web developers, C# developers, .NET Developers, UI Developers
