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

Vue 3 and .NET 10 - Build Full-Stack Real World App [2025]

Vue 3 và .NET 10 - Xây Dựng Ứng Dụng Thực Tế Full-Stack [2025]

Vue 3 và .NET 10 - Xây Dựng Ứng Dụng Thực Tế Full-Stack [2025]

Thành Thạo Vue.js & .NET Core: Hành Trình Phát Triển Full-Stack Toàn Diện Với Dự Án Thực Tế. [Vue 3 và .NET 10]

4.6
(109 đánh giá)
718 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
17.0 giờ video
299 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

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

Kiến Thức Cơ Bản Về Vue (Phiên bản mới nhất Vue 3)
REF và Reactive trong Vue
Các Directive trong Vue
Tạo Kiểu và Class Động trong Vue
Sự Kiện và Ràng Buộc Dữ Liệu trong Vue
Biểu Mẫu và Xác Thực Biểu Mẫu
Các Component trong Vue
Giao Tiếp Giữa Các Component Vue
Provide và Inject
Slots trong Vue
Định Tuyến với Vue Router
Gửi Yêu Cầu API Sử Dụng Axios
Quản Lý Trạng Thái với Pinia
Tạo API Sử Dụng .NET 10
Triển Khai API .NET
Sử Dụng API Trong Ứng Dụng VUE
Triển Khai Xác Thực và Phân Quyền Trong Ứng Dụng Vue Sử Dụng API .NET
Triển Khai Ứng Dụng Vue

Yêu cầu

Javascript, HTML và CSS Cơ Bản
Kiến Thức Cơ Bản Về API .NET (Tính Năng CRUD với Entity Framework)
Không Cần Kiến Thức Trước Về Vue

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

Dành Cho Bất Kỳ Ai Muốn Học Vue JS Từ Con Số 0
Dành Cho Bất Kỳ Ai Muốn Xây Dựng Ứng Dụng Bằng Vue và API .NET

Nội dung khóa học

