BEST

Front-end

Học Vue.js 3 qua các dự án

Name: Học Vue.js 3 qua các dự án
Price: 33000 KRW
Rating: 4.9 (100 reviews)

Chúng tôi sẽ giúp bạn tìm hiểu cách sử dụng Vue.js 3 và áp dụng nó vào dự án của bạn.

(4.9) 100 đánh giá

958 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

kossiecoder

Vue.js

Vuex

Web Application

Vue.js

Vuex

Web Application

Đánh giá từ những học viên đầu tiên

4.9

5.0

황지환 Hwang

100% đã tham gia

Người hướng dẫn giải thích mọi thứ từng bước rất tốt. Đó là sự trợ giúp tuyệt vời khi bắt đầu với phiên bản Vue3 mới nhất. Cảm ơn.

5.0

쿠쿠케케

100% đã tham gia

Tôi thích nó👍👍

5.0

Duru

100% đã tham gia

Thật tuyệt vời khi được tìm hiểu cấu trúc cơ bản của Vue.js 3 và cách tạo các thành phần một cách hiệu quả.

Bạn sẽ nhận được điều này sau khi học.

API sáng tác Vue.js
ứng dụng web
Cách tạo dự án với Vue CLI
Vue 3 tính năng mới
Cách sử dụng Bộ định tuyến Vue
Cách sử dụng Vuex

Gặp gỡ Vue 3 mới nhất,
Giới thiệu dễ dàng và mạnh mẽ về phát triển front-end!

Giới thiệu bài giảng

Khung front-end phổ biến, Vue.js
Hãy xem phiên bản mới nhất của Vue 3 ,
Hãy tự mình thử nghiệm và thực hành bằng chính đôi tay của bạn nhé!

Khóa học giới thiệu này sẽ giúp bạn bắt đầu với framework front-end phổ biến Vue.js. Sử dụng API Composition mới được bổ sung vào Vue.js 3, bạn sẽ học từng tính năng cơ bản cần thiết để xây dựng một dự án và áp dụng ngay vào dự án của mình. Mỗi video đều ngắn, hầu hết có thời lượng dưới 10 phút.

Câu hỏi dự kiến Hỏi & Đáp

H. Tôi có thể tham gia khóa học ngay cả khi tôi không biết gì về Vue.js không?
A. Vâng! Đây là khóa học nhập môn Vue.js, vì vậy bạn có thể học từ những kiến thức cơ bản ngay cả khi chưa biết gì về nó. Sau khi hoàn thành khóa học này, bạn sẽ có đủ kiến thức cơ bản để tự mình thực hiện các dự án với Vue.js. Tuy nhiên, tôi khuyên bạn nên có kiến thức cơ bản về HTML, CSS và Javascript (ES6+). Khóa học cũng sẽ có các bài giải thích liên quan đến ES6+. 😊

H. Tôi đã xem hướng dẫn Vue.js 2 Basics trên kênh YouTube Cozy Coder. Nó có khác biệt nhiều so với khóa học này không?
A. Khóa học Vue.js 2 Basics trên YouTube chỉ bao gồm ngữ pháp cơ bản, nhưng ứng dụng của nó vào các dự án thực tế còn hạn chế. Khóa học này bao gồm các tính năng của Vue.js và giải thích cách áp dụng chúng vào dự án của bạn. Cụ thể, khóa học này sử dụng API Composition mới trong Vue.js 3. Các giải thích chi tiết hơn nhiều, giúp bạn hiểu toàn diện về ứng dụng một trang. 😊

H. API Composition là gì?
A. Trong Vue.js 2, chúng tôi đã sử dụng API Tùy chọn để phát triển, nhưng việc tái sử dụng mã khi làm việc trên các dự án quy mô lớn không hề dễ dàng. Vì vậy, trong Vue.js 3, một tính năng mới gọi là API Hợp thành đã được thêm vào, giúp việc tái sử dụng logic và bảo trì mã dễ dàng hơn. 😊

Giới thiệu tài liệu bài giảng

Tôi đã tải mã nguồn ở cuối mỗi video lên GitHub dưới dạng một nhánh. Nếu bạn gặp lỗi, bạn có thể so sánh mã nguồn trên GitHub. 😁 Để dễ tìm, tôi đã tải số video lên làm tên nhánh.

