Learn React JS and Web API by creating a Full Stack Web App

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Web API

Lecture 1: Install SQL Server and SSMS

Lecture 2: Install Visual Studio 2019

Lecture 3: Create Database in MS SQL Server

Lecture 4: Create Department Table in MS SQL

Lecture 5: Create Employee Table in MS SQL

Lecture 6: Create Web API project in Visual Studio

Lecture 7: Force Web API to output JSON response only

Lecture 8: Install Postman client

Lecture 9: Create Model Class for our Application

Lecture 10: Create Web API Controllers

Lecture 11: Implement GET method in Web API

Lecture 12: Implement POST method in Web API

Lecture 13: Implement PUT method in Web API

Lecture 14: Implement DELETE method in Web API

Lecture 15: Web API Project Github link

Chapter 3: React JS

Lecture 1: Install Node JS

Lecture 2: Install Visual Studio Code

Lecture 3: Create React JS Project

Lecture 4: Install react-bootstrap

Lecture 5: Create React Components

Lecture 6: Implement Routing for our React Application

Lecture 7: Add Navigation menu

Lecture 8: React bootstrap Table

Lecture 9: Consume GET method and display Department details

Lecture 10: The CORS problem

Lecture 11: Modal Pop up using react bootstrap

Lecture 12: Add Form Fields

Lecture 13: Consume POST method in react js for Departments Table

Lecture 14: Refresh react bootstrap table on insertion

Lecture 15: Use Snackbar from Material UI for our React JS App

Lecture 16: Edit Modal and PUT method for Department

Lecture 17: Delete method for Department

Lecture 18: GET and DELETE Methods for Employee

Lecture 19: Modal and POST for Employee

Lecture 20: Dropdown and Datepicker in Form

Lecture 21: Modal and PUT method for Employee

Lecture 22: React JS project Github link