Currently Empty: $0.00
- Description
- Curriculum
- FAQ
- Reviews
In this hands-on project-oriented course, you will dive into the world of full-stack web app development using the powerful combination of Spring Boot and React JS.
In this course, you will build two full-stack web applications (Employee Management System and Todo Management App) using Spring Boot, Spring Security, Spring Data JPA, JWT, React JS, and MySQL database.
In this course, we will use the latest version of Spring Boot (3+), Spring Security (6+), React JS (18+), and MySQL database (8+). We will use modern and popular tools to build full-stack web applications such as IntelliJ IDEA, VS Code, Maven, Postman, NPM, etc.
What is React JS?
-
React JS is a JavaScript library used to build user interfaces (UI) on the front end.
-
React is not a framework (unlike Angular, which is more opinionated).
-
React is an open-source project created by Facebook.
What is Spring Boot?
-
Spring boot to develop REST web services and microservices.
-
Spring Boot has taken the Spring framework to the next level. It has drastically reduced the configuration and setup time required for spring projects.
-
You can set up a project with almost zero configuration and start building the things that actually matter to your application.
Course Topics:
1. React JS Fundamentals
2. Spring Boot Fundamentals
3. Project 1: Employee Management System
-
Build Employee Management Module – Backend Implementation using Spring Boot
-
Build Employee Management Module – Frontend Implementation using React JS
-
Build Department Management Module – Backend Implementation using Spring Boot
-
Build Department Management Module – Frontend Implementation using React JS
-
Style Web Pages using the Bootstrap CSS framework
4. Project 2: Todo Management App
-
Todo Management Module – Backend Implementation using Spring Boot
-
Todo Management Module – Frontend Implementation using React JS
-
Secure REST APIs using Spring Security
-
Build Register and Login REST APIs
-
Implement Register and Login Features in React App
-
Secure REST APIs using JWT (JSON Web Token)
-
Using JWT (JSON Web Token) in React App
-
Style Web Pages using the Bootstrap CSS framework
Tools and technologies used in this course:
Server-side:
-
Java 17+
-
Spring Boot 3+
-
Spring Data JPA (Hibernate)
-
Maven
-
IntelliJ IDEA
-
MySQL database
-
Postman
Client-side:
-
React JS 18+
-
React Hooks
-
React Router
-
Axios
-
Bootstrap CSS framework
-
Visual Studio Code IDE
-
VS Code extensions
-
Node JS
-
NPM
Spring Boot Fundamentals and REST API Development Basics
React JS Fundamentals
-
5
Download Lecture Notes in PDF -
6
Section Overview -
7
What is Spring Boot?
-
8
Spring Boot Features
-
9
Create Spring Boot Project using Spring Initializr and Import in IntelliJ IDE
-
10
Create Simple Spring Boot REST API
-
11
Spring Boot REST API returns Java Bean
-
12
Create Spring Boot REST API That Returns List
-
13
Spring Boot REST API with Path Variable - @PathVariable
-
14
Spring Boot REST API with Request Param - @RequestParam
-
15
Spring Boot POST REST API - @PostMapping and @RequestBody
-
16
Spring Boot PUT REST API - @PutMapping and @RequestBody
-
17
Spring Boot DELETE REST API - @DeleteMapping
-
18
Using Spring ResponseEntity to Manipulate the HTTP Response
-
19
Define Base URL for REST API’s in Spring MVC Controller - @RequestMapping
-
20
Download Source Code of this Section
-
21
Section Quiz - Test Yourself
Employee Management System Full-Stack Project
-
22
Lecture Notes in PDF
-
23
Section Overview
-
24
Introduction to React JS
-
25
Create and Set up React App
-
26
Understanding React App Project Structure
-
27
React Components Overview
-
28
Functional Components
-
29
Class Components
-
30
Importing and Exporting Components
-
31
JSX
-
32
JSX Rules in React
-
33
Props
-
34
Destructuring Props
-
35
State and setState
-
36
useState Hook
-
37
Event Handling
-
38
Conditional Rendering
-
39
Section Quiz - Test Yourself
-
40
Source Code
Employee Management Module - Spring Boot Backend
Employee Management Module - React JS Backend
-
44
Section Overview
-
45
Spring Boot Application Three Layer Architecture
-
46
Create and Setup Spring Boot Project in IntelliJ IDEA
-
47
Configure MySQL Database in Spring Boot Application
-
48
Create Employee JPA Entity
-
49
Create EmployeeRepository
-
50
Create EmployeeDto and EmployeeMapper
-
51
Build Add Employee REST API
-
52
Build Get Employee REST API
-
53
Build Get All Employees REST API
-
54
Build Update Employee REST API
-
55
Build Delete Employee REST API
-
56
Source Code of this Section
-
57
Quiz for Sections 4 and 5 - Test Yourself
Department Management Module - Spring Boot Backend
-
58
Section Overview
-
59
Create and Set up React App
-
60
Understanding React App Project Structure
-
61
Adding Bootstrap in React Using NPM
-
62
Create React ListEmployeeComponent and Display Data
-
63
Connect React App with Get All Employees REST API
-
64
Adding Header and Footer to React App
-
65
Configure Routing in a React App
-
66
Create React EmployeeComponent and Configure Route
-
67
Add Employee Form Handling
-
68
Connect React App to Add Employee REST API
-
69
Add Employee Form Validation
-
70
Adding Update Button, Title and Route
-
71
Connect React App to Get Employee REST API
-
72
Connect React App to Update Employee REST API
-
73
Implement Delete Employee Feature in React App
-
74
Source Code of this Section
-
75
Section Quiz - Test Yourself
Department Management Module - React JS Frontend
-
76
Section Overview
-
77
Create Department Entity and DepartmentRepository
-
78
Create DepartmentDto and DepartmentMapper
-
79
Build Create Department REST API
-
80
Build Get Department REST API
-
81
Build Get All Departments REST API
-
82
Build Update Department REST API
-
83
Build Delete Department REST API
-
84
Source Code of this Section
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
299
Stars 4
214
Stars 3
40
Stars 2
9
Stars 1
2
admin
