Khóa học này dành cho những người lần đầu học Vue.js. Tài liệu chính thức được giải thích rõ ràng với các ví dụ và hình ảnh đơn giản để dễ hiểu và dễ hiểu hơn.
Các khái niệm cơ bản của Vue3 (khả năng phản hồi, liên kết dữ liệu, các thành phần, v.v.)
Cách phát triển API thành phần
Nhập dữ liệu Notion qua gói vue-notion
Bài giảng này dựa trên tài liệu chính thức của Vue.js và được thiết kế để dễ hiểu .
✅ Chúng tôi sẽ cung cấp cho bạn những thông tin cần thiết một cách nhanh chóng và rõ ràng!
✅ Không còn phải kéo và thả không cần thiết (viết mã, viết lại mã không chính xác)!
✅ Hầu hết các bài giảng đều dưới 10 phút, nên rất súc tích và ngắn gọn! Nhưng chúng cũng được cô đọng lại để cung cấp thông tin chi tiết!
✅ Bạn không mất thời gian vừa nói vừa nhìn màn hình? Gần như không mất! Bạn cần phải tập trung!
Khóa học này có bài tập cho mỗi bài giảng bắt đầu từ Phần 2.
Phần 4 là phần thực hành và nếu bạn thường xuyên làm các bài tập từ Phần 5 trở đi, bạn có thể tạo một trang web như thế này.
Bạn có tò mò muốn biết mình sẽ học được những gì ngoài những lời giải thích chi tiết không?
Chúng ta hãy cùng tìm hiểu ngay bên dưới nhé!
Trước khi bắt đầu, chúng ta hãy cùng tìm hiểu những gì bạn cần cài đặt và thiết lập trên máy tính của mình.
Cài đặt Chrome , Vue.js Devtools , VSCode và Node.js , đây là những công cụ cần thiết cho quá trình phát triển.
Đối với những ai chưa quen với Visual Studio Code, tôi sẽ giải thích ngắn gọn cách sử dụng.
Cài đặt tiện ích mở rộng hữu ích khi sử dụng VSCode .
Bao gồm cách tải xuống các tệp có chứa mã ví dụ .
Chúng ta đang bắt đầu tìm hiểu cú pháp Vue.js một cách nghiêm túc.
Để giúp bạn hiểu rõ hơn, chúng ta sẽ tiến hành với một tệp HTML.
Để bắt đầu với Vue, chúng ta sẽ tìm hiểu cách gọi hàm createApp và tạo một ứng dụng.
Chúng ta sẽ tìm hiểu về các thành phần , đây là khái niệm cốt lõi trong Vue.js.
Tìm hiểu về liên kết dữ liệu để vẽ HTML hiệu quả hơn trong các thành phần .
Chúng tôi đề cập đến khái niệm về khả năng phản ứng, yếu tố cần thiết để tạo ra một trang web năng động hơn thông qua tương tác.
Chúng tôi sẽ đề cập đến các chỉ thị cho phép bạn làm việc với các thành phần HTML theo nhiều cách khác nhau trong các thành phần của bạn.
Chúng ta sẽ tìm hiểu về v-bind , có thể được sử dụng để liên kết dữ liệu thuộc tính !
Chúng ta hãy cùng tìm hiểu cách tạo thẻ nhiều lần bằng cách sử dụng v-for .
Bạn có thể làm cho thẻ xuất hiện hoặc biến mất tùy theo điều kiện bằng cách sử dụng v-if hoặc v-show .
Chúng tôi sẽ giới thiệu v-on , giúp bạn xử lý các sự kiện trong thẻ.
Chúng tôi sẽ giới thiệu v-model , cho phép bạn liên kết dữ liệu với các biểu mẫu đầu vào mà người dùng có thể thay đổi thông qua tương tác .
Chúng ta sẽ tìm hiểu về ref và reactive e , có thể tận dụng tính năng phản ứng, cũng như computed và watcher , có thể được sử dụng để thực hiện các tác vụ bổ sung.
Chúng ta sẽ so sánh reactive và ref , là những đối tượng reactive và thảo luận về sự khác biệt giữa chúng.
Chúng ta sẽ tìm hiểu về computed , sử dụng các đối tượng phản ứng để tạo ra một giá trị khác.
Chúng ta sẽ tìm hiểu về Watchers , cho phép bạn thực hiện các tác vụ bổ sung dựa trên những thay đổi trong các đối tượng phản ứng.
Hãy tạo một tệp thành phần (.vue) và tìm hiểu sâu hơn về các thành phần.
Một tệp vue cho phép bạn sử dụng nhiều thành phần hơn, Thành phần tệp đơn !!
Tìm hiểu cách tạo một dự án hoàn hảo cho phát triển Vue bằng cách sử dụng npm .
Thiết lập tập lệnh để sử dụng tập lệnh hiệu quả hơn
Phạm vi kiểu, chỉ áp dụng kiểu trong thành phần
Tìm hiểu về Life Cycle Hooks , cho phép bạn thực hiện các tác vụ cụ thể khi các thành phần được tạo và hủy .
Chúng ta hãy thao tác DOM bằng cách sử dụng ref trong mẫu!
Các thành phần không đồng bộ gọi các thành phần cần thiết từ máy chủ một cách không đồng bộ.
Tìm hiểu về các thành phần động , cho phép bạn vẽ các thành phần một cách động.
Tìm hiểu cách sử dụng Notion như một trình soạn thảo, giống như một blog.
Đối với những ai chưa quen với Notion , chúng tôi sẽ hướng dẫn mọi thứ từ đăng ký đến cách sử dụng đơn giản !
Tìm hiểu cách nhập dữ liệu Notion bằng gói vue-notion .
Bao gồm nhiều cách khác nhau để truyền dữ liệu giữa các thành phần.
Tìm hiểu về Props , công cụ truyền dữ liệu từ thành phần cha sang thành phần con.
Tìm hiểu về Emits , phương thức truyền sự kiện từ thành phần con sang thành phần cha.
Chúng ta sẽ tìm hiểu về Provide và Inject , cho phép bạn truyền dữ liệu từ thành phần cha sang thành phần con sâu hơn.
Chúng ta hãy tìm hiểu cách xử lý các thuộc tính được đặt trong một thành phần thông qua attrs .
Tìm hiểu cách sử dụng v-model trong các thành phần của bạn .
Chúng tôi sẽ đề cập đến các khe cho phép mẫu của một thành phần được xử lý bởi thành phần cha.
Nếu bạn vẫn chưa hiểu, tôi khuyên bạn nên xem một vài bài giảng miễn phí!
Bạn sẽ biết chính xác cảm giác đó như thế nào❗️
Khóa học này dành cho ai?
Những người thấy tài liệu Vue.js khó đọc hoặc khó đọc
Người mới bắt đầu học Vue.js
Người mới bắt đầu giao diện người dùng
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về HTML (Bạn có biết rằng thuộc tính value được sử dụng trong thẻ đầu vào không?)
Khái niệm cơ bản về CSS (kiến thức về đường viền, lề, phần đệm, v.v.)
Khái niệm cơ bản về Javascript (kiến thức về console.log hoặc các hàm mũi tên)
Tất cả
32 bài giảng ∙ (3giờ 20phút)
Tất cả
11 đánh giá
4.5
11 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 4.7
5
- Editing: ★★★★★ 5.0 Artistic. Excellent level that goes without saying - Description: ★★★★☆ 4.5 Excellent. There are some parts where the quality of the concept explanation is lacking or rushed, but it does not miss out on going over the concept itself, and the lacking parts are covered with editing. - Self-directedness: ★★★★☆ 4.5 Excellent. At the end of each lecture, an assignment is given, and the correct answer is shown in the next lecture, so you can review it. It is well organized to fit the single purpose of creating a blog. - Lecture target selection: ★★★★_ 4.0 It is a bit disappointing. It seems that the target is considered to be beginners, but there are some parts where the concept explanation is subtly lacking. If you already know similar concepts, you can move on smoothly. - Recommended candidates: People who have experience using JavaScript in the workplace but have never used Vue.js; People who have used other UI frameworks and want to learn Vue.js; Beginner learners who are confident that they can learn concepts they do not understand by searching or asking the instructor; Employees of Inflearn Business member companies who need to use the course quickly in practice but find the official documentation too long to read it one by one
Đánh giá 1
∙
Đánh giá trung bình 5.0
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
It's great that the course is well-organized and runs according to the curriculum, from course planning to execution. It's not a course where you just show off your knowledge and the lecture is cut off if you make a mistake, but it's a great course that doesn't leave out even the smallest animation effects. In particular, it was great that it didn't just install with the npm package, but explained the basic principles and npm methods separately. This person's course is something I want to listen to again even if other information comes up.
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Thank you for explaining the difficult coding-related terms and content to non-majors in a really easy-to-understand way! I needed to study development in these difficult times when job preparation is difficult, and this lecture was just right for me. I'll listen to the next lecture when it comes out (I think you have a nice voice)
Đánh giá 1
∙
Đánh giá trung bình 5.0
476.975 ₫
Khám phá các khóa học khác trong cùng lĩnh vực!
![Planner, how about learning this level of web development? [Theory + Practice]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