28 phần • 299 bài giảng
1 Chào Mừng
2 Vue Là Gì?
3 Tận Dụng Tối Đa Khóa Học
4 Demo - Dự Án Cuối Khóa
5 Xem Trước Trực Tiếp - Dự Án Cuối Khóa
6 Phản Hồi Về Khóa Học
7 Sách Điện Tử Vue
8 2 Cách Để Tham Gia Khóa Học
9 Nội Dung Khóa Học - Các Đoạn Mã
1 Tạo Dự Án
2 Hello Vue
3 Trả Về Nhiều Thuộc Tính
4 Đối Tượng và Mảng
5 Javascript và Vue
6 Các Hàm Trong Vue
7 Bài Tập 1 - Hàm
8 Lời Giải Bài Tập 1 - Hàm
1 Ref
2 Timeout Trong Hàm
3 Ref Trên Đối Tượng
4 Reactive Trong Vue
5 Tính Phản Ứng và Không Phản Ứng Trong Vue
1 v-html
2 Directive v-once
3 Directive v-bind
4 Dọn Dẹp
5 Directive v-show
6 Directive v-if
7 Directive v-else và v-else-if
8 Directive v-for
9 Lặp Qua Mảng Các Đối Tượng
10 Cặp Khóa-Giá Trị Trong Một Đối Tượng
11 v-once Trong Vòng Lặp
12 key Trong v-for
13 Dọn Dẹp Dự Án
1 Ràng Buộc Kiểu Trong Vue
2 Ràng Buộc Kiểu Động
3 Ràng Buộc Class Trong Vue
4 Ràng Buộc Class Phần 2
5 Mảng Các Class và Đối Tượng Kiểu Tùy Chỉnh
6 Ký Hiệu Ngắn Của v-bind
7 Dọn Dẹp
1 Sự Kiện Click Nút
2 Truyền Tham Số Cho Hàm
3 Đối Tượng Sự Kiện
4 Các Bổ Từ Sự Kiện
5 Các Bổ Từ Phím
6 Dọn Dẹp
1 Ràng Buộc Dữ Liệu Hai Chiều
2 Các Bổ Từ Model
3 Thuộc Tính Tính Toán
4 Giá Trị Trước Đó Của Thuộc Tính Tính Toán
5 Watchers Trong Vue
6 Watchers Trong Thuộc Tính Reactive
7 MovieOPedia - Thiết Lập Cơ Bản
8 Bài Tập - MovieOPedia - Sự Kiện Nút
9 Lời Giải Bài Tập - MovieOPedia - Sự Kiện Nút
10 Bài Tập - MovieOPedia - Watcher và Thuộc Tính Tính Toán
11 Lời Giải Bài Tập - MovieOPedia - Watcher và Thuộc Tính Tính Toán
12 Watchers Có Thể Là Bất Đồng Bộ
13 Phím Tắt Cho v-on
1 Thiết Lập Biểu Mẫu
2 Ngăn Gửi Biểu Mẫu
3 Các Bổ Từ Model
4 Nút Radio
5 Dropdown Trong Vue
6 Xác Thực Khi Mất Focus
7 Xác Thực Biểu Mẫu
1 Tạo Dự Án Vue Sử Dụng Vite
2 Công Cụ Dev Trong Vue
3 Xóa Tất Cả File Vue Khỏi Dự Án
4 Hello World Từ Vue
5 Vue Trong Hành Động
1 Tạo Component Đầu Tiên
2 Tạo Một Component Khác
3 Thiết Lập Gọn Gàng Hơn
4 Component Cục Bộ So Với Toàn Cục
5 Bài Tập - Component Cục Bộ
6 Lời Giải Bài Tập - Component Cục Bộ
7 Thêm Bootstrap
1 Truyền Props
2 Props Được Ràng Buộc
3 Xác Thực Props
4 Props và Biến Cục Bộ
5 Danh Sách Liên Hệ
6 Truyền Ràng Buộc Prop Động
7 Thay Đổi Class và Văn Bản Nút Một Cách Động
8 Mẹo Thêm
9 Emits Trong Hành Động
10 Truyền Tham Số Trong Emits
11 Truyền Mảng Trong Emit
12 Mẹo Thêm - Lấy Giá Trị Từ Component Cha
13 Truyền Đối Tượng Trong Emit
14 Emit Nội Tuyến
1 Thêm Component Liên Hệ Mới
2 Bài Tập - Emit Trong Vue
3 Lời Giải Bài Tập - Emits Trong Vue
4 Máy Tạo Số May Mắn
5 Truyền Props Xuống Component Cháu
6 Vấn Đề Với Props
7 Provide và Inject
8 Truyền Phương Thức Như Props
1 Dọn Dẹp và Máy Tạo Số May Mắn V2
2 Các Component Động
3 Mẹo Thêm
4 Keep Alive
5 Dọn Dẹp
6 Slots
7 Ai Sở Hữu Dữ Liệu Của Slots
8 Named Slots
9 Kiểu Phạm Vi
10 Dọn Dẹp Vòng Đời
11 Demo Vòng Đời
12 Dọn Dẹp Dự Án
13 Composible Trong Hành Động
14 Composible Trong Nhiều Component
15 Props Trong Composibles
1 Tạo Dự Án
2 Thêm Vue Router
3 Tạo Các Component
4 Tạo Bộ Định Tuyến Trong Vue
5 Định Tuyến Trong Hành Động
6 Cấu Hình Vite
7 Thêm Header
8 Router Link
9 Ràng Buộc Đường Dẫn Động
10 Nhiều Tham Số Trong URL
11 Đường Dẫn Với Giá Trị Động
12 Đường Dẫn Được Đặt Tên
13 Sử Dụng Đường Dẫn Được Đặt Tên
14 Chuyển Hướng URL
15 Không Tìm Thấy
16 Điều Hướng Từ Script Sang Component Khác
17 Nút Quay Lại
18 Global Navigation Guard
19 Bảo Vệ Trang Khỏi Truy Cập Chưa Xác Thực
20 Component Không Có Quyền Truy Cập Trong Hành Động
21 Liên Kết Lớp Active
1 Tạo Dự Án và Dọn Dẹp
2 Axios Trong Hành Động
3 Fetch Trong Hành Động
4 Json Server Hoạt Động
5 Yêu Cầu GET Trên Json Server
6 Mã Được Tổ Chức
7 Loader Trong Hành Động
8 Component Loader
1 Tạo Dự Án
2 Định Tuyến Trong Hành Động
3 Thêm Pinia Vào Ứng Dụng
4 Tạo Pinia Store
5 Giao Diện Người Dùng Cho Trang Chủ
6 Sử Dụng Store Trong Một Component
7 Cập Nhật Trạng Thái Trong Pinia
8 Getters Trong Pinia và Một Vấn Đề
9 Actions Trong Pinia
10 Đặt Lại Trò Chơi
11 Pinia Xuyên Suốt Các Component
12 Phong Cách Composition API
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 Trường Tên vào Bảng Người Dùng
7 Phản Hồi API
8 Mô Hình Món Ăn
9 Tạo Dữ Liệu Mẫu cho Món Ăn
10 Lấy Tất Cả Món Ăn
11 Lấy Món Ăn Theo ID
12 DTOs để Tạo và Cập Nhật Món Ăn
13 Phần 2: Cập Nhật DTOs
14 Phần 3: Cập Nhật Món Ăn
15 Tạo Món Ăn Mới
16 Thực Hành Tạo Món Ăn
17 Cập Nhật Món Ăn
18 Xóa Món Ăn
19 Thêm Hình Ảnh cho Món Ăn
1 Thêm Bộ Điều Khiển Kiểm Tra Auth
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 Điểm Cuối Đăng Ký
7 Vai Trò (Roles) Trong Thực Tế
8 Điểm Cuối Đăng Nhập
9 Phân Quyền Trong Thực Tế
1 Bảng Đầu Đơn và Chi Tiết Đơn
2 DTO Đầu Đơn và Chi Tiết Đơn
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á Cho Từng Món Ăn
12 Cors và Lỗi Nhỏ
1 Tạo Dự Án
2 Dọn Dẹp Dự Án
3 Thêm View trong Dự Án
4 Định Nghĩa Route
5 Footer và Bootstrap
6 Header Phần 1
7 Header Phần 2
8 Cửa Hàng Chủ Đề (Theme Store)
9 Pinia Persist
1 Tạo Dịch Vụ API
2 Lấy Dữ Liệu Món Ăn
3 Mảng sẽ có tính phản ứng (Reactive)
4 Template Danh Sách Món Ăn
5 Giao Diện Người Dùng Động
6 Tạo Template Món Ăn
7 Đối Tượng Món Ăn
8 Danh Mục trong Dự Án
9 Đối Tượng và Xác Thực Món Ăn
10 Hình Ảnh Món Ăn
11 Dữ Liệu Biểu Mẫu (Form Data)
12 Tạo Món Ăn
13 Chỉnh Sửa Món Ăn Phần 1
14 Chỉnh Sửa Món Ăn Phần 2
15 Điều Chỉnh Luồng Xử Lý
16 Sweetalert trong Dự Án
17 Xóa Món Ăn Phần 1
18 Lỗi Xóa
19 Bài Tập - Lỗi Nhỏ
1 Template Trang Chủ
2 Lấy Dữ Liệu Món Ăn
3 Hiển Thị Dữ Liệu trong Component Thẻ Món Ăn
4 Tùy Chọn Danh Mục
5 Bộ Lọc Danh Mục Hoạt Động
6 Sắp Xếp Hoạt Động
7 Tìm Kiếm Hoạt Động
8 Vấn Đề Nhỏ
9 Modal Chi Tiết
10 Modal và Emits
11 Hiển Thị Chi Tiết Modal
12 Thiết Lập Kho Lưu Trữ Giỏ Hàng
1 Thêm Món vào Kho Giỏ Hàng
2 Chuyển Đổi Nút Thêm vào Giỏ Hàng
3 Tăng và Giảm Số Lượng trong Kho Giỏ Hàng
4 Hiển Thị Số Lượng Giỏ Hàng
5 Template Giỏ Hàng
6 Giao Diện Giỏ Hàng
7 Giỏ Hàng Mua Sắm Hoạt Động
8 Template Modal Đặt Hàng
9 Chuyển Đổi Modal Đặt Hàng
10 Modal Đặt Hàng với Đầy Đủ Chi Tiết
11 Xác Thực và Duy Trì Giỏ Hàng
1 Template Đăng Nhập và Đăng Ký
2 Xác Thực Đăng Ký
3 Xác Thực Đăng Nhập
4 Đăng Ký trong Dịch Vụ Auth
5 Kho Lưu Trữ Auth
6 Đăng Ký Hoạt Động
7 Đăng Nhập và Lấy Token
8 Demo Đăng Nhập
9 JS Cookies
10 Chỉnh Sửa Header
11 Khởi Tạo Xác Thực
12 Đăng Xuất Hoạt Động
13 Navigation Guards
14 Lỗi Nhỏ
1 Xây Dựng Modal Đặt Hàng
2 Dịch Vụ Đơn Hàng
3 Đặt Hàng
4 Template Danh Sách Đơn Hàng
5 Danh Sách Đơn Hàng Hoạt Động
1 Template Quản Lý Đơn Hàng
2 Cơ Sở cho Bộ Lọc và Sắp Xếp
3 Bộ Lọc Trạng Thái Hoạt Động
4 Tìm Kiếm Đơn Hàng
5 Sắp Xếp Hoạt Động
6 Biểu Tượng Sắp Xếp
7 Màu Sắc Theo Trạng Thái
8 Phân Trang Phần 1
9 Phân Trang Phần 2
10 Phân Trang Phần 3
11 Modal Chi Tiết Đơn Hàng
12 Hiển Thị Chi Tiết Đơn Hàng
13 Trạng Thái Đơn Hàng Phần 1
14 Cập Nhật Trạng Thái Phần 2
15 Phát Sự Kiện Cập Nhật Trạng Thái
1 Cập Nhật API cho Phân Quyền
2 Truyền Token đến API
3 Sửa Lỗi Nhỏ
4 Gửi Đánh Giá trong Dịch Vụ Đơn Hàng
5 Template Đánh Giá
6 Đánh Giá Phần 1
7 Thêm Đánh Giá vào Bảng Cơ Sở Dữ Liệu
8 Hiển Thị Đánh Giá
9 Đánh Giá Hoạt Động
10 Chế Độ Chỉ Đọc trong Đánh Giá
11 Hiển Thị Đánh Giá trên Trang Chủ
12 Sửa Lỗi Nhỏ về Đánh Giá
13 Cập Nhật Giao Diện Đăng Nhập và Đăng Ký
1 Triển Khai Cơ Sở Dữ Liệu SQL
2 Triển Khai API
3 Triển Khai Ứng Dụng Vue

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

