Full Stack React with Node and Java Backend
4.7 (104 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
730 students enrolled

Full Stack React with Node and Java Backend

Master React and Create a Single Page App from scratch
Bestseller
4.7 (104 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
730 students enrolled
Last updated 8/2020
English
English
Current price: $18.99 Original price: $29.99 Discount: 37% off
9 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • 1 article
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn what Single Page Applications are
  • Understand how React makes it easy to build SPAs
  • Create React Components
  • Learn what JSX is and how to use it
  • Learn how to use one component inside an other i.e complex components
  • Learn how to use forms and other html elements in your components
  • Handle events inside React Components
  • Master the different ways to apply styling for your application
  • Initialize and Manage State of your application
  • Develop REST APIs using Node and ExpressJS
  • Create a React front end that consumes those REST APIs
  • Configure routing for the Single Page Application
  • Create a Flight Reservation back end API using JAVA
  • Create a Front End by consuming the back end API
  • Create a Check In App that will check in a passenger
Requirements
  • Knowledge of JavaScript ES6
  • Or Should have completed my Advanced JS and ES6 Free course
  • Knowledge for Java Spring Boot is required to work on the Java Backend
Description

Sample of the reviews:

Very good course on React JS. Has good explanation of concepts. Very good pace and practical examples. With lots of follow along examples, quizzes, assignments. It also has 2 complete working projects which one can build by following along. Great work. Highly recommended. - Rahul Patwardhan

Bharath is a very knowledgeable instructor. This course gives you a detailed understanding of React framework with hands on coding and project development - Ashu Jain

Excellent kickstart course on React JS. Includes necessory Node and Express JS kanowledge too. I skipped the Java backend part as I am a java developer. - Ashvini Kumar

---

Course Updated - I have added a new Clinical Data Reporting Project that you will be building using REACT Front end and Java Rest backend(or a backend of your choice)

The ONLY course that covers the ReactJS Front end while using Node,Java as Backend !

---

Sample of the reviews:

I have finished the course. Instructor has done fantastic job in explaining concepts. As promised, he has added new sections. 5 stars - Khateeb Tahir

---

All source code is available for download

Responsive Instructor - All questions answered within 24 hours

Professional video and audio recordings (check the free previews)

----


Do you have the knowledge of JavaScript ES6 and want to master ReactJS then this course is for you.If you are an experienced ReactJS developer who wants to fill in any gaps in your knowledge of creating a Single Page Applications  using ReactJS then this course is for you too.You will learn how to create Rest APIs using Express and Java Spring Boot and use them in your React Front End and build Full Stack Application from scratch.

ReactJS is the most widely used Single Page Application Development framework in the industry today. React makes it super easy to create production ready Single Page applications with reusable stateful components.. You will start this course by learning what React is ,the different features that are a part of every React application .You will be working hands on one feature at a time .You will then create two mini Single Page applications using all the knowledge you gain from those sections.

  • Learn what Single Page Applications are


  • Understand how React makes it easy to build SPAs

  • Create React Components

  • Learn what JSX is and how to use it


  • Learn how to use one component inside an other i.e complex components


  • Learn how to use forms and other html elements in your components


  • Handle events inside React Components


  • Master the different ways to apply styling for your application


  • Initialize and Manage State of your application


  • Develop REST APIs using Node and ExpressJS


  • Create a React front end that consumes those REST APIs


  • Configure routing for the Single Page Application


  • Create a Flight Reservation back end API using JAVA


  • Create a Front End by consuming the back end API


  • Create a Check In App that will check in a passenger

Who this course is for:
  • Anyone who want to understand and create Single Page Applications
  • Students who want to master React features in easy steps
  • Students who want to create end to end applications using React Frontend and Java Backend
  • Students who want to create end to end applications using React Frontend and Node/Express Backend
Course content
Expand all 173 lectures 09:20:18
+ React in Action
5 lectures 15:09
Babel Encoding
01:00
React in Action
3 questions
The instructions are in the video
React in action
1 question
+ Components
5 lectures 13:22
Introduction
02:59
Create a React Component
02:50
Using the React Component
02:33
Child Elements
02:16
Components
4 questions
+ Complex Components
10 lectures 40:07
Display Customer Details
06:14
Display Address Details
05:02
CustomerDetails Component Summary
01:55
Create a Login Component
04:00
Creating Unordered Lists
04:08
Use Array and For Loop
03:48
Use the map method
02:48
Create static Table
04:36
Create Table Dynamically
04:48
Create a RowCreator Child Component
02:48
Complex Components
2 questions
The instructions are in the video
Complex Components
1 question
The instructions are in the video
Components
1 question
+ Events
3 lectures 06:53
Handle Login Event
02:20
Reacts SyntheticEvent and its Properties
02:54
this object reference
01:39
Events
3 questions
The instructions are in the video
Events
1 question
+ State
7 lectures 23:25
Initialize State
05:47
State in action
01:00
Update the State
03:12
Add state to the ListStudent Component
03:35
Add the filter and the handler method
02:37
Implement the handler
05:01
Clone the Object
02:13
State
3 questions
The instructions are in the video
State
1 question
+ Styling and more about JSX
8 lectures 17:38
Create the TEXT component
02:21
Apply Classic Styling
02:35
React way of styling
03:33
Customize Styles
01:23
JSX Tip 1 - Only one root element
03:13
JSX Tip 2 - Inline Styles are not allowed
01:18
JSX Tip 3 - Comments
01:49
JSX - Component Names and Reusability
01:26
Styling and more about JSX
5 questions
The instructions are in the video
Styling
1 question
+ Software Setup
7 lectures 16:34
Install Node
01:43
Install Yarn
01:06
Install Visual Studio Code
01:01
Install MySql and MySql workbench
03:14
Launch MySql workbench and create a database
01:43
Windows Only -Install Mysql
04:49
Windows Only - Install Mysql Workbench
02:58
+ Creating a React Project
5 lectures 18:39
Install CREATE-REACT-APP CLI
01:37
Create the project
04:05
Project Structure
05:44
Behind the scenes
02:32
Other Commands
04:41
+ AJAX Calls using axios
5 lectures 10:58
Links to rest services
02:22
Create the project
01:56
Add axios dependency
00:51
Use GET
03:21
Use POST
02:28