Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Full-Stack Java Developer Course with Spring Boot 4 & React

Khóa học Lập trình viên Full-Stack Java với Spring Boot 4 & React

Khóa học Lập trình viên Full-Stack Java với Spring Boot 4 & React

Xây dựng Ứng dụng Web FULL-STACK bằng Java, Spring Boot 4, Spring Data JPA, Spring Security 7, JWT, JavaScript, React & MySQL

4.5
(1,415 đánh giá)
10,967 học viên
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.609.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
20.0 giờ video
202 bài giảng
4 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 15/10/2026

Bạn sẽ học được gì

Học cách phát triển Ứng dụng Web FULL-STACK với React và Spring Boot 4
Xây dựng Ứng dụng Web Quản lý Nhân viên FULL-STACK với React và Spring Boot 4
Xây dựng Ứng dụng Web Quản lý Công việc (Todo) FULL-STACK với React và Spring Boot 4
Học Kiến thức Cơ bản về Spring Boot và REST API
Học Kiến thức Cơ bản về React JS
Xây dựng RESTful APIs với Spring Boot 4
Sử dụng (Consume) RESTful APIs trong React JS
Lưu trữ Dữ liệu với Spring Data JPA và Hibernate
Bảo mật REST APIs bằng Spring Security 7
Xây dựng Module Đăng ký và Đăng nhập Người dùng
Bảo mật REST APIs bằng JWT (JSON Web Token)
Sử dụng JWT (JSON Web Token) trong Ứng dụng React
Thiết kế giao diện Web Pages bằng Bootstrap CSS framework
Sử dụng các công cụ Hiện đại và Phổ biến để xây dựng ứng dụng web full-stack như IntelliJ IDEA, VS Code, Maven, Postman, NPM, v.v.

Yêu cầu

Java 17+
Quen thuộc với IntelliJ IDEA và VS Code
Quen thuộc với HTML, CSS và JavaScript
Không cần kinh nghiệm về Spring Boot REST API, bạn sẽ học cách xây dựng Spring Boot REST APIs từ đầu
Không cần kinh nghiệm về React JS, tôi sẽ dạy React JS từ cơ bản

Đối tượng phù hợp

Khóa học này dành cho tất cả mọi người muốn học cách phát triển Ứng dụng Web FULL-STACK bằng Spring Boot và React JS

Nội dung khóa học

