Tạo cộng đồng Vue 3 & Firebase 10 Fullstack - "Phần sử dụng" (với Pinia, Quasar, Tiptap, VueUse)
Khóa học tạo cộng đồng bằng Vue3 & Firebase(v10) sẽ giúp bạn phát triển thành một nhà phát triển chuyên nghiệp hơn bằng cách cung cấp các kiến thức thực tế về cách sử dụng Vue3, kiến thức cơ bản và thực tế về Firebase, cách sử dụng các công nghệ web mới nhất, chia sẻ kinh nghiệm của những người chia sẻ kiến thức, v.v.!
Cách sử dụng thực tế của Vue3 Composition API (tạo thành, thành phần động & không đồng bộ, v.v.)!
Firebase(v10) từ cơ bản đến thực tế! Và cả việc triển khai nữa!
Quasar giúp bạn tạo giao diện người dùng đẹp một cách dễ dàng và nhanh chóng!
Sử dụng các thư viện phổ biến VueUse, TiptapEditor!
Cách sử dụng các công nghệ mới nhất như IntersectionObserver, RelativeTimeFormat!
Sử dụng Algolia Search để tìm kiếm toàn bộ văn bản!
Bạn đã học những kiến thức cơ bản về Vue3 chưa? Bây giờ đã đến lúc sử dụng nó một cách hiệu quả! ✨
Sự kiện đánh giá lớp Inflearn đang diễn ra 🎉
Xin chào 🙂 Chúng tôi đang tổ chức sự kiện đánh giá khóa học về cách tạo cộng đồng Vue3 & Firebase10. Sau khi hoàn thành khóa học, hãy viết đánh giá chân thành.Chúng tôi sẽ tặng bạn một phiếu bài giảng miễn phí.
(30 người đầu tiên)
Sử dụng công nghệ mới nhất Xây dựng cộng đồng Vue 3 & Firebase 10 📖
Xin chào! Bài giảng này nói về việc tạo web cộng đồng bằng Vue3 và Firebase. Nếu bạn tham gia bài giảng này, bạn sẽ học cách sử dụng API Vue3 Composition trong thực tế ! Và đây là khóa học cho phép bạn tìm hiểu Firebase từ những kiến thức cơ bản đến cách sử dụng thực tế cùng một lúc.
Khi phát triển trang web front-end, bạn cần có nhiều kiến thức như trình soạn thảo, cuộn vô hạn, chức năng tìm kiếm và gỡ lỗi . Khóa học này được thiết kế để giúp bạn phát triển như một nhà phát triển bằng cách tìm hiểu nhiều công nghệ web khác nhau có thể học được thông qua kinh nghiệm thực tế.
Bởi vì thực hành luôn quan trọng 💻
Trên thực tế, bài giảng này đã được lên kế hoạch trước khi tôi ra mắt "Vue3 Complete Mastery (Cơ bản/Thực hành)" . Bởi vì khi học một kỹ năng, điều quan trọng là phải học nó, nhưng điều thực sự quan trọng hơn là phải tạo ra thứ gì đó bằng kỹ năng bạn đã học .
Khi chúng ta có được giấy phép lái xe và bắt đầu lái xe, mọi chuyện không dễ như chúng ta nghĩ. Bởi vì khi bạn thực sự lái xe, sẽ có nhiều khó khăn mà bạn không gặp phải khi mới học lái xe .
Điều tương tự cũng xảy ra với phát triển web. Nếu bạn không học công nghệ Vue.js và xây dựng thứ gì đó, sự phát triển của bạn sẽ chậm lại. Và thậm chí nếu bạn học Vue3 và cố gắng xây dựng một cái gì đó thực sự thì cũng không hề dễ dàng. Khi thực sự phát triển một trang web, các công nghệ cốt lõi rất quan trọng, nhưng các công nghệ và kỹ năng hệ sinh thái giao diện người dùng xung quanh học được thông qua kinh nghiệm cũng rất quan trọng. Bất kỳ ai đã từng thử xây dựng một ứng dụng web thực sự có lẽ sẽ đồng ý.
"Khi tôi thực sự cố gắng tạo một trang web, tôi thấy rất khó khăn..."
Đó là lý do tại sao tôi ra mắt khóa học về xây dựng cộng đồng bằng Vue3 & Firebase. Như tôi đã đề cập trước đó, bài giảng này sẽ trình bày cách sử dụng Vue3 thực tế, từ những điều cơ bản đến cách sử dụng Firebase trong thực tế! Và đây là bài giảng có thể giải quyết nhiều khó khăn có thể phát sinh khi tạo một ứng dụng web thực tế .
Các tính năng đặc biệt của khóa học này ✨
📌 Bạn không cần phải biết Firebase!Bạn có thể học mọi thứ từ kiến thức cơ bản đến thực hành và triển khai cùng một lúc.
Đối với các nhà phát triển front-end, Firebase là một công nghệ thực sự hấp dẫn.
Khi chúng ta nghiên cứu công nghệ web hoặc thực sự tạo ứng dụng web, có những lúc chúng ta cần đến phần phụ trợ. Trong những trường hợp như vậy, bằng cách sử dụng Firebase, bạn có thể dễ dàng triển khai các dịch vụ như đăng ký thành viên, quản lý cơ sở dữ liệu, tải tệp lên và thông báo đẩy.
📌Hiểu được thuộc tính fallthrough, các thành phần động và không đồng bộ, các hàm có thể cấu hình, v.v. thông qua thực hành!
Thông qua khóa học, bạn có thể tìm hiểu nhiều công nghệ khác nhau cần thiết để tạo các ứng dụng web thực tế, chẳng hạn như Pinia (với cú pháp Setup Stores), Quasar, VueUse, Tiptap Editor và Algolia Search. Bạn có thể học cách sử dụng Vue3 trong thực tế, chẳng hạn như Dynamic Components, Async Components (thành phần không đồng bộ để tải chậm) và triển khai hàm Composables.
📌Chúng tôi sẽ giúp học sinh phát triển khả năng tự làm mọi việc. Bạn sẽ không bao giờ hối tiếc!
Bài giảng này không chỉ đơn thuần là bài giảng dạy cho bạn những kỹ thuật nhất định.
Làm thế nào để sử dụng Breakpoint và gỡ lỗi khi xảy ra lỗi?
Ngoài ra, phương pháp học tập khi tôi học một kỹ năng là gì?
Và bạn xem tài liệu chính thức như thế nào khi học Firebase?
Tôi sẽ chia sẻ những kinh nghiệm và suy nghĩ của mình trong bài giảng. Mục tiêu là trao cho học sinh khả năng tự mình làm mọi việc. Bạn sẽ cảm nhận được điều đó khi xem bài giảng này! Chúng tôi sẽ giải thích chi tiết và nhiều lần cách xem các văn bản chính thức để sinh viên có thể tự thực hiện ngay cả khi không có bài giảng. Để bạn có thể làm quen với nó!
Bạn sẽ học được gì 📚
Phần 0. Bắt đầu
Cùng nhau thiết lập môi trường phát triển và tạo một dự án
Mục 1. Thiết lập Trang & Bố cục Tự động
Thiết lập thư viện để có thể tự động thiết lập định tuyến Trang & Bố cục
Thiết lập thư viện và chia sẻ hiểu biết từ những người chia sẻ kiến thức
Phần 2. Tạo UI bằng Quasar
Bố cục web nhanh chóng và dễ dàng cùng đánh dấu giao diện người dùng cộng đồng bằng Quasar
sự khác biệt giữa router-link và router.push()
Cải thiện hiệu suất bằng cách sử dụng các thành phần động và không đồng bộ
Sử dụng các đối tượng tích hợp của Vue $attrs, $slots
Hiểu về thuộc tính Fallthrough và tùy chọn heirAttrs
Nhiều v-model, bố cục lồng nhau VueRouter
Phần 3. Bắt đầu với Firebase
Mô tả về các dịch vụ Firebase để sử dụng trong dự án của bạn và cách xem tài liệu chính thức
Tạo và cài đặt dự án Firebase
Mục 4. Xác thực Firebase
Đăng ký email, đăng nhập Google và quản lý thông tin người dùng bằng Firebase
Quản lý trạng thái người dùng bằng Pinia Setup Stores ngữ pháp
Chia sẻ phương pháp học tập của những người chia sẻ kiến thức
Phần 5. VueUse & Các hàm chung
Quản lý trạng thái không đồng bộ và duy trì trạng thái Pinia bằng thư viện VueUse
Xử lý lỗi cục bộ và toàn cục
Tạo Trình chỉnh sửa Tiptap (sử dụng nhiều Tiện ích mở rộng Tiptap khác nhau)
Phần 6. Firebase Cloud Firestore
Triển khai các tính năng cộng đồng và bình luận CRUD
Chia sẻ mẹo từ kinh nghiệm sử dụng Firebase của bạn, chẳng hạn như sự khác biệt giữa setDoc và addDoc
Triển khai các tính năng phức tạp hơn một chút như truy vấn, sắp xếp và xem thêm bài đăng
Mục 7. API Web & Cải tiến
Chức năng cuộn vô hạn sử dụng IntersectionObserver
Hiển thị thời gian tương đối bằng cách sử dụng Intl.RelativeTimeFormat
Tham số URL liên kết
Bảo vệ điều hướng và bảo mật máy khách
Triển khai các tính năng tăng lượt thích, đánh dấu và lượt xem
Mục 8. Lưu trữ Firebase
Tải lên hình ảnh lưu trữ Firebase trong Tiptap Editor
Sử dụng UUID và Image Resizer khi tải hình ảnh lên
Mục 9. Chức năng đám mây Firebase
Cài đặt Cloud Functions & Emulator
Triển khai các tính năng nâng cao bằng cách sử dụng các hàm
Kiểm tra cục bộ bằng Firebase Emulator
Hiển thị tác giả bài đăng và bình luận
Mục 10. Tìm kiếm Algolia
Cài đặt tiện ích mở rộng tìm kiếm Algolia
Ứng dụng dự án chức năng tìm kiếm Algolia
Mục 11. Quy tắc bảo mật và lưu trữ Firebase
Thiết lập quy tắc bảo mật Firebase
Triển khai lưu trữ Firebase
Tôi giới thiệu điều này cho những người này 🙋
Bất kỳ ai muốn học cách sử dụng Vue3 và phát triển thành một nhà phát triển!
Dành cho những ai muốn tạo ứng dụng web thực sự bằng Firebase!
Bất kỳ ai muốn tìm hiểu các công nghệ web, thư viện và công nghệ mới nhất cần thiết để tạo ứng dụng web!
Sau khi nghe bài giảng, bạn sẽ 😎
Bạn có thể tự tin sử dụng Vue3, chẳng hạn như dễ dàng tách các hàm có thể cấu hình.
Bạn có thể tạo và triển khai dịch vụ web của riêng mình bằng Firebase.
Bất kể bạn học công nghệ nào, bạn cũng sẽ có được khả năng tự học bằng cách tham khảo tài liệu chính thức.
Câu hỏi dự kiến Q&A 💬
H. Tôi có cần biết về Quasar Framework để tham gia khóa học này không?
KHÔNG :)
Bạn vẫn có thể tham gia khóa học ngay cả khi bạn không biết về Quasar Framework. Quasar được sử dụng như một công cụ để tạo ra giao diện cộng đồng. Chỉ cần xem bài giảng và làm theo một cách chậm rãi! Và đối với những ai chưa biết về chuẩn tinh, chúng tôi sẽ giải thích những kiến thức cơ bản trong suốt bài giảng. 🙂
Ngoài ra, bạn vẫn có thể tham gia lớp học ngay cả khi bạn không biết Quasar, nhưng họ nói rằng bạn sẽ thấy được nhiều nhất có thể, đúng không? Tất nhiên, nếu bạn biết về chuẩn tinh, tầm nhìn của bạn sẽ rộng hơn!
Sẽ rất hữu ích nếu bạn xem bài giảng miễn phí về Quasar trên kênh YouTube Jimcoding :)
H. Tôi có cần biết Firebase để tham gia khóa học này không?
KHÔNG :)
Khóa học này hướng dẫn bạn tìm hiểu về Firebase và xây dựng cộng đồng, do đó bạn có thể tham gia khóa học ngay cả khi không biết gì về Firebase. Khóa học này được thiết kế để giúp bạn phát triển như một nhà phát triển bằng cách không chỉ cung cấp những kiến thức cơ bản về Firebase mà còn hướng dẫn cách tự học bằng cách tham khảo tài liệu chính thức.
H. Tôi có cần biết Vue3 để tham gia khóa học không?
Vâng, đúng vậy :)
Bạn phải biết Vue3 để tham gia khóa học này. Liên kết bên dưới dẫn đến khóa học Vue3 mà tôi đã ra mắt. Nếu bạn thích khóa học sau khi xem các đánh giá về khóa học, chương trình giảng dạy và bài giảng mẫu, vui lòng cân nhắc tham gia khóa học. Cảm ơn bạn.
Xin chào, tôi là Jim Coding, người sáng tạo ra chương trình giáo dục lập trình. Tôi có một kênh YouTube tên là "GYM CODING" !
Nhiều bạn yêu thích khóa học Vue3 Complete Mastery mà chúng tôi đã ra mắt trước đây, vì vậy chúng tôi đã ra mắt khóa học Vue3 & Firebase Community, đây là khóa học hướng dẫn sử dụng Vue3! Cảm ơn bạn đã quan tâm đến bài giảng của tôi. Tôi sẽ đền đáp bạn bằng nội dung tốt hơn trong tương lai. 💪
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Vue3 Composition API là gì? Bạn muốn học cách sử dụng Vue3 Composition API một cách hiệu quả!
Firebase là nền tảng cơ bản để tạo ra trang web, bạn muốn học Firebase từ đầu!
Những người đã học lý thuyết nhưng gặp khó khăn khi thực sự tạo một trang web!
Bất kỳ ai muốn chia sẻ suy nghĩ và kinh nghiệm của mình và cùng nhau phát triển!
Tôi phải tạo một trang web cho dự án tốt nghiệp đại học của mình. Tôi đang phân vân không biết nên sử dụng View hay React. Tôi nghe nói rằng View có thể được phát triển nhanh chóng nên tôi đã tìm hiểu một cách mơ hồ và tìm hiểu về nó trên YouTube. Xem + Phần thực hành và tạo đồ án tốt nghiệp của mình. Mặc dù tôi đã thành công trong việc tiến bộ và kiếm được việc làm thông qua dự án, nhưng vẫn còn nhiều điều tôi chưa biết về View. Tôi rất hài lòng rằng mình sẽ có thể cải thiện kỹ năng học tập của mình. kiểm tra các câu hỏi và tài liệu chính thức thông qua bài giảng này. Chúng tôi mong muốn có nhiều bài giảng tuyệt vời hơn trong tương lai!
Khi mới bắt đầu lập trình, tôi cũng gặp rất nhiều khó khăn khi tự học! Tuy nhiên, sau khi tìm thấy một mô hình mà tôi có thể tự học, tôi nghĩ rằng tôi đã có được sự tự tin khi học bất kỳ công nghệ nào trong tương lai!
Thông qua bài giảng này, tôi muốn mang đến cho học sinh khả năng học hỏi không chỉ về mặt kỹ thuật mà còn cả khả năng tự học! Tôi rất cảm động vì bạn đã nhận ra khía cạnh này và hài lòng.
Cảm ơn bạn 💪
Thực sự... nói một cách dễ hiểu, đó là Chúa Jim. Tôi là kiểu người phải đi qua những phần khó hiểu, nhưng điều tôi thích nhất là sự chân thành khi họ giải thích đi giải thích lại mọi thứ, cũng như việc họ cho phép tôi không chỉ nhìn vào. nội dung chính nhưng cũng có những chi tiết nhỏ mà tôi có thể không biết, điều này càng mở rộng thêm kiến thức của tôi. Tôi đã nghĩ về điều đó từ những bài giảng trước, nhưng tôi rất biết ơn khi thấy lại lần này rằng họ đang nỗ lực cung cấp thông tin từ quan điểm của người mới bắt đầu đến quan điểm của một chuyên gia. Khi đến học viện, tôi bận cố gắng theo kịp, nhưng từ khi nghe bài giảng của Jim Coding, tôi đã học tập đàng hoàng! Mong thầy tiếp tục có những bài giảng hay ^^
Mình nghĩ đây là khóa học mình đã chuẩn bị tâm huyết và công sức hơn rất nhiều so với các bài giảng khác 🥹
Như tôi đã nói, nghĩ đến mỗi học sinh.
Từ quan điểm của người mới bắt đầu, nó thực sự dễ dàng và có thể lặp lại.
Ngoài ra, nội dung sâu sắc và nhiều thông tin nên có thể giúp ích rất nhiều cho những người trong lĩnh vực này!
Tôi rất cảm động bạn biết đấy 🙏
Cảm ơn bạn~!! 🙂
Tôi cũng thích bài giảng này!
Tôi bắt đầu nghe từng bài giảng của Jim Coding và tôi nghĩ bài giảng này cũng sẽ rất hữu ích và hữu ích trong thực tế. Các bài giảng rất thú vị và cách diễn đạt hay đến mức bạn có thể nghe mà không thấy chán.
Cảm ơn bạn đã làm việc chăm chỉ như mọi khi :-)
Tôi đã tham gia tất cả các khóa học Vue của Infron và hiện đang làm nhà phát triển giao diện người dùng Vue tại một nhà xuất bản. Tôi nghĩ đây có lẽ là bài giảng gần với thực tế nhất trong số các bài giảng về Vue2 và Vue3. Đây là lần đầu tiên tôi nghe bài giảng của Jim Coding và tôi có thể thấy dấu vết của nỗ lực giảng dạy tận tình hơn các giảng viên khác của anh ấy. Tôi nghe nói Quasar tốt hơn các framework khác, nhưng sau khi kết thúc bài giảng này, tôi sẽ cố gắng làm việc với bài giảng như một dự án phụ. Chúc bạn có nhiều bài giảng hay.
Dễ dàng và thuận tiện cho những người bắt đầu phát triển web
Tôi đang cố gắng tổ chức nó một cách có ý nghĩa cho những người trong lĩnh vực này.
Đó là bài giảng mà tôi đã nỗ lực rất nhiều và tôi rất cảm động khi bạn nhận ra nó 😭
Cảm ơn bạn đã nỗ lực kiên trì!
Cảm ơn bạn 💪
Cảm ơn bạn đã đăng bài giảng Vue3 quý giá. Không có nhiều bài giảng Vue3 nhưng tôi đã nghe bài giảng Vue3 của Jim Coding từ phần cơ bản đến phần thực hành! Sau khi nghe hết, đúng lúc tôi đang băn khoăn không biết còn gì nữa thì một bài giảng về cách sử dụng hiện ra và tôi đã trả tiền ngay lập tức haha! Đúng như dự đoán, tôi tin tưởng và lắng nghe bài giảng của Jim Coding View... Thật quý giá khi tìm được người dạy giỏi môn này nhưng tôi luôn tin tưởng và lắng nghe! Bạn có kế hoạch tải lên một bài giảng bổ sung không? Hahaha,,,