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: 3.9 (209 reviews)

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

Created byVinay Kumar

Last updated 5/2019

English

What you'll learn

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

Course content

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

Introduction3:45

Install SQL Server and SSMS9:51
Install Visual Studio 20199:20
Create Database in MS SQL Server1:32
Create Department Table in MS SQL2:53
Create Employee Table in MS SQL5:02
Create Web API project in Visual Studio4:58
Force Web API to output JSON response only6:43
Install Postman client3:37
Create Model Class for our Application4:30
Create Web API Controllers1:45
Implement GET method in Web API17:25
Implement POST method in Web API14:20
Implement PUT method in Web API10:09
Implement DELETE method in Web API4:40
Web API Project Github link

Install Node JS2:15
Install Visual Studio Code3:04
Create React JS Project7:44
Install react-bootstrap5:02
Create React Components10:26
Implement Routing for our React Application8:03
Add Navigation menu12:58
React bootstrap Table13:38
Consume GET method and display Department details4:47
The CORS problem7:37
Modal Pop up using react bootstrap17:05
Add Form Fields9:15
Consume POST method in react js for Departments Table8:22
Refresh react bootstrap table on insertion2:54
Use Snackbar from Material UI for our React JS App14:20
Edit Modal and PUT method for Department16:02
Delete method for Department6:46
GET and DELETE Methods for Employee10:20
Modal and POST for Employee6:58
Learn to build an add employee modal in React, with fields for employee name, department, email, and date of joining, posted to the /employee api, with snackbar feedback.
Dropdown and Datepicker in Form10:34
Modal and PUT method for Employee9:53
React JS project Github link

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

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

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 4min

Web API15 lectures • 1hr 37min

React JS22 lectures • 3hr 8min

Requirements

Description

Who this course is for: