Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

React 19 and .NET 10 API - The Complete Full Stack Bootcamp

React 19 và .NET 10 API - Khóa Học Full Stack Toàn Diện

React 19 và .NET 10 API - Khóa Học Full Stack Toàn Diện

Thành thạo React 19 cùng Redux Toolkit và hooks từ đầu. Xây dựng 10 dự án, bao gồm dự án thương mại điện tử [.NET 10 API và EF Core]

4.5
(1,220 đánh giá)
7,453 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đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
19.5 giờ video
701 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026
#Dotnet #Full Stack Development #React #Web Development

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

Những Kiến Thức Cơ Bản Về React 19
Định Tuyến với React Router
Gọi API với Axios
Redux Toolkit
RTK Query và Mutations
Quản Lý Tệp trong React
Xác Thực và Phân Quyền trong React
Xây dựng và triển khai API mở rộng với .NET 10 và EF Core
10 Dự Án và 15 Bài Tập
Học Các Phương Pháp Tốt Nhất Khi Học React

Yêu cầu

Hiểu biết cơ bản về HTML, CSS và Javascript
Quen thuộc với khái niệm API
Thao tác CRUD với .NET API và EF Core
Kiến Thức Cơ Bản Về SQL Server

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

Dành cho lập trình viên .NET muốn mở rộng sang phát triển frontend và trở thành lập trình viên full-stack với kỹ năng React hiện đại.
Dành cho lập trình viên backend muốn học React và xây dựng ứng dụng thương mại điện tử hoàn chỉnh với hệ thống thanh toán tích hợp.
Dành cho lập trình viên web muốn chuyên sâu vào phát triển thương mại điện tử sử dụng React, Redux và .NET Core.

Nội dung khóa học

25 phần • 355 bài giảng
1 Lời Chào Mừng
2 Tại sao nên học React?
3 Cách Học Hiệu Quả Nhất
4 Chúng Ta Sẽ Xây Dựng Gì?
5 Điều Kiện Tiên Quyết Của Khóa Học
6 Hai Cách Để Tham Gia Khóa Học
7 Cài Đặt VS Code
8 Cài Đặt Node Js
9 Tạo Dự Án
10 Cấu Trúc Tệp và Thư Mục
11 Chế Độ Strict Mode
12 Cách React Kết Nối
13 React Mang Tính Khai Báo
14 Hàm trong React
15 Tách Riêng Root
16 Component trong React
17 Prettier
18 Component Cha và Con
19 Bài Tập 1 - Components
1 Tệp Javascript Cơ Bản
2 Biến
3 Nội Suy Chuỗi
4 Hàm Mũi Tên
5 Toán Tử REST
6 Toán Tử Spread
7 Truthy và Falsy
8 Find và Find Index
9 Filter
10 Sort
11 ForEach và Map
12 Map trong Mảng Đối Tượng
13 Mutable và Immutable
1 Thay Đổi Dự Án
2 Styles trong React
3 Đối Tượng Style
4 Class trong Javascript
5 Nhập CSS Stylesheet vào React
6 Biến trong JSX
7 Thêm về biến và Bài Tập 2
8 Input và React
9 Nơi lưu trữ hình ảnh trong React
10 Components trong React
11 Bài Tập 2 - Tách Components
12 Student Component
13 Export có tên và mặc định
14 Hiển Thị Hình Ảnh Cho Student
15 Bài Tập 3 - Tách Component
16 Lời Giải Bài Tập 3 - Tách Components
17 Truyền giá trị vào component con
18 Bài Tập 4 - Props
19 Truyền component như children
20 Hàm mũi tên
1 Bài Tập 5 - Tạo dự án React
2 Lời Giải Bài Tập 5 - Tạo Dự Án
3 Thêm Bootstrap và Hình Ảnh
4 Header và Footer Component
5 Counter Component
6 Inline OnClick
7 Count không cập nhật trên UI
8 Định Nghĩa State
9 Cập Nhật State
10 Phương Pháp Tốt Nhất Cho State
11 Cập Nhật UI
12 Phát ngẫu nhiên và đặt lại
13 Bài Tập 6 - State
14 Lời Giải Bài Tập 6 - State
15 Cập nhật state lồng nhau là không tốt
16 Hook useEffect
17 Render Có Điều Kiện
18 State là đối tượng phức tạp
19 Sự phức tạp với state là đối tượng
1 Thiết Lập Dự Án
2 Danh Sách Liên Hệ
3 Bố Cục UI
4 Component Liên Hệ Yêu Thích
5 UI Contact Index
6 Render component liên hệ nhiều lần
7 Thông Tin Liên Hệ Động
8 Bài Tập 6 - Liên Hệ Chung
9 Lời Giải Bài Tập 6 - Liên hệ chung
10 Màu nút yêu thích
11 Component con không thể cập nhật props
12 Gọi hàm của component cha từ component con
13 Yêu Thích Trong Hành Động
14 Bài Tập 7 - Xóa Liên Hệ
15 UI Form Thêm Liên Hệ
16 Lời Giải Bài Tập 7 - Xóa Liên Hệ
17 Xử Lý Gửi Form
18 Dữ Liệu Form
19 FormData checkbox và radio button
20 Actions trong React 19
21 Thêm state cho tin nhắn
22 Thêm Liên Hệ Trong Hành Động
23 Thông Báo Lỗi và Thành Công
24 Xác Thực Form
25 Prop Drilling
1 Controlled Component
2 Bài Tập 8 - Xóa tất cả liên hệ
3 Lời Giải Bài Tập 8 - Xóa tất cả liên hệ
4 Bài Tập 9 - Lỗi
5 Cập Nhật Liên Hệ Phần 1
6 Nút hủy và bài tập 10
7 Bài Tập 10 - Nút Hủy Trong Hành Động
8 Hiển thị chi tiết liên hệ để cập nhật
9 Cập Nhật Liên Hệ Phần 2
10 Phương Pháp Tốt Nhất
11 Tiện ích để gọi API
12 Gọi API trong action
13 Định Dạng Người Dùng
14 Axios
15 Thêm liên hệ ngẫu nhiên trong action
1 Tạo Dự Án
2 Thiết Lập Cơ Bản
3 UseEffect khi tải
4 UseEffect và dọn dẹp
5 Theo dõi thuộc tính với useEffect
6 Cập Nhật Lần Render Đầu Tiên
7 Truy Cập Phần Tử DOM
8 Theo Dõi Tổng Số Lần Render
9 Theo dõi giá trị trước đó với useRef
10 Đổi Tên Dự Án
1 Tạo Dự Án
2 Dọn Dẹp
3 App Component
4 Thêm Navbar
5 Thêm Browser Router
6 Định Tuyến Trong Hành Động
7 Liên Kết Điều Hướng
8 Điều hướng theo chương trình
9 Bài Tập 11 - Thêm Link
10 Lời Giải Bài Tập 11 - Thêm Link
11 Không Tìm Thấy
12 Trang Danh Sách Sản Phẩm
13 Hiển thị tất cả sản phẩm
14 Điều hướng động
15 Lọc sản phẩm dựa trên tham số
16 Trang Định Tuyến Lồng Nhau
17 Nested Routes
18 Nested Routes Trong Hành Động
19 Nested components trong hành động
20 Quay lại trang trước
21 Đường dẫn tương đối
1 Thêm component Đăng Nhập
2 Đăng Nhập Giả
3 Tiện ích Xác Thực
4 Thêm tiện ích hỗ trợ
5 Đăng Xuất Trong Hành Động
6 Protected Route
7 Định tuyến dựa trên vai trò
8 Chuyển hướng khi đăng nhập
9 Bài Tập 12 - Chuyển Đổi Routes Dựa Trên Quyền Truy Cập
10 Lời Giải Bài Tập 12 - Chuyển đổi routes và hiển thị động
1 Tạo Dự Án
2 Bố Cục Ứng Dụng
3 Redux Toolkit
4 Thêm Redux Store
5 Tạo Reducer và Actions Đầu Tiên
6 Hook UseSelector
7 Dispatch Action Từ React Component
8 Bài Tập 13 - Bộ Đếm Nhân
9 Lời Giải Bài Tập 13 - Bộ Đếm Nhân
10 Thêm Destination Slice
11 Bài Tập 14 - Danh Sách Điểm Đến
12 Lời Giải Bài Tập 14 - Danh Sách Điểm Đến
13 Chọn Điểm Đến
14 Hiển Thị Điểm Đến Đã Chọn
15 Bài Tập 15 - Đặt Lại Ứng Dụng
16 Lời Giải Bài Tập 15 - Đặt Lại Ứng Dụng
17 Lắng Nghe Action Của Một Reducer Khác
18 Nói KHÔNG với chuỗi ma thuật
19 Actions Tùy Chỉnh
1 Tạo dự án
2 Bố cục cơ bản
3 Thêm giao diện Điểm đến
4 Cài đặt Json Server
5 Tạo API Điểm đến
6 Thêm API Provider
7 Gọi Endpoint trong Action
8 Thêm Action Form Điểm đến
9 Thêm Mutation
10 Gọi POST Mutation
11 Caching với RTK Query
12 Tags
13 Giao diện Danh sách Điểm đến
14 Bài tập 16 - Xóa Điểm đến
15 ID của điểm đến mới
16 Phản hồi từ query và chuyển đổi
17 Tách riêng từng Điểm đến
18 Bài tập 17 - Chức năng Chỉnh sửa Phần 1
19 Bài tập 17 - Chức năng Chỉnh sửa Phần 2
20 Bài tập 17 - Chức năng Chỉnh sửa Phần 3
21 Tích hợp RTK Query với Redux Store
22 Thêm API điểm đến ngẫu nhiên
23 Thêm Điểm đến Ngẫu nhiên trên giao diện
1 Tạo dự án
2 Gói NuGet
3 Thêm Scalar
4 Chuỗi kết nối và ApplicationDbContext
5 Tạo bảng Identity
6 Thêm Name vào bảng User
7 Phản hồi API
8 Model Menu Item
9 Seed dữ liệu Menu Items
10 Lấy tất cả Menu Items
11 Lấy Menu Item theo Id
12 DTOs cho Tạo và Cập nhật Menu Item
13 DTOs Cập nhật Phần 2
14 Cập nhật Menu Item Phần 3
15 Tạo Menu Item
16 Tạo trong thực tế
17 Cập nhật Menu Item
18 Xóa Menu Item
19 Thêm Ảnh cho Menu Item
1 Thêm Auth Test Controller
2 Cấu hình Xác thực trong API
3 Thêm Document Transformer
4 Demo Xác thực Scalar
5 DTO Đăng nhập và Đăng ký
6 Endpoint Đăng ký
7 Vai trò trong thực tế
8 Endpoint Đăng nhập
9 Ủy quyền trong thực tế
1 Bảng Order Header và Details
2 DTO Order Header và Details
3 Lấy danh sách Đơn hàng
4 Tạo Đơn hàng
5 Demo - Tạo Đơn hàng
6 Cập nhật Đơn hàng
7 Demo - Cập nhật Đơn hàng
8 Thêm trường Đánh giá
9 Cập nhật Đánh giá
10 Đánh giá trong thực tế
11 Đánh giá từng MenuItem
12 Cors và lỗi nhỏ
1 Tạo dự án
2 Cơ sở dữ liệu mới sạch
3 Cài đặt gói
4 Components và Pages
5 Các trang của Ứng dụng
6 Thêm Định tuyến
7 Hằng số cho các Route
8 Thêm Component Header
9 Component Footer
10 Các Route trong Header
1 Chạy API
2 Mẫu Menu Item
3 API cơ sở
4 Tạo endpoint đầu tiên
5 Thêm Redux Store
6 Lấy Menu Items
7 Bộ tải Bảng Menu Item
8 Hiển thị Menu Items trong Bảng
9 Ảnh trong thực tế
10 Mẫu Modal Menu Item
1 Hiển thị Modal
2 Ẩn Modal
3 Trạng thái Gửi Form
4 Xác thực cơ bản
5 Component Controller Phần 1
6 Component Controller Phần 2
7 Thông báo Toast
8 Kết hợp Thông báo Lỗi
9 Ảnh trong thực tế
10 Tạo trong thực tế
11 Tạo Thông báo Toast và Modal
12 Mutations cho Cập nhật và Xóa
13 Swal trong thực tế
14 Xóa trong thực tế
15 Các hành động khác nhau cho Chỉnh sửa và Tạo
16 Làm Modal Chỉnh sửa Menu Item động
17 Cập nhật trong thực tế
1 Mẫu Trang chủ
2 Tải Menu Items và Điều kiện
3 Trang chủ trong thực tế
4 Components Controller
5 Bộ lọc Trang chủ
6 Mẫu giao diện Chi tiết Menu Item
7 URL Chi tiết
8 Tham số Chi tiết Menu Items
9 Thêm Query cho từng menu item
10 Lấy Menu Item
11 Làm Chi tiết động
12 Số lượng Giỏ hàng
13 Tổng phụ trong thực tế
1 Mẫu cho Đăng nhập và Đăng ký
2 API Đăng nhập
3 Component có kiểm soát trong Đăng ký
4 Ghi đối tượng khi Gửi
5 Đăng ký trong thực tế
6 Lỗi Đăng ký
7 Đăng nhập trong thực tế
8 Trợ lý JWT
9 Trạng thái ban đầu cho Token không hợp lệ
10 Trạng thái ban đầu cho Token hợp lệ
11 Đặt trạng thái Auth Slice
12 Xác thực trong thực tế
13 Sử dụng trạng thái Auth trong Header
14 Đăng nhập và Đăng xuất trong thực tế
1 Cart Slice Phần 1
2 Cart Slice Phần 2
3 Phát hành Add To Cart
4 Thêm vào Giỏ hàng trong thực tế
5 Thêm vào Giỏ hàng trên trang Chi tiết
6 Mẫu cho Giỏ hàng
7 Hiển thị các mục trong Giỏ hàng
8 Làm giỏ hàng động
9 Sửa đổi Cart Slice
10 Giỏ hàng trong thực tế
11 Form trong Giỏ hàng
1 API Đơn hàng
2 Vấn đề truy cập
3 Cách hoạt động của truy cập dựa trên vai trò
4 Ủy quyền trong thực tế
5 Hiển thị tên trong Header
6 Hiển thị dựa trên vai trò
7 Mô hình dữ liệu Đơn hàng
8 Thêm Token vào Base API
1 Xác nhận Đơn hàng
2 Quản lý Đơn hàng Phần 1
3 Bảng Đơn hàng trong thực tế
4 Cập nhật giao diện Quản lý Đơn hàng
5 Logic lọc cho Đơn hàng
6 Bộ lọc trong thực tế
7 Tạo một vài Đơn hàng
8 Tạo Đơn hàng trong thực tế
9 Giao diện Modal Chi tiết Đơn hàng
10 Mở và Đóng Modal
11 Làm Modal động
12 Cập nhật Trạng thái Phần 1
13 Cập nhật Trạng thái Phần 2
14 Cập nhật Trạng thái Phần 3
15 Cập nhật Trạng thái trong thực tế
16 Màu sắc trạng thái khác nhau
17 Đơn hàng dựa trên vai trò
18 Chỉ admin có thể cập nhật trạng thái
1 Thiết lập cơ bản Component Đánh giá
2 Logic tính toán đánh giá
3 Kết quả trả về cuối cùng của Component Đánh giá
4 Hiển thị Đánh giá tĩnh
5 Mutation để cập nhật Chi tiết Đơn hàng
6 Sự kiện Thay đổi Đánh giá
7 Đánh giá và Di chuột
8 Đánh giá trong thực tế
9 Hiển thị cờ Đã đánh giá
10 Ai có thể cung cấp đánh giá
11 Hiển thị Đánh giá trên Trang chủ
12 Thêm Carousel
1 Reducer Chủ đề
2 Chuyển đổi Chủ đề trong thực tế (một nửa)
3 Làm Chủ đề tồn tại lâu dài
4 Gradient nền
5 Sửa lỗi và URL khi Đăng nhập
6 Lỗi chuyển hướng đến Đăng nhập
7 Bài tập cuối khóa
1 DotNetMastery

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

The ONLY React Course .NET Developers Will Ever Need - Transform to Full Stack Expert Today!

This is hands-down the most comprehensive React bootcamp designed specifically for .NET developers. No other course combines this depth of React training with seamless .NET API integration at this level of detail.


15+ Assignments + 10 Complete Projects = Unmatched Practical Experience While other courses give you theory, this intensive bootcamp delivers real-world React mastery through more hands-on projects than any competitor. From core fundamentals to advanced patterns, you'll build skills that directly translate to professional development.


The Complete Full Stack Solution No other course provides both hosted APIs for immediate learning AND complete backend development training. Build and consume powerful .NET Core APIs with React frontends—everything you need in one definitive course.


Built Exclusively for .NET Developers This is the ONLY course that speaks your language as a .NET developer. While generic React courses assume frontend knowledge, this program bridges the gap with explanations tailored to your backend expertise—making complex concepts instantly accessible.


Two-Module Mastery System:

Module 1: React Foundations Bootcamp 8 progressive projects covering React fundamentals, Redux Toolkit, and modern Hooks—more hands-on practice than any other beginner course.

Module 2: Production-Ready Restaurant Platform Build the most comprehensive real-world application available in any React course: complete ordering system and full admin dashboard—all integrated with .NET APIs.


What makes this course different

  • Most Comprehensive: 15+ assignments + 10 projects

  • .NET Developer Focused: The ONLY course designed specifically for your background

  • Production Quality: Build portfolio pieces that impress employers

  • Complete Ecosystem: React + .NET API + Bootstrap

  • Zero Prerequisites: Take you from complete React beginner to job-ready expert


The Final Word in React Education This is the last React course you'll ever need to purchase. While others leave gaps requiring additional courses, this complete system takes you from zero knowledge to production-ready full stack developer.

Stop wasting time on incomplete courses—get the definitive React + .NET training that actually prepares you for real-world development!

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 Dotnet
Hiển thị tất cả khoá học Full Stack Development
Hiển thị tất cả khoá học React
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 😊