Vue.JS is essential for frontend beginners!! We'll delve into Vue.JS from the basics to the advanced levels!
Đánh giá từ những học viên đầu tiên
5.0
hz
Dường như bạn dạy rất hay, đến mức người nghe lần đầu cũng dễ hiểu! Nếu có các bài giảng khác (ví dụ như next.js) được đăng lên, tôi nhất định muốn theo học... Giáo trình cũng được xây dựng rất bài bản nên rất tốt cho việc học!!
5.0
김주원
1. Tài liệu học tập Các thư mục được cấu trúc phù hợp với mục lục bài giảng. Thư mục bắt đầu bài giảng và thư mục hoàn thành bài giảng được phân biệt rõ ràng, mỗi thư mục được thiết lập để có thể bắt đầu một cách gọn gàng với một dự án mới, nên khi muốn học từng phần nội dung chưa biết thực sự rất hữu ích. Cũng có cách sắp xếp source code tuần tự bằng git, nhưng đối với việc học thì chiến lược này có vẻ là tốt nhất. Tất nhiên giảng viên để sắp xếp như thế này có lẽ đã mất khá nhiều thời gian. 2. options api, composition api Trong các bài giảng vue trên Inflearn, không có trường hợp nào cả hai được đề cập trong một bài giảng, nhưng bài giảng này đề cập đến cả hai loại, và mặc dù nói là chỉ đề cập đến những điểm cốt lõi, nhưng đã giải thích một cách súc tích và rõ ràng, dễ hiểu về phạm vi rộng lớn. 3. Xác thực Phần xác thực có những điểm khó khăn khi giảng dạy, và hầu hết các giảng viên chỉ đề cập đại khái về phần xác thực, nhưng trong bài giảng này vì trực tiếp xây dựng backend, frontend để thực hành nên có thể nắm chắc khái niệm về jwt accessToken, refreshToken được sử dụng nhiều nhất gần đây. 4. Khả năng giảng dạy Kỹ năng giảng dạy xuất sắc nên có độ hấp dẫn tốt, Đã nghe hầu hết các bài giảng vue trên Inflearn, đây là bài giảng tôi hài lòng nhất, nếu bây giờ bắt đầu học vue thì đừng lãng phí thời gian nghe bài này bài kia, tôi khuyên bạn nên kết thúc chỉ với bài giảng này thôi.
5.0
pcdo.omco
Tôi sẽ lắng nghe thật kỹ ạ~
The entire Vue 2 syntax.
Vue 3 basic concepts (Vue instance, template syntax, data binding)
How to use Composition API (reactive, ref, computed, watch)
Vue Router configuration and routing
Pinia state management
Vue 3's reactivity system
Component Design and Data Transfer (Props, Emits, Slots)
How to use Vue 3 lifecycle hooks
Composition API vs Options API
Communication with Server (Axios, Fetch, async/await)
Application performance optimization
Building and deploying a Vue app
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! 🚀
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 . 🚀
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 . 🚀
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ế . 🚀
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ằ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ế . 🚀
Khóa học này dành cho ai?
Someone who has never studied View
Someone who has tried to study Vue, but given up every time
Someone who needs to build a service right away using Vue.
Someone who wants to learn simply and easily, without complicated explanations.
Cần biết trước khi bắt đầu?
HTML/CSS
JavaScript
4,864
Học viên
270
Đánh giá
135
Trả lời
4.9
Xếp hạng
7
Các khóa học
수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.
다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.
현재까지 다음과 같은 4권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:
또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]
Tất cả
229 bài giảng ∙ (23giờ 32phút)
Tài liệu khóa học:
Tất cả
8 đánh giá
4.9
8 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
Chào beauvy1113! Cảm ơn đánh giá tốt của bạn ạ :) Chúc bạn có một ngày tốt lành!!
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Dường như bạn dạy rất hay, đến mức người nghe lần đầu cũng dễ hiểu! Nếu có các bài giảng khác (ví dụ như next.js) được đăng lên, tôi nhất định muốn theo học... Giáo trình cũng được xây dựng rất bài bản nên rất tốt cho việc học!!
Ồ, thực sự cảm ơn vì phản hồi chân thành như vậy! Thật tự hào khi khóa học hữu ích ngay cả với người mới bắt đầu 😊 Sắp tới, khóa học React.JS sẽ được ra mắt! Tôi sẽ cố gắng xây dựng nội dung phong phú hơn để đáp lại sự kỳ vọng 💪 Chúc bạn học tập hiệu quả trong tương lai nhé!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Chào hyeona.jeong! Cảm ơn đánh giá cao của bạn! Sẽ gặp lại bạn với bài giảng tốt hơn.
Đánh giá 16
∙
Đánh giá trung bình 5.0
5
Tôi sẽ lắng nghe thật kỹ ạ~
Cảm ơn bạn! Hy vọng điều này sẽ giúp ích cho bạn :)
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
Xin chào anh Yoo Jin-seok! Cảm ơn anh đã đánh giá tốt. Tôi sẽ quay lại với những khóa học tốt hơn nữa!
1.645.841 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
css.png?f=avif&w=420)
![Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)