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

Learn React JS and Web API by creating a Full Stack Web App, available at $49.99, has an average rating of 3.6, with 38 lectures, based on 202 reviews, and has 19476 subscribers.

You will learn about Learn to build a Full Stack Web App using React JS and Web API This course is ideal for individuals who are Web developers, C# developers, .NET Developers, UI Developers It is particularly useful for Web developers, C# developers, .NET Developers, UI Developers.

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

Summary

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

Price: $49.99

Average Rating: 3.6

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 38

Number of Published Curriculum Objects: 38

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to build a Full Stack Web App using React JS and Web API

Who Should Attend

Web developers, C# developers, .NET Developers, UI Developers

Target Audiences

Web developers, C# developers, .NET Developers, UI Developers

In this course we will learn how to build a Web application from scratch. We will use React JS for front end, Microsoft SQL server for data base and ASP.NET Web API for creating APIs. This is not a complete theoretical guide on React JS but a practical based approach where we will learn to build a Web App using React JS by using 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.

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

Instructors

Vinay Kumar
Software Engineer

Rating Distribution

1 stars: 6 votes

2 stars: 11 votes

3 stars: 31 votes

4 stars: 81 votes

5 stars: 73 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!