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