_{Cozy Coder GitHub (phím tắt)}

Giới thiệu người chia sẻ kiến thức

Cozy Coder

Tôi làm việc với vai trò là nhà phát triển web tại Úc và điều hành kênh YouTube 'Cozy Coder'.
Liên kết YouTube: https://www.youtube.com/kossiecoder

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Bất cứ ai muốn tìm hiểu kiến thức cơ bản về Vue.js 3
Bất kỳ ai muốn tạo ứng dụng web bằng Vue.js
Bất kỳ ai muốn phát triển bằng Composition API
Nếu bạn chưa quen với Vue.js

Cần biết trước khi bắt đầu?

HTML
CSS
Javascript

Xin chào
Đây là kossiecoder

1,307

Học viên

136

Đánh giá

Trả lời

4.8

Xếp hạng

Các khóa học

Chương trình giảng dạy

Tất cả

88 bài giảng ∙ (9giờ 30phút)

Phần 1. Giới thiệu khóa học và thiết lập môi trường phát triển

3 bài giảng ∙ (17phút)

Phần 2. Tạo biểu mẫu thêm To-Do

6 bài giảng ∙ (20phút)

Phần 3. Tạo danh sách việc cần làm

15 bài giảng ∙ (1giờ 37phút)

10. 08 Liên kết dữ liệu
08:44
11. 09 Liên kết hai chiều (v-model)
09:00
12. Thêm To-Do mới vào danh sách 10
09:46
13. 11 Tạo thẻ To-Do
04:17
14. 12v-cho
04:55
15. 13 v-show so với v-if
09:32
16. 14 Liên kết hộp kiểm
04:23
17. 15 class/style ràng buộc
06:03
18. 16 Xóa mục khỏi mảng
05:57
19. 17 Tạo thành phần biểu mẫu
04:47
20. 18 phát ra
09:03
21. 19 đạo cụ
07:17
22. Lưu ý khi sử dụng 20 props
06:59
23. Xóa 21 To-Do
03:59
24. 22 phát ra
03:07

Phần 4. Chức năng tìm kiếm To-Do

2 bài giảng ∙ (15phút)

Phần 5. Cơ sở dữ liệu dùng để phát triển cục bộ Json-Server

8 bài giảng ∙ (40phút)

Phần 6. Thêm phân trang

3 bài giảng ∙ (22phút)

Phần 7. Cải thiện chức năng tìm kiếm

5 bài giảng ∙ (40phút)

Phần 8. Bắt đầu sử dụng Vue Router

5 bài giảng ∙ (27phút)

Phần 9. Tạo trang sửa To-Do

8 bài giảng ∙ (1giờ 5phút)

Phần 10. Tạo thành phần thông báo Toast

4 bài giảng ∙ (38phút)

Phần 11. Tạo trang tạo To-Do

4 bài giảng ∙ (24phút)

Phần 12. Kiểu có phạm vi

1 bài giảng ∙ (4phút)

Phần 13. Áp dụng hiệu ứng hoạt hình Toast và sửa lỗi

2 bài giảng ∙ (8phút)

Phần 14. Tạo cửa sổ bật lên

4 bài giảng ∙ (30phút)

Phần 15. tái cấu trúc

8 bài giảng ∙ (47phút)

Phần 16. Sử dụng Vuex

7 bài giảng ∙ (57phút)

Phần 17. tái cấu trúc

2 bài giảng ∙ (12phút)

Phần 18. Khóa học kết thúc..

1 bài giảng ∙ (0phút)

Ngày đăng: 12/04/2021

Cập nhật lần cuối: 29/07/2025

Đánh giá

Tất cả

100 đánh giá

4.9

100 đánh giá

