React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで
gymcoding
React を初めて学習しますか? この講座で React の基礎を学び、LinCanvas プロジェクトを通じて実務経験を積んでください。そうすれば、自信を持ってフロントエンド開発者として就職できます!
Cơ bản
React, react-query, react-router
BEST
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) 46 đánh giá
288 học viên
실습 중심
뷰
vue
quasar
vue.js
풀스택
firebase
Vue.js
Firebase
Quasar
Vue 3
algolia
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
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.
.png?w=960)
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..."
 (1).png?w=960)
Đó 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.
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
25,197
Học viên
1,443
Đánh giá
642
Trả lời
4.9
Xếp hạng
17
Các khóa học
안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
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ả
46 đánh giá
5.0
46 đánh giá
dmb050087997Đánh giá 5
∙
Đánh giá trung bình 5.0
5
11% đã tham gia大学卒業作品プロジェクトでウェブページを作らなければならなかったが、ビューを使うかリエクトを使うのか悩んでいる。進行とそのプロジェクトで就職に成功したが、まだビューについて知らない点が多かったが、今回講義を通じて気になる部分や公式文書を確認し、勉強できる能力をさらに育てることができると思います。これからもさらに良い講義をお待ちしております！
- gymcodingGiảng viên
私もプログラミングを始めたときに一人で勉強するのに多くの困難がありました！さて、自分で学習できるパターン？ 今回の講義を通じて受講生の方々に技術的なことはもちろん、自分で学習できる力を抱きしめたかったのです！こういう部分を知ってくれてまた満足してたなんてとても感慨無量ですね🥹 ありがとうございます💪
- leehyesu955241
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
24% đã tham gia本当に..一言でガドジムです。一番良かったです。現業者の視線まで時間をかけて鼓楼お知らせいただくことが今回も如実に見せてくれてありがとうございました。
- gymcodingGiảng viên
他の講義より本当に気にして、大変に準備していた講義のようです 🥹 受講生の方一人一人考えておっしゃったように 初心者の立場で本当に簡単で繰り返し また、現業者の方々に多くのお手伝いをさせて頂けるよう、内容は深く充実！ 知っておくと感動無量ですね🙏 ありがとう〜！ 🙂
- hiperbono4518
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
52% đã tham gia今回の講義もいいですね！ ジムコーディング様の講義を一つずつ聞き始めましたが、今回の講義を聞くと役に立つことが多く、実務でも役に立つことができるようです。講義も面白く、辞書もとても好きで退屈しないように聞くことができます。 いつもお疲れ様でした :-)
- gymcodingGiảng viên
うわー！誠意をこめて受講していただきありがとうございます🙂💪
- gichulroh6344
Đánh giá 14
∙
Đánh giá trung bình 4.7
5
52% đã tham giaインフラ内のVue川のすべてが受講し、パブリッシャーで現在の実務でVueフロントエンド開発者として活動しています。おそらくVue2、Vue3講義の中で実務級に最も近い講義だと思います。ジムコーディングさんの講義は初めて受講することになりましたが、他の講義者よりももっと親切に教えようと努力した痕跡が随所に見えます。 Quasarが身につけたフレームワークよりも大丈夫だということは聞きましたが、本講義を聞いて私もサイドプロジェクトで本講義のスタックを中心に進めてみなければなりません。どうぞよろしくお願いいたします。
- gymcodingGiảng viên
Web開発を始める人のために簡単 現業でお持ちの方のために充分に整理しよう 本当に頑張った講義なんですが、わかってくださると感慨無量です😭 頑張って苦労しました！ ありがとうございます💪
- e12402508
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
20% đã tham gia貴重なVue3講義をありがとうございましたㅎㅎvue3講義がたくさんありませんが、その中でジムコーディング様vue3講義の基本編から実戦編までみな聞きました！みんな聞いてああもっとアンナオナする時頃こんなに活用法講義が出てすぐに決済しましたｗｗ！やっぱり信じて聞くジムコーディングビュー講義.. とても大切ですよ こんなによく教えている方探すのは簡単ではないのに常に信じて聞いています！もし.. nuxt講義はアップロードするつもりはありませんか？ㅎㅎ
- gymcodingGiảng viên
私の講義を大切にしていただきありがとうございます!!😃 Nuxt講義もできるだけ早く準備してみましょう！ 💪 ありがとうございます🙂
3.462.076 ₫
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!
![[最新]Vue川の終わりの王：Nuxt 3完璧マスターHì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)
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!
![企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]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)
![Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?f=avif&w=420)
![[2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - JavascriptHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/326587/cover/693e60ce-0430-43df-a2fa-035eb4f8ab88?f=avif&w=420)