Learning Vue.js by Picking Out the Essentials

Đợi đã!

Bạn có biết rằng ngay cả trong các bài giảng cũng có một 'nút thắt' phù hợp với tôi không?

Cũng giống như một trò chơi tuyệt vời mà mọi người đều biết có thể không vui đối với tôi ,
Bài giảng không giống nhau đối với mọi người.

Cho dù bài giảng có được khen ngợi nhiều đến đâu thì nó cũng có thể không phù hợp với tôi .
Ngược lại, một bài giảng bình thường với người khác có thể lại là bài giảng hay nhất với tôi .

Vì vậy, ít nhất 10% trong số tất cả các bài giảng của tôi là miễn phí .
Hãy tự mình lắng nghe và xem liệu nó có 'phù hợp' với bạn và phong cách của bạn không !

Nếu bạn và tôi hòa hợp với nhau,
Hãy để tôi chỉ cho bạn con đường nhanh nhất để trở thành một nhà phát triển front-end .
Hãy tin tưởng và theo tôi! 🚀

tính toán & xem
Đếm số lượng ký tự trong một người

Bằng cách sử dụng computed và watch , đây là những tính năng cốt lõi của Vue 3,
Tôi sẽ thử sao chép và mã hóa chức năng đếm ký tự được sử dụng trên trang Saramin .

• Tính toán số ký tự được nhập vào theo thời gian thực bằng cách sử dụng tính toán ,

• Sử dụng watch để phát hiện hiệu quả những thay đổi trong dữ liệu đầu vào của người dùng.

Trong khi triển khai các chức năng được sử dụng trong thực tế như chúng vốn có,
Tìm hiểu các khái niệm về xử lý dữ liệu phản ứng một cách dễ dàng và rõ ràng! 🚀

thành phần
Tự động hoàn thành các thuật ngữ tìm kiếm

Bằng cách sử dụng thành phần, là khái niệm cốt lõi của Vue 3,
Hãy triển khai tính năng tự động hoàn thành cho các thuật ngữ tìm kiếm thường dùng trong các dịch vụ công cụ tìm kiếm .

• Quản lý hộp tìm kiếm và danh sách tự động hoàn thành hiệu quả thông qua việc phân tách thành phần .

• Tìm hiểu cách truyền dữ liệu tự nhiên giữa các thành phần bằng cách sử dụng props và emit .

• Triển khai giao diện người dùng tương tác phản hồi nhanh chóng với dữ liệu đầu vào của người dùng bằng cách hiển thị dữ liệu theo thời gian thực !

Tạo một hàm có thể sử dụng ngay trong thực tế
Bạn có thể học cách sử dụng các thành phần Vue và phương pháp phát triển có cấu trúc . 🚀

Thành phần sâu hơn
Giao diện menu tab

Bằng cách tận dụng khái niệm về các thành phần động trong Vue 3,
Hãy triển khai giao diện menu tab giúp nâng cao trải nghiệm của người dùng .

• Quản lý hiệu quả nhiều nội dung tab với tính năng chuyển đổi thành phần động .

• Tìm hiểu cách kết xuất thành phần linh hoạt bằng v-bind và thuộc tính is .

• Thực hiện chuyển đổi tự nhiên giữa các tab với quản lý trạng thái và xử lý sự kiện .

Khóa học này sẽ hướng dẫn bạn cách tạo giao diện người dùng phức tạp từ các thành phần có thể tái sử dụng và mở rộng . 🚀

Ứng dụng quản lý việc cần làm
Danh sách việc cần làm

Bằng cách tận dụng tất cả các khái niệm và kỹ thuật đã học trong Vue 3,
Hãy cùng tạo ứng dụng Todo List chất lượng cao của riêng mình.

• Quản lý hiệu quả khả năng thêm, xóa và sửa đổi tác vụ thông qua việc phân tách thành phần .

• Triển khai giao diện người dùng phản ứng với những thay đổi trạng thái theo thời gian thực bằng Reactive Data Binding .

• Tìm hiểu cách quản lý trạng thái và luồng dữ liệu một cách tự nhiên bằng cách sử dụng computed, watch và v-model .

• Triển khai lưu trữ dữ liệu vĩnh viễn bằng bộ nhớ cục bộ !

Dự án này tích hợp các tính năng cốt lõi của Vue theo cách thực tế ,
Bạn có thể phát triển các năng lực phát triển có thể sử dụng ngay trong thực tế . 🚀

Xác thực
Xác thực và ủy quyền

Hiểu rõ các khái niệm về xác thực và ủy quyền , đây là các chức năng cốt lõi của ứng dụng web.
Hãy triển khai chức năng đăng nhập an toàn bằng cách sử dụng **JWT (Json Web Token)**.

• Phân biệt rõ ràng giữa xác thực và ủy quyền thông qua lý thuyết và thực hành.

• Tìm hiểu logic đăng nhập có tính bảo mật cao thông qua quy trình xác minh và phát hành mã thông báo JWT .

• Chúng ta sẽ thực hành cách lưu trữ và quản lý token (LocalStorage, SessionStorage) .

• Tìm hiểu cách giữ thông tin người dùng an toàn sau khi đăng nhập và kiểm soát quyền truy cập dựa trên quyền .

Thông qua khóa học này, bạn sẽ có được kinh nghiệm thực tế với các khái niệm xác thực và ủy quyền cần thiết dành cho các nhà phát triển front-end .
Bạn sẽ học được các phương pháp quản lý người dùng an toàn và hiệu quả . 🚀

Bộ phim
Ứng dụng phim 🎬

Bằng cách tận dụng tất cả các khái niệm và công nghệ của Vue 3 mà chúng ta đã học cho đến nay,
Hãy cùng tạo ứng dụng web cung cấp thông tin về phim .

• Tận dụng API phim bên ngoài để truy xuất và hiển thị dữ liệu phim theo thời gian thực.

• Cấu trúc dựa trên thành phần quản lý hiệu quả danh sách phim, thông tin chi tiết, chức năng tìm kiếm, v.v.

• Kiểm soát luồng dữ liệu bằng các yêu cầu API và xử lý không đồng bộ bằng Axios .

• Bạn sẽ triển khai chức năng chuyển đổi trang bằng Vue Router và trải nghiệm định tuyến động .

• Cung cấp trải nghiệm người dùng (UX) thực tế thông qua giao diện người dùng (UI) phản hồi nhanh và quản lý trạng thái .

Dự án này tích hợp các tính năng cốt lõi của Vue 3 ,
Bạn có thể phát triển các kỹ năng phát triển ứng dụng dựa trên API cùng với kinh nghiệm phát triển thực tế . 🚀