krrubric0041
Đánh giá 1
∙
Đánh giá trung bình 5.0
19/02/2022
5
100% đã tham gia
Đó là một bài giảng tuyệt vời! Hãy tạo một phiên bản trung gian nữa nhé~
durusk930845
Đánh giá 2
∙
Đánh giá trung bình 5.0
03/04/2022
5
100% đã tham gia
Thật tuyệt vời khi được tìm hiểu cấu trúc cơ bản của Vue.js 3 và cách tạo các thành phần một cách hiệu quả.
kjlee03287439
Đánh giá 2
∙
Đánh giá trung bình 5.0
21/04/2022
5
100% đã tham gia
Tuyệt!
zhwanhwang4538
Đánh giá 1
∙
Đánh giá trung bình 5.0
02/05/2021
5
100% đã tham gia
Người hướng dẫn giải thích mọi thứ từng bước rất tốt. Đó là sự trợ giúp tuyệt vời khi bắt đầu với phiên bản Vue3 mới nhất. Cảm ơn.
- kossiecoder
  Giảng viên
  02/05/2021
  Jihwan Hwang, cảm ơn bạn đã đánh giá ^^
canon48597291
Đánh giá 1
∙
Đánh giá trung bình 5.0
18/04/2022
5
100% đã tham gia
Tôi thích nó👍👍

Khóa học khác của kossiecoder

Hãy khám phá các khóa học khác của giảng viên!

Học React.js thông qua các dự án

kossiecoder

712.974 ₫

Cơ bản / React, Redux, ES6

4.7

(36)

300+

Bạn có thể tìm hiểu những điều cơ bản về React thông qua các dự án blog.

Cơ bản

React, Redux, ES6

Học React.js thông qua các dự án

kossiecoder

712.974 ₫

Cơ bản / React, Redux, ES6

4.7

(36)

300+

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Vue 3 trung cấp - Composition API

captain

1.158.583 ₫

Trung cấp trở lên / Vue 3, Vue.js

5.0

(63)

700+

Khóa học giúp bạn học Vue Composition API một cách dễ dàng và chính xác nhất, có thể sử dụng được trên cả Vue 2 và Vue 3 mới nhất!

Trung cấp trở lên

Vue 3, Vue.js

Vue 3 trung cấp - Composition API

captain

1.158.583 ₫

Trung cấp trở lên / Vue 3, Vue.js

5.0

(63)

700+

Bắt đầu với Vue 3

captain

920.925 ₫

Cơ bản / Vue.js, Vue 3, JavaScript

4.9

(147)

1,400+

Đây là khóa học dành cho những người bắt đầu với phiên bản mới nhất của Vue.js - Vue 3. Hãy học các khái niệm cơ bản cần biết khi phát triển thực tế, từ nguyên lý hoạt động của Vue.js.

Cơ bản

Vue.js, Vue 3, JavaScript

Bắt đầu với Vue 3

captain

920.925 ₫

Cơ bản / Vue.js, Vue 3, JavaScript

4.9

(147)

1,400+

Đăng nhập SNS Kakao, Google (springboot3, vue3)

bradkim

1.158.583 ₫

Cơ bản / OAuth, oauth2, JWT, Spring Boot, Vue.js

4.9

(33)

200+

Phản hồi thường xuyên

Sử dụng Spring Boot để triển khai đăng nhập Kakao, Google. Đăng nhập dựa trên JWT token được triển khai. Cấu hình màn hình đơn giản thông qua Vue3.

Cơ bản

OAuth, oauth2, JWT

Đăng nhập SNS Kakao, Google (springboot3, vue3)

bradkim

1.158.583 ₫

Cơ bản / OAuth, oauth2, JWT, Spring Boot, Vue.js

4.9

(33)

200+

Phản hồi thường xuyên

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

475.316 ₫

Cơ bản / Vue.js, Vue 3, TailwindCSS, ESLint

5.0

(34)

400+

Phản hồi thường xuyên

"Master Vue 3" Đây là bài giảng tiếp theo để bạn làm quen với các cài đặt dự án và thông số kỹ thuật mới nhất của phiên bản Vue 3 mới nhất. Khóa học này được cung cấp miễn phí cho những người đã tham gia khóa học Vue cơ bản hoặc thực tế.

Cơ bản

Vue.js, Vue 3, TailwindCSS

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

475.316 ₫

Cơ bản / Vue.js, Vue 3, TailwindCSS, ESLint

5.0

(34)

400+

Phản hồi thường xuyên

