Vue JS 3 For Modern Web Development - Beginner to Advanced

Vue JS 3 Cho Phát Triển Web Hiện Đại - Từ Cơ Bản Đến Nâng Cao

Phát Triển Front End Với Vue3: Options API, Composition API, Pinia, Vuex, Vue Router, Vite, Vue CLI Và Nhiều Hơn Nữa Về Vue.js!

4.6

(963 đánh giá)

8,917 học viên

Giảng viên

Ivan Lourenço Gomes

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

9.0 giờ video

64 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

#Frontend Development #Javascript Frameworks #Vue Js #Web Development

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

Từ kiến thức nền tảng đến nâng cao trong Vue JS 3

Phát triển ứng dụng đơn trang và đa trang phức tạp với Vue JS

Options API & Composition API

Vuex & Vue Router

Các kỹ thuật phát triển web hiện đại

Xây dựng ứng dụng web đa màn hình và theo component

Quản Lý Trạng Thái Với Pinia (Cập Nhật 2023)

Yêu cầu

Kiến thức cơ bản về HTML & CSS

Kiến thức trung cấp về Javascript

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

Dành cho lập trình viên web muốn thành thạo Vue JS để xây dựng ứng dụng web hiện đại

Lập trình viên Javascript muốn học Vue JS

Nội dung khóa học

6 phần • 64 bài giảng

1 Thiết lập Môi trường Làm việc

2 Render Khai Báo và Đối tượng Dữ liệu

3 Thiết lập Vue Dev Tools

4 Directives và Vòng lặp For

5 Xử lý Sự kiện - Directive v-on

6 Một Lỗi Trong Chrome Dev Tools

7 Event Modifiers (Ngừng Lan Truyền) và Ràng buộc Thuộc tính

8 Hoàn thiện Phần Chi tiết Đơn hàng

9 Làm việc với Methods

10 Dữ liệu Nhập từ Người dùng và Ràng buộc Dữ liệu Hai Chiều (Phần 1)

11 Dữ liệu Nhập từ Người dùng và Ràng buộc Dữ liệu Hai Chiều (Phần 2)

1 Giới thiệu Dự án - Ứng dụng Danh sách Việc cần làm

2 Thiết lập Vue JS

3 Thêm Việc cần làm

4 Thiết lập Chức năng Đánh dấu Hoàn thành & Chưa hoàn thành

5 Sử dụng Localstorage để Tải Việc cần làm

6 Lifecycle Hooks

7 Tải Dữ liệu từ Localstorage

8 Cập nhật Localstorage khi Xóa và Sửa

1 Giới thiệu Dự án - Trò chơi Đố vui

2 Tạo Ứng dụng Vue JS với Vue CLI

3 Boiler Plate của Ứng dụng

4 Dọn dẹp Component và Cấu trúc HTML không dùng đến

5 HTTP Requests với Axios

6 Gửi Request đến Open Trivia API

7 Hiển thị Dữ liệu Câu hỏi trên Trang

8 Mảng Câu trả lời - Computed Properties

9 Xáo trộn Mảng Câu trả lời

10 Render Các Nút Radio cho Câu trả lời

11 Gửi Câu trả lời

12 Hiển thị Kết quả

13 Lấy Câu hỏi Tiếp theo

14 Component Điểm số

15 Truyền Dữ liệu đến Component Con

1 Giới thiệu Dự án - Giỏ hàng Mua sắm

2 Thiết lập Vue Router

3 Sử dụng Axios để Lấy Dữ liệu Sản phẩm

4 Làm việc với Vuex

5 Thiết lập Actions và Mutations - Phần 1

6 Thiết lập Actions và Mutations - Phần 2

7 Render Các Sản phẩm

8 Thêm Sản phẩm vào Giỏ hàng

9 Tránh Lặp lại Sản phẩm trong Giỏ hàng

10 Xóa Sản phẩm khỏi Giỏ hàng

11 Helper Mapstate

12 Liệt kê sản phẩm trong Giỏ hàng

13 Tính Tổng Đơn hàng

1 Options API so với Composition API

2 Giới thiệu Dự án #6 - Trình Quản lý Công việc

3 Reactivity với Ref

4 Reactivity với Reactive

5 Components, Props và Scoped Styles

6 Thêm ID cho Công việc

7 Lọc Công việc Theo Trạng thái

8 Computed Properties

9 Code cho Component Modal

10 Component Modal

11 Component Slots

1 State là gì?

2 Bắt đầu với Pinia

3 Hoàn thiện Tasks Store

4 Sửa một Vấn đề với Thuộc tính :key

5 Chức năng Modal Tạo Công việc Mới

6 Lưu State vào Local Storage

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

If you want to learn the most powerful Javascript framework for modern web development, this is the course you were looking for. Here you will learn Vue JS (v3) from the beginning in just a few hours.

This course received a major update in 2023, including the Composition API & State Manegement with Pinia (The Vuex replacement).

The course provides 6 real-life projects, challenges, and exercises to make you learn effectively in a short time.

About Vue JS

Vue JS is a progressive framework for building user interfaces. By progressive it means it is incrementally adoptable, so you can use it from simple specific areas of your websites to building complex single-page applications (SPA) with ease!

If you want to go for the simple version, there's no upfront installation required and you can instantly start using it in your HTML, CSS & Javascript project to do amazing things.

If you decide to build more complex applications you can take advantage of the huge ecosystem of external libraries & UI frameworks to make your application achieve high performance and great usability.

No matter what kind of web developer you are, Vue JS will undoubtedly change the way you see things and once you learn it, you will never want to use another framework.