Scribd
Upload
15K views6 pages

Full Stack Development With Spring Boot and React

This 60-hour course teaches full stack development using Spring Boot for the backend API and React for the frontend. The course is divided into 3 sections - the first covers building the backend with Spring Boot, the second focuses on the frontend with React, and the third brings the front and back together into a full application. Key skills gained include Java OOP, Spring, JPA, REST APIs, React components, hooks, routing, and deploying with Docker.

Uploaded by

Surya Narayana Murthy Panangipalli
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
15K views6 pages

Full Stack Development With Spring Boot and React

This 60-hour course teaches full stack development using Spring Boot for the backend API and React for the frontend. The course is divided into 3 sections - the first covers building the backend with Spring Boot, the second focuses on the frontend with React, and the third brings the front and back together into a full application. Key skills gained include Java OOP, Spring, JPA, REST APIs, React components, hooks, routing, and deploying with Docker.

Uploaded by

Surya Narayana Murthy Panangipalli
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 6

FULL STACK DEVELOPMENT WITH SPRING BOOT AND REACT

Time Duration : (60 Hours)

___________________________________________________________________

Objective:

This course is intended for learning both front end and backend of the
application.

Spring Boot is used for preparing the backend of the application (API's)

React is used to create the front end of the application which accesses the Spring
Boot API's

After completing this course, students will get a good knowledge of

 OOPS concepts in Java


 Spring Core module
 Basics of ORM and JPA frameworks
 Spring Boot module
 Maven repository
 REST API
 React framework
 Using third party libraries of React.
 Medium knowledge of docker container
Section 1 : Backend programming with Spring Boot

In this section you will learn about fundamentals of Java, Spring dependency
Injection and ORM.

You will also learn about Spring Boot and create an API that uses MariaDB to
perform CRUD operations

1. OOPS concepts using Java (6 Hours)

 Downloading JAVA and IDE-


 Create a sample java program
 Object oriented programming
 Learning and programming 6 main features of Object Oriented
Programming
 4.1 Class
 4.2 Object
 4.3 Encapsulation
 4.4 Abstraction
 4.5 Polymorphism
 4.6 Inheritance

2. Setting up the environment and tools - Backend (5 Hours)

 Installing Eclipse
 2.2 Basics of Maven and using it in Eclipse
 2.3 Creating a project using Spring Initializr
 2.4 How to run the SpringBoot project
 2.5 Spring boot development tools , log messages
 2.6 Installing MariaDB
 2.7 Dependency Injection in SpringBoot
3. Using JPA to create and access the database (5 Hours)

 3.1 Basicsof ORM, JPA and Hibernate


 3.1.1 Creating the entity cla4.ss
 3.1.2 Creating CRUD repositories
 3.1.3 Relationship between tables
 3.1.4 Setting up the MariaDB database

4. Creating a RESTfull Web Service using SpringBoot (5 Hours)

 4.1 Creating a Restful web service


 4.2 Using Spring Data REST

5. Securing and Testing the Backend (4 Hours)

 5.1 Securing your backend in SpringBoot


 5.2 Testing in SpringBoot
 5.3 Creating unit tests

Section 2 : FrontEnd programming using REACT

This section focuses on understanding React Framework, its components and


some third party libraries

Also we will also learn about how to access api using React libraries.

6. Setting up the environment and tools (4 Hours)

 6.1 Installing Node.js


 6.2 Installing VSCode
 6.3 Creating and running a React application
7. Getting Started with REACT (8 Hours)

 7.1 Basic React components


 7.2 Basics of ES6
 7.2.1 Understanding constants
 7.2.2 Arrow Functions
 7.2.3 Template literals
 7.2.4 Classes and Inheritance
 7.3 JSX and Styling
 7.4 Props and the state
 7.5 Component life cycle methods
 7.6 Stateless Components
 7.7 React Hooks
 7.8 Handling lists with React
 7.9 Handling events with React
 7.10 Handling forms with React

8. Consuming the REST API with REACT (4 Hours)

 8.1 Using Promises


 8.2 Using the fetch API
 8.3 Using the axios library
 8.4 Practical Examples

9. Third part components for REACT (4 Hours)

 9.1 Using third party React Components


 9.2 React Table
 9.3 Material-UI component library
 9.4 Routing
Section 3: Full stack Development

This section focuses on merging the front end and backend components to create
a full stack application

10. Setting the front end for the developed Spring Boot Restful Web Service (3
Hours)

 10.1 Mocking the UI


 10.2 Preparing the Spring Boot backend
 10.3 Creating the React project for the front end

11. Adding CRUD functionalities (4 Hours)

 11.1 Creating the list page


 11.2 The delete functionality
 11.3 The add functionality
 11.4 The edit functionality
 11.5 Other functionalities

12. Styling the front end using React Material-UI (4 Hours)

 12.1 Using the Button component


 12.2 Using the Grid component
 12.3 Using the TextField functionality

13. Deploying the application (4 Hours)

 13.1 Deploying the backend


 13.2 Deploying the frontend
 13.3 Using the Docker Container

You might also like