Học Vue js và UI cùng lúc / Xây dựng ứng dụng thời tiết thời gian thực với Nuxt3 + OpenWeatherMap

gis

594.145 ₫

Cơ bản / Vue.js, PWA, Firebase, Nuxt.js, pinia

Có thể dễ dàng học Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

Cơ bản

Vue.js, PWA, Firebase

Học Vue js và UI cùng lúc / Xây dựng ứng dụng thời tiết thời gian thực với Nuxt3 + OpenWeatherMap

gis

594.145 ₫

Cơ bản / Vue.js, PWA, Firebase, Nuxt.js, pinia

Tạo trang tìm kiếm việc làm với Vue3 và Supabase

Michael Kwon

1.039.754 ₫

Cơ bản / Vue.js, PWA, supabase, Vue 3

5.0

(3)

Từ việc phát triển ứng dụng đầy đủ của riêng bạn đến ứng dụng web tiến bộ (PWA)!

Cơ bản

Vue.js, PWA, supabase

Tạo trang tìm kiếm việc làm với Vue3 và Supabase

Michael Kwon

1.039.754 ₫

Cơ bản / Vue.js, PWA, supabase, Vue 3

5.0

(3)

Tạo web và ứng dụng mà mọi người đều có thể dễ dàng theo dõi, ngay cả khi họ không biết nhiều về tiếng Anh (từ cơ bản đến sử dụng thực tế)

jocoding

Miễn phí

Nhập môn / Web Application

4.9

(89)

3,600+

Chúng tôi sẽ tạo ra mã hóa dễ dàng mà bất cứ ai cũng có thể học được. Mục đích là để hiểu mã hóa là gì và tạo ra các trang web cũng như ứng dụng có thể sử dụng được bằng cách sử dụng các tài nguyên bên ngoài như thư viện và API nhiều nhất có thể.

Nhập môn

Web Application

Tạo web và ứng dụng mà mọi người đều có thể dễ dàng theo dõi, ngay cả khi họ không biết nhiều về tiếng Anh (từ cơ bản đến sử dụng thực tế)

jocoding

Miễn phí

Nhập môn / Web Application

4.9

(89)

3,600+

Tạo dịch vụ bản đồ với Corona Map Developers 1

donghunee

712.974 ₫

Cơ bản / Node.js, Web Application, Express, VSCode

4.8

(91)

800+

Đây là bài giảng về cách tạo dịch vụ bản đồ do nhà phát triển Corona Map giảng dạy.

Cơ bản

Node.js, Web Application, Express

Tạo dịch vụ bản đồ với Corona Map Developers 1

donghunee

712.974 ₫

Cơ bản / Node.js, Web Application, Express, VSCode

4.8

(91)

800+

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

920.925 ₫

Cơ bản / React, Firebase, Web Application

4.7

(43)

1,000+

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

Cơ bản

React, Firebase, Web Application

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

920.925 ₫

Cơ bản / React, Firebase, Web Application

4.7

(43)

1,000+

Hướng dẫn về Elm, một ngôn ngữ front-end thuần túy chức năng

hatemogi

Miễn phí

Cơ bản / elm, Functional Programming, SPA, Web Application

5.0

(5)

300+

Nghiên cứu tài liệu hướng dẫn ngôn ngữ lập trình Elm để tạo ứng dụng web giao diện người dùng bằng lập trình chức năng thuần túy chỉ trong 3 giờ.

Cơ bản

elm, Functional Programming, SPA

Hướng dẫn về Elm, một ngôn ngữ front-end thuần túy chức năng

hatemogi

Miễn phí

Cơ bản / elm, Functional Programming, SPA, Web Application

5.0

(5)

300+

Học Vue.js 3 qua các dự án

Đánh giá từ những học viên đầu tiên

4.9

Bạn sẽ nhận được điều này sau khi học.

Giới thiệu bài giảng

Câu hỏi dự kiến Hỏi & Đáp

Giới thiệu tài liệu bài giảng

Giới thiệu người chia sẻ kiến thức

Khuyến nghị cho những người này

Xin chàoĐây là kossiecoder

Chương trình giảng dạy

Đánh giá

Khóa học khác của kossiecoder

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là kossiecoder