강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

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.!

(5.0) 47 đánh giá

294 học viên

  • gymcoding
실습 중심
vue
quasar
vue.js
풀스택
firebase
Vue.js
Firebase
Quasar
Vue 3
algolia

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • 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 :)

Liên kết YouTube bài giảng miễn phí của Quasar

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.


Lộ trình khóa học 📢

Tôi khuyên bạn nên học theo thứ tự sau!


Với Jim Coding
Học lập trình thực tế 💪

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!

Cần biết trước khi bắt đầu?

  • HTML, CSS

  • JavaScript

  • Vue3

Xin chào
Đây là

26,269

Học viên

1,577

Đánh giá

663

Trả lời

4.9

Xếp hạng

18

Các khóa học

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.

감사합니다.

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

Chương trình giảng dạy

Tất cả

68 bài giảng ∙ (16giờ 38phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

47 đánh giá

5.0

47 đánh giá

  • dmb050087997님의 프로필 이미지
    dmb050087997

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    11% đã tham gia

    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!

    • gymcoding
      Giảng viên

      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 💪

  • leehyesu955241님의 프로필 이미지
    leehyesu955241

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    24% đã tham gia

    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 ^^

    • gymcoding
      Giảng viên

      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~!! 🙂

  • hiperbono4518님의 프로필 이미지
    hiperbono4518

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    52% đã tham gia

    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 :-)

    • gymcoding
      Giảng viên

      Ôi~! Cảm ơn bạn đã để lại đánh giá chân thành về khóa học 🙂💪

  • gichulroh6344님의 프로필 이미지
    gichulroh6344

    Đánh giá 14

    Đánh giá trung bình 4.7

    5

    52% đã tham gia

    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.

    • gymcoding
      Giảng viên

      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 💪

  • e12402508님의 프로필 이미지
    e12402508

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    20% đã tham gia

    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,,,

    • gymcoding
      Giảng viên

      Cảm ơn bạn đã xem xét bài giảng của tôi!!😃 Mình sẽ cố gắng chuẩn bị bài giảng Nuxt trong thời gian sớm nhất! 💪 Cảm ơn bạn 🙂

3.459.842 ₫

Khóa học khác của gymcoding

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!