19 phần • 181 bài giảng
1 Giới thiệu Khóa học
2 ⚠️ 7 Sai lầm Nghề nghiệp Lập trình viên Full Stack Cần Tránh Sớm
3 Điều kiện tiên quyết cho Khóa học
4 Các Khóa học Udemy Hàng đầu Khác của Tôi - Đừng Bỏ qua
5 Hướng dẫn Thiết lập Môi trường Phát triển
1 REST API là gì?
2 Các Ràng buộc Kiến trúc REST
3 Các Khái niệm Chính trong REST – Tài nguyên, Tài nguyên con và URI
4 Các Phương thức HTTP – GET, POST, PUT, DELETE
5 Mã Trạng thái HTTP
1 Tải Tài liệu Bài giảng dạng PDF
2 Tổng quan Phần
3 Spring Boot là gì?
4 Các Tính năng của Spring Boot
5 Tạo Dự án Spring Boot bằng Spring Initializr và Import vào IntelliJ IDEA
6 Tạo Spring Boot REST API Đơn giản
7 Spring Boot REST API Trả về Java Bean
8 Tạo Spring Boot REST API Trả về Danh sách
9 Spring Boot REST API với Path Variable - @PathVariable
10 Spring Boot REST API với Request Param - @RequestParam
11 Spring Boot POST REST API - @PostMapping và @RequestBody
12 Spring Boot PUT REST API - @PutMapping và @RequestBody
13 Spring Boot DELETE REST API - @DeleteMapping
14 Sử dụng Spring ResponseEntity để Điều chỉnh HTTP Response
15 Định nghĩa Base URL cho REST API's trong Spring MVC Controller - @RequestMapping
16 Tổng hợp các Annotation Spring và Spring Boot
17 Tải Mã nguồn của Phần này
1 Tài liệu Bài giảng dạng PDF
2 Mã nguồn trên GitHub
3 Tổng quan Phần
4 Giới thiệu về React JS
5 Tạo và Thiết lập Ứng dụng React
6 Hiểu Cấu trúc Dự án Ứng dụng React
7 Tổng quan về Components trong React
8 Functional Components
9 Class Components
10 Import và Export Components
11 JSX
12 Các Quy tắc JSX trong React
13 Props
14 Destructuring Props
15 State và setState
16 useState Hook
17 Xử lý Sự kiện
18 Render có Điều kiện
1 Lựa chọn Công nghệ và Hiểu Yêu cầu Dự án
2 Demo - Chúng ta sẽ Xây dựng gì?
3 Kiến trúc Full-Stack Spring Boot React
4 Mã nguồn trên GitHub
1 Tổng quan Phần
2 Hiểu về DTO (Data Transfer Object) Pattern
3 Cách sử dụng DTO Pattern trong Ứng dụng Spring Boot và Lợi ích của nó
1 Tổng quan Phần
2 Kiến trúc Dự án Spring Boot
3 Tạo và Thiết lập Dự án Spring Boot trong IntelliJ IDEA
4 Cấu hình Cơ sở dữ liệu MySQL trong Ứng dụng Spring Boot
5 Tạo Employee JPA Entity
6 Tạo EmployeeRepository
7 Tạo EmployeeDto và EmployeeMapper
8 Xây dựng REST API Thêm Nhân viên
9 Xây dựng REST API Lấy Thông tin Nhân viên
10 Xây dựng REST API Lấy Tất cả Nhân viên
11 Xây dựng REST API Cập nhật Nhân viên
12 Xây dựng REST API Xóa Nhân viên
1 Tổng quan Phần
2 Tạo và Thiết lập Ứng dụng React
3 Hiểu Cấu trúc Dự án Ứng dụng React
4 Thêm Bootstrap vào React bằng NPM
5 Tạo React ListEmployeeComponent và Hiển thị Dữ liệu
6 Kết nối Ứng dụng React với REST API Lấy Tất cả Nhân viên
7 Thêm Header và Footer vào Ứng dụng React
8 Cấu hình Định tuyến (Routing) trong Ứng dụng React
9 Tạo React EmployeeComponent và Cấu hình Route
10 Xử lý Form Thêm Nhân viên
11 Kết nối Ứng dụng React với REST API Thêm Nhân viên
12 Xác thực Form Thêm Nhân viên
13 Thêm Nút Cập nhật, Tiêu đề và Route
14 Kết nối Ứng dụng React với REST API Lấy Nhân viên
15 Kết nối Ứng dụng React với REST API Cập nhật Nhân viên
16 Triển khai Tính năng Xóa Nhân viên trong Ứng dụng React
1 Tổng quan Phần
2 Tạo Department Entity và DepartmentRepository
3 Tạo DepartmentDto và DepartmentMapper
4 Xây dựng REST API Tạo Phòng ban
5 Xây dựng REST API Lấy Thông tin Phòng ban
6 Xây dựng REST API Lấy Tất cả Phòng ban
7 Xây dựng REST API Cập nhật Phòng ban
8 Xây dựng REST API Xóa Phòng ban
1 Tổng quan Phần
2 Thêm Liên kết Điều hướng trong Header
3 Thiết kế List Department Component
4 Kết nối Ứng dụng React với REST API Lấy Tất cả Phòng ban
5 Tạo React DepartmentComponent
6 Xử lý Form Thêm Phòng ban
7 Kết nối React với REST API Thêm Phòng ban
8 Thêm Nút Cập nhật, Tiêu đề và Route
9 Kết nối Ứng dụng React với REST API Lấy Phòng ban
10 Kết nối Ứng dụng React với REST API Cập nhật Phòng ban
11 Triển khai Tính năng Xóa Phòng ban trong Ứng dụng React
12 Thay đổi Tính năng Thêm và Cập nhật Nhân viên - Quan hệ Many To One trong Spring Boot
13 Thay đổi Tính năng Thêm và Cập nhật Nhân viên để sử dụng Phòng ban - Ứng dụng React
1 Dự án Quản lý Công việc - Công nghệ sử dụng
2 Dự án Quản lý Công việc - Yêu cầu
3 Kiến trúc Full-Stack Spring Boot React cho Dự án Quản lý Công việc
4 Dự án Quản lý Công việc - Chúng ta sẽ Xây dựng gì?
5 Tải Mã nguồn Hoàn chỉnh
1 Tổng quan Phần
2 Tạo và Thiết lập Dự án Spring Boot trong IntelliJ IDEA
3 Cấu hình Cơ sở dữ liệu MySQL trong Ứng dụng Spring Boot
4 Tạo Todo JPA Entity
5 Tạo TodoRepository và TodoDto
6 Xây dựng REST API Thêm Công việc
7 Sử dụng Thư viện ModelMapper
8 Xây dựng REST API Lấy Công việc
9 Xây dựng REST API Lấy Tất cả Công việc
10 Xây dựng REST API Cập nhật Công việc
11 Xây dựng REST API Xóa Công việc
12 Xây dựng REST API Đánh dấu Hoàn thành Công việc
13 Xây dựng REST API Đánh dấu Chưa hoàn thành Công việc
1 Tổng quan Phần
2 Tạo và Thiết lập Ứng dụng React bằng Vite
3 Hiểu Cấu trúc Thư mục
4 Thêm Bootstrap vào Ứng dụng React bằng NPM
5 Tạo ListTodoComponent + useState Hook
6 Kết nối Ứng dụng React với REST API Lấy Tất cả Công việc
7 Thêm Header và Footer vào Ứng dụng React
8 Cấu hình Định tuyến (Routing) trong Ứng dụng React
9 Tạo React TodoComponent và Cấu hình Route
10 Xử lý Form Thêm Công việc
11 Kết nối Ứng dụng React với REST API Thêm Công việc
12 Thêm Nút Cập nhật, Tiêu đề và Route
13 Kết nối Ứng dụng React với REST API Lấy Công việc
14 Kết nối Ứng dụng React với REST API Cập nhật Công việc
15 Triển khai Tính năng Xóa Công việc trong Ứng dụng React
16 Triển khai Tính năng Đánh dấu Hoàn thành Công việc trong React
17 Triển khai Tính năng Đánh dấu Chưa hoàn thành Công việc trong React
18 Demo - Kiểm tra Tất cả Thao tác CRUD
1 Tổng quan Phần
2 Xác thực và Ủy quyền
3 Thêm Spring Security vào Ứng dụng Spring Boot
4 Cấu hình Tự động của Spring Boot cho Spring Security
5 Tùy chỉnh Người dùng Mặc định
6 Giải pháp cho Phương thức không dùng nữa - csrf()
7 Cấu hình và Hiểu Xác thực Cơ bản (Basic Authentication)
8 Xác thực Trong bộ nhớ (In-Memory Authentication)
9 Hiểu về Ủy quyền dựa trên Vai trò
10 Bảo mật Cấp độ Phương thức
11 Tổng quan về Xác thực Cơ sở dữ liệu
12 Tạo User và Role JPA Entities
13 UserRepository và RoleRepository
14 Cách Xác thực Cơ sở dữ liệu Hoạt động trong Spring Security
15 Tạo Lớp CustomUserDetailsService
16 Xác thực Cơ sở dữ liệu
1 Tổng quan Phần
2 Xây dựng REST API Đăng ký
3 Xử lý Ngoại lệ trong REST API Đăng ký
4 Xây dựng REST API Đăng nhập
1 Tổng quan Phần
2 Tạo RegisterComponent và Cấu hình Route
3 Xử lý Form Đăng ký Người dùng
4 Kết nối Ứng dụng React với REST API Đăng ký
5 Tạo LoginComponent và Cấu hình Route
6 Thiết kế Form Đăng nhập
7 Kết nối Ứng dụng React với REST API Đăng nhập
8 Triển khai Xác thực Cơ bản trong Ứng dụng React
9 Hiển thị Các Liên kết Theo Trạng thái Xác thực Người dùng trong Header
10 Tính năng Đăng xuất trong Ứng dụng React
11 Bảo vệ Các Route trong Ứng dụng React
1 Tổng quan Phần học
2 Giới thiệu JWT
3 Tổng quan về Spring Security JWT
4 Thêm JWT vào Ứng dụng Spring Boot
5 Tạo Lớp Tiện ích JwtTokenProvider
6 Tạo JwtAuthenticationFilter
7 Cấu hình JWT trong Spring Security
8 Thay đổi REST API Đăng nhập để Trả về Token JWT
9 Sử dụng Token JWT trong Ứng dụng React
1 Thay đổi REST API Đăng nhập để Trả về Cả Vai trò cùng Token JWT
2 Triển khai Tính năng Truy cập Dựa trên Vai trò trong Ứng dụng React
3 Kiểm tra Toàn bộ Ứng dụng Quản lý Công việc
1 Các Khóa học Bán chạy và Được yêu thích Nhất của Tôi

Giới thiệu khóa học

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 4 and React JS.

 

In this course, you will build two full-stack web applications (Employee Management System and Todo Management App) using Spring Boot 4, Spring Security 7, Spring Data JPA, JWT, React JS, and MySQL database.

 

In this course, we will use the latest version of Spring Boot (4+), Spring Security (7+), 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 the 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:

  1. Java 25

  2. Spring Boot 4+

  3. Spring Data JPA (Hibernate)

  4. Spring Security

  5. JWT

  6. Maven

  7. IntelliJ IDEA

  8. MySQL database

  9. Postman

Client-side:

  1. React JS 18+

  2. React Hooks

  3. React Router

  4. Axios

  5. Bootstrap CSS framework

  6. Visual Studio Code IDE

  7. VS Code extensions

  8. Node JS

  9. NPM

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Java
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Spring Boot
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