Hey there, future full-stack hero!  I'm Bhrugen, and I’m thrilled to guide you through one of the most powerful and in-demand tech stacks out there: Vue.js + .NET Core Web API.

This course isn’t just about learning syntax—it’s about building real, production-ready applications with the tools developers love to use:

Vue.js – Lightweight, reactive, and lightning-fast, Vue makes building beautiful, interactive UIs a breeze. Its gentle learning curve and component-based architecture mean you’ll go from zero to dynamic interfaces in no time. Plus, with Vue 3’s Composition API, reusability and organization reach a whole new level!

.NET Core – Microsoft’s modern, cross-platform framework is built for performance, scalability, and security. With .NET Core Web API, we’ll craft powerful backends, tap into Entity Framework Core for seamless database access, and build RESTful APIs that your Vue frontend will love.

And here's the best part: we’ll glue it all together with real-world features like authentication, data validation, deployment to the cloud, and clean architecture practices that make your apps maintainable and future-proof.


Whether you’re:

  • A frontend dev who wants to conquer the backend,

  • A .NET dev ready to finally learn modern JavaScript,

  • Or a complete beginner hungry to master full-stack development...


This course is your launchpad. By the end, you’ll have the skills—and the portfolio project—to prove it.

Unlike other courses that teach theory without application, you'll build multiple real-world projects that reinforce your learning and expand your portfolio. By the end of this journey, you'll have the confidence and skills to create sophisticated, production-ready Vue applications with powerful .NET backend from scratch.

Whether you're a complete beginner or a developer transitioning from other frameworks, this course provides the perfect pathway to Vue.js mastery with .NET API. Join thousands of successful students who have mastered their Vue.js with .NET API through this practical, project-based approach.

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