Tìm hiểu kiến thức cơ bản về Vue 3 một cách dễ dàng và nhanh chóng (API sáng tác)
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.
- Chỉnh sửa: ★★★★★ 5.0 Tính nghệ thuật. Đẳng cấp tuyệt vời không cần phải nói
- Mô tả: ★★★★☆ 4.5 Xuất sắc. Về chất lượng giải thích khái niệm, có một số phần còn thiếu sót hoặc làm vội vàng, nhưng chúng tôi không quên xem lại bản thân khái niệm, mọi thiếu sót đều được khắc phục qua quá trình chỉnh sửa.
- Tính tự chủ: ★★★★☆ 4,5 Xuất sắc. Bài tập được đưa ra vào cuối mỗi bài giảng và bạn thậm chí có thể xem lại bằng cách hiển thị câu trả lời đúng trong bài giảng tiếp theo. Nó được cấu trúc tốt cho mục đích duy nhất là tạo một blog.
- Lựa chọn mục tiêu bài giảng: ★★★★_ 4.0 Hơi thất vọng một chút. Có vẻ như đối tượng mục tiêu là những người mới bắt đầu, nhưng ngay cả như vậy, vẫn có một số phần mà phần giải thích về khái niệm vẫn còn thiếu một cách tinh tế. Nếu bạn đã biết các khái niệm tương tự, bạn có thể tiếp tục một cách suôn sẻ.
- Người tham gia được đề xuất: Những người có kinh nghiệm sử dụng JavaScript tại nơi làm việc nhưng chưa bao giờ sử dụng Vue.js, những người đã sử dụng các khung giao diện người dùng khác nhưng muốn tìm hiểu Vue.js, những người có thể tự mình theo dõi và tìm kiếm các khái niệm họ làm không hiểu hoặc hỏi người hướng dẫn. Những học viên mới bắt đầu tự tin học bằng cách đặt câu hỏi và nhân viên của các công ty thành viên Infron Business cần sử dụng nhanh chóng cho công việc thực tế nhưng lại gặp khó khăn khi đọc từng tài liệu chính thức vì chúng rất khó hiểu. quá dài.
5.0
김민환
31% đã tham gia
Tôi đang học một điều gì đó mới và thật tuyệt khi có thể tìm hiểu chi tiết!! Màn hình được sắp xếp gọn gàng, dễ nhìn, dễ theo dõi. Nó được sắp xếp sao cho dễ dàng học được điều gì đó mới hoặc tham khảo những phần khó hiểu!!
5.0
cuhexa
100% đã tham gia
Thật tuyệt vời khi mọi thứ từ soạn giáo án đến thực hiện đều tuân theo một chương trình giảng dạy được hoạch định rõ ràng. Đó không phải là một bài giảng mà bài giảng sẽ bị gián đoạn nếu bạn mắc lỗi, như thể bạn chỉ đơn giản là thể hiện kiến thức của mình. Đó là một bài giảng hay, thậm chí còn có những hiệu ứng hoạt hình nhỏ.
Đặc biệt, tôi thực sự thích nó giải thích các nguyên tắc cơ bản và phương pháp npm một cách riêng biệt, thay vì chỉ cài đặt gói npm. Bài giảng của người này là thứ tôi muốn nghe lại ngay cả khi có thông tin khác được đăng tải.
Bạn sẽ nhận được điều này sau khi học.
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
🌟 Học Vue.js dễ dàng và nhanh chóng! 🌟
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!
Kết quả
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é!
Mục 01. Chuẩn bị cho bài giảng
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.
01. Thiết lập môi trường phát triển
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.
02. Cách sử dụng VSCode
Đố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.
03. Cài đặt tiện ích mở rộng VSCode
Cài đặt tiện ích mở rộng hữu ích khi sử dụng VSCode .
Gói ngôn ngữ tiếng Hàn
thụt vào-cầu vồng
Máy chủ trực tiếp
Chủ đề biểu tượng vật liệu
Tự động đổi tên thẻ
Prettier - Trình định dạng mã
Tính năng ngôn ngữ Vue (Volar)
04. Tải xuống mã nguồn
Bao gồm cách tải xuống các tệp có chứa mã ví dụ .
Phần 02. Bắt đầu với Vue.js
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.
01. Bắt đầu với Vue.js
Để 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.
02. Thành phần
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.
03. Liên kết dữ liệu
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 .
04. Khả năng phản hồi
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.
Mục 03. Chỉ thị
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.
01. liên kết v
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 !
02. v-cho
Chúng ta hãy cùng tìm hiểu cách tạothẻ nhiều lần bằng cách sử dụng v-for .
03. v-if và v-show
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 .
04. v-on
Chúng tôi sẽ giới thiệu v-on , giúp bạn xử lý các sự kiện trong thẻ.
05. mô hình v
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 .
Mục 04. Khả năng phản ứng
Chúng ta sẽ tìm hiểu về ref và reactivee , 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.
01. Tham chiếu so với Phản ứng
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.
02. Tính toán
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.
03. Người quan sát
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.
Mục 05. Thành phần
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.
01. Thành phần tệp đơ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 !!
02. Tạo một dự án Vue
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 .
03. thiết lập tập lệnh / phạm vi kiểu
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
04. Móc vòng đời
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 .
05. Tài liệu tham khảo mẫu
Chúng ta hãy thao tác DOM bằng cách sử dụng ref trong mẫu!
06. Thành phần không đồng bộ
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.
Mục 06. Khái niệm
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.
01. Cách sử dụng Notion
Đố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 !
02. Nhập dữ liệu Notion
Tìm hiểu cách nhập dữ liệu Notion bằng gói vue-notion.
Mục 07. Truyền thông thành phần
Bao gồm nhiều cách khác nhau để truyền dữ liệu giữa các thành phần.
01. Đạo cụ
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.
02. Phát ra
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.
03. Cung cấp / Tiêm
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.
04. Thuộc tính Fallthrough
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.
05. Thành phần v-model
Tìm hiểu cách sử dụng v-model trong các thành phần của bạn .
06. Slots
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❗️
💬Câu hỏi dự kiến Hỏi & Đáp
Khuyến nghị cho những người này
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)
- Chỉnh sửa: ★★★★★ 5.0 Tính nghệ thuật. Đẳng cấp tuyệt vời không cần phải nói
- Mô tả: ★★★★☆ 4.5 Xuất sắc. Về chất lượng giải thích khái niệm, có một số phần còn thiếu sót hoặc làm vội vàng, nhưng chúng tôi không quên xem lại bản thân khái niệm, mọi thiếu sót đều được khắc phục qua quá trình chỉnh sửa.
- Tính tự chủ: ★★★★☆ 4,5 Xuất sắc. Bài tập được đưa ra vào cuối mỗi bài giảng và bạn thậm chí có thể xem lại bằng cách hiển thị câu trả lời đúng trong bài giảng tiếp theo. Nó được cấu trúc tốt cho mục đích duy nhất là tạo một blog.
- Lựa chọn mục tiêu bài giảng: ★★★★_ 4.0 Hơi thất vọng một chút. Có vẻ như đối tượng mục tiêu là những người mới bắt đầu, nhưng ngay cả như vậy, vẫn có một số phần mà phần giải thích về khái niệm vẫn còn thiếu một cách tinh tế. Nếu bạn đã biết các khái niệm tương tự, bạn có thể tiếp tục một cách suôn sẻ.
- Người tham gia được đề xuất: Những người có kinh nghiệm sử dụng JavaScript tại nơi làm việc nhưng chưa bao giờ sử dụng Vue.js, những người đã sử dụng các khung giao diện người dùng khác nhưng muốn tìm hiểu Vue.js, những người có thể tự mình theo dõi và tìm kiếm các khái niệm họ làm không hiểu hoặc hỏi người hướng dẫn. Những học viên mới bắt đầu tự tin học bằng cách đặt câu hỏi và nhân viên của các công ty thành viên Infron Business cần sử dụng nhanh chóng cho công việc thực tế nhưng lại gặp khó khăn khi đọc từng tài liệu chính thức vì chúng rất khó hiểu. quá dài.
Thật tuyệt vời khi mọi thứ từ soạn giáo án đến thực hiện đều tuân theo một chương trình giảng dạy được hoạch định rõ ràng. Đó không phải là một bài giảng mà bài giảng sẽ bị gián đoạn nếu bạn mắc lỗi, như thể bạn chỉ đơn giản là thể hiện kiến thức của mình. Đó là một bài giảng hay, thậm chí còn có những hiệu ứng hoạt hình nhỏ.
Đặc biệt, tôi thực sự thích nó giải thích các nguyên tắc cơ bản và phương pháp npm một cách riêng biệt, thay vì chỉ cài đặt gói npm. Bài giảng của người này là thứ tôi muốn nghe lại ngay cả khi có thông tin khác được đăng tải.
Cảm ơn bạn đã giải thích các thuật ngữ và nội dung liên quan đến mã hóa mà thực sự khó đối với những người không chuyên ngành một cách dễ hiểu! Tôi cần nghiên cứu về sự phát triển trong những thời điểm khó khăn khi việc chuẩn bị công việc còn khó khăn và đó là một bài giảng hoàn hảo. Tôi nghĩ tôi sẽ học bài tiếp theo khi nó ra mắt (có vẻ như bạn có giọng nói hay)
Tôi đang học một điều gì đó mới và thật tuyệt khi có thể tìm hiểu chi tiết!! Màn hình được sắp xếp gọn gàng, dễ nhìn, dễ theo dõi. Nó được sắp xếp sao cho dễ dàng học được điều gì đó mới hoặc tham khảo những phần khó hiểu!!
![[Mới nhất] Khóa học Vue đỉnh cao: Master Nuxt 3 hoàn hảoHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/333042/cover/654fc01a-31c1-4138-addf-69527cae68bc/333042.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]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
