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

Name: Learn React JS and Web API by creating a Full Stack Web App
Rating: 4.6 (181 reviews)

Practical based approach to learn to build a fullstack app using React JS as frontend and Web API for backend

(181 ratings)

19,405 students

Created by Vinay Kumar

Last updated 5/2019

English

English [Auto]

30-Day Money-Back Guarantee

What you'll learn

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

3 sections • 38 lectures • 4h 48m total length

Preview03:45

Preview09:51
Install Visual Studio 2019
09:20
Create Database in MS SQL Server
01:32
Create Department Table in MS SQL
02:53
Create Employee Table in MS SQL
05:02
Create Web API project in Visual Studio
04:58
Force Web API to output JSON response only
06:43
Install Postman client
03:37
Create Model Class for our Application
04:30
Create Web API Controllers
01:45
Implement GET method in Web API
17:25
Implement POST method in Web API
14:20
Implement PUT method in Web API
10:09
Implement DELETE method in Web API
04:40
Web API Project Github link
00:00

Install Node JS
02:15
Install Visual Studio Code
03:04
Create React JS Project
07:44
Preview05:02
Create React Components
10:26
Implement Routing for our React Application
08:03
Add Navigation menu
12:58
React bootstrap Table
13:38
Consume GET method and display Department details
04:47
The CORS problem
07:37
Preview17:05
Add Form Fields
09:15
Consume POST method in react js for Departments Table
08:22
Refresh react bootstrap table on insertion
02:54
Use Snackbar from Material UI for our React JS App
14:20
Edit Modal and PUT method for Department
16:02
Delete method for Department
06:46
GET and DELETE Methods for Employee
10:20
Modal and POST for Employee
06:58
Dropdown and Datepicker in Form
10:34
Modal and PUT method for Employee
09:53
React JS project Github link
00:00

Requirements

Basic HTML, CSS and Javascript

Description

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.

Who this course is for:

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

Vinay Kumar

Software Engineer

4.3 Instructor Rating
640 Reviews
31,718 Students
5 Courses

Hello, My name is Vinay. I currently work as a Software Engineer. I have experience in development of Web Applications and Business Intelligence. I have worked on technologies such as .NET, Angular, React JS, SSIS, Power BI. I create programming tutorial videos in my free time. Please check out my youtube channel.

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

What you'll learn

Course content

Introduction1 lecture • 4min

Web API15 lectures • 1hr 37min

React JS22 lectures • 3hr 8min

Requirements

Description

Who this course is for:

Instructor