Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Firebase Series #1: Hướng dẫn đầy đủ về Đăng nhập xã hội, Điện thoại và Xác thực vị trí

🔥 Xác thực người dùng Firebase, hoàn thành chỉ với HTML + Tailwind CSS + JavaScript thuần túy! Đến cả đăng nhập xã hội·điện thoại·xác thực vị trí, xây dựng hệ thống tài khoản dễ dàng và nhanh chóng mà không cần backend phức tạp.

(5.0) 5 đánh giá

44 học viên

  • dakgangjung123
로그인
인증
HTML/CSS
JavaScript
Firebase
Serverless
TailwindCSS

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

Dịch cái này sang tiếng Việt

  • Hoàn thiện hệ thống tài khoản với 4 loại xác thực Firebase: Xã hội, Điện thoại, Vị trí GPS, Email

  • Tailwind CSS로 반응형 디자인을 빠르게 적용하는 법

  • Quản lý trạng thái đăng nhập và xử lý dữ liệu bằng JavaScript thuần túy

  • Cải thiện UX Đăng nhập! Phương pháp thiết kế UI xác thực thân thiện với người dùng

Firebase Series #2: Khóa học về nền tảng học chữ viết tay và đề xuất chữ Hán bằng AI cuối cùng đã mở !
Chúng tôi mong bạn quan tâm và tham gia vào dự án này bao gồm hệ thống đề xuất AI và chức năng học chữ viết tay chữ Hán 😊

Giá thông thường 29.700 won Tham gia bài giảng ngay!

Có thể tạo hệ thống đăng nhập mà không cần phần phụ trợ không?

Hầu hết các trang web và ứng dụng đều yêu cầu bạn đăng nhập và đăng ký.
Xác thực Firebase cho phép bạn triển khai đăng nhập bằng mạng xã hội, xác thực qua điện thoại di động và thậm chí xác thực vị trí mà không cần phần phụ trợ .

Trong khóa học này, bạn sẽ học cách xây dựng một hệ thống xác thực hoàn chỉnh bằng HTML/CSS, TailwindCSS, JavaScript, Firebase và Serverless .
Hãy cùng tạo ra một hệ thống đăng ký và đăng nhập thành viên thực tế, có thể sử dụng trong các cuộc thi, hackathon và dự án tốt nghiệp !

Không cần phần quản lý phức tạp. Bây giờ, hãy hoàn thiện hệ thống tài khoản mạnh mẽ chỉ với Firebase!

Các tính năng của khóa học này

📌 Xây dựng hệ thống xác thực người dùng mạnh mẽ mà không cần phần phụ trợ!
Chúng tôi cung cấp bí quyết thực tế để triển khai nhanh chóng và dễ dàng đăng nhập bằng mạng xã hội, xác thực điện thoại di động và xác thực dựa trên vị trí bằng Xác thực Firebase.

📌 Áp dụng ngay cho các cuộc thi hackathon, cuộc thi và dự án tốt nghiệp!
Chúng tôi đề cập đến Quy tắc bảo mật Firebase, thiết kế UI và quản lý dữ liệu để giúp bạn nhanh chóng phát triển MVP (Sản phẩm khả thi tối thiểu).

📌 Tập trung vào thực hành hơn là lý thuyết! (10% lý thuyết + 90% thực hành)
Viết và kiểm tra mã của riêng bạn và xác minh cách Xác thực Firebase hoạt động trong các dự án thực tế .

📌 Được tối ưu hóa cho các cuộc thi & dự án của học sinh tiểu học, trung học cơ sở, trung học phổ thông và đại học!
Đây là khóa học thực hành, nơi bạn có thể học cách phát triển nhanh chóng nguyên mẫu bằng Firebase và áp dụng vào các tình huống thực tế.


Bất kỳ ai biết kiến ​​thức cơ bản về HTML và JavaScript đều có thể dễ dàng theo dõi!

Đăng nhập bằng mạng xã hội, điện thoại di động và xác thực vị trí! Video giới thiệu hướng dẫn đầy đủ về xác thực người dùng Firebase

Tôi giới thiệu điều này cho những người này

Phát triển phần mềm backend, thực hiện như thế nào?

Sinh viên và nhà phát triển biết những kiến ​​thức cơ bản về web nhưng muốn tự triển khai chức năng đăng ký thành viên và đăng nhập

Hackathon/Dự án Capstone
Bất kỳ ai muốn triển khai đăng nhập xã hội, xác thực điện thoại di động và xác thực vị trí một cách nhanh chóng và dễ dàng với Firebase

Hệ thống đăng nhập không có phần phụ trợ
Bất kỳ ai muốn xây dựng hệ thống xác thực Firebase chỉ sử dụng HTML, CSS và JavaScript mà không cần React hoặc Node.js

Sau khi học lớp này, bạn có thể làm những việc như thế này!

  • Bạn có thể tạo và sử dụng hệ thống đăng nhập của riêng mình với Firebase.

  • Bạn sẽ có được các kỹ năng để triển khai đăng nhập bằng mạng xã hội, xác thực điện thoại di động và xác thực vị trí, đồng thời áp dụng chúng vào các dịch vụ thực tế.

  • Bạn có thể tạo một hệ thống xác thực có tính đến bảo mật và hiệu suất.

  • Bạn có thể thiết lập Quy tắc bảo mật Firebase và xây dựng hệ thống xác thực người dùng an toàn.


  • Bạn có thể phát triển dịch vụ web chỉ bằng Firebase, không cần React hoặc Node.js.

  • Bạn có thể triển khai chức năng đăng nhập/đăng ký hoàn chỉnh chỉ bằng HTML, CSS và JavaScript. 🚀

Tìm hiểu về những điều này.

Firebase: Xác thực email, Quản lý người dùng

Xác thực email trong Firebase Xác thực có vẻ đơn giản, nhưng nếu không xem xét đến tính bảo mật và khả năng mở rộng, việc vận hành một dịch vụ ổn định có thể gặp khó khăn.

Trong bài giảng này, chúng ta sẽ đi sâu hơn vào việc triển khai chức năng đăng nhập email đơn giản .

Bao gồm mọi thứ từ thiết lập bảo mật, quản lý dữ liệu người dùng đến các chiến lược xác thực Firebase thực tế.

Firebase: Xác thực điện thoại di động, bảo mật OTP

Xác thực qua điện thoại Firebase là cách đăng nhập nhanh hơn và dễ dàng hơn so với email . Nhưng liệu chỉ cần gửi và nhập mã OTP có đủ không?

Phòng thủ tấn công tự động bằng xác thực reCAPTCHA!
Tìm hiểu cách triển khai xác thực điện thoại di động an toàn và hiệu quả hơn!

Firebase: Xác thực TOTP của Google Authenticator

Bạn có thể tăng cường bảo mật hơn nữa bằng cách thêm xác thực TOTP dựa trên Google Authenticator vào Firebase Authentication.

Trong bài giảng này, chúng ta sẽ đi sâu hơn vào việc triển khai chức năng đăng nhập email đơn giản.
Tìm hiểu cách xây dựng hệ thống xác thực an toàn hơn, từ thiết lập xác thực hai bước dựa trên TOTP (2FA) đến tích hợp Google Authenticator và xác minh mã .

Firebase: Xác thực vị trí dựa trên GPS

Bạn có thể tăng cường bảo mật bằng cách thêm xác thực dựa trên vị trí vào Xác thực Firebase.

Trong hướng dẫn này, bạn sẽ học cách sử dụng Navigator Geolocation API để xác định vị trí của người dùng, sử dụng Leaflet.js để thiết lập khu vực xác thực và chỉ cho phép đăng nhập trong khu vực được chỉ định , do đó xây dựng hệ thống xác thực dựa trên vị trí an toàn hơn.

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành

  • Bài giảng dựa trên Windows 10. Việc phát triển hoàn toàn có thể thực hiện trên các môi trường hệ điều hành khác!

  • Trong khóa học này chúng ta sẽ sử dụng Visual Studio Code.

Tài liệu học tập

  • Notion cung cấp liên kết tới GitHub!

Kiến thức và ghi chú của người chơi

  • Thẻ HTML cơ bản (h1 ~ h6, input, v.v.)

    ) nhãn

  • Nếu bạn hiểu async await thì thật tuyệt!

  • biến javascript, khai báo hàm

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai muốn tạo hệ thống đăng nhập mà không cần backend

  • Nhà phát triển web muốn trải nghiệm dự án thực tế sử dụng Firebase Authentication

  • Những ai muốn tự tay xây dựng website portfolio có tích hợp chức năng đăng ký/đăng nhập

  • Những người muốn nhanh chóng xây dựng hệ thống xác thực trong các cuộc thi và đồ án tốt nghiệp của học sinh, sinh viên

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

  • Các thẻ HTML cơ bản

  • Cách tạo biến, hàm JavaScript

Xin chào
Đây là

424

Học viên

25

Đánh giá

44

Trả lời

5.0

Xếp hạng

5

Các khóa học

안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.

고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.

그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.

 

실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.

 

GitHub 저장소 바로가기 (클릭!)

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

Tất cả

39 bài giảng ∙ (6giờ 47phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

  • doit12님의 프로필 이미지
    doit12

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    95% đã tham gia

    Windowsベースのアプリケーション開発者ですが、Webに関しては個人的な勉強のために講座を受講しました。様々な認証に関して、本を1冊買うよりもはるかに実践的な内容だったので、とても参考になりました!

    • dakgangjung123
      Giảng viên

      こんにちは、할수있다12様! この度は誠にありがとうございます。そして、素晴らしいレビューを残していただき、心より感謝申し上げます。 認証に関する実務的なお役に立てたとのこと、講師として大変光栄に存じます。これからもウェブ開発という新たな分野で、할수있다12様の能力が素晴らしく発揮されるよう、心より応援しております。何かご不明な点や必要なことがございましたら、いつでもお気軽にお問い合わせください! 改めて貴重なレビューに感謝申し上げます。末永いご健勝をお祈りしております!

  • dlwndud25068067님의 프로필 이미지
    dlwndud25068067

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • dakgangjung123
      Giảng viên

      貴重なご意見をいただき、ありがとうございます。講座がお役に立てましたら幸いです。関連して追加でご不明な点がございましたら、いつでもお問い合わせください。

  • hdrecssh2075님의 프로필 이미지
    hdrecssh2075

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    13% đã tham gia

    • dakgangjung123
      Giảng viên

      ご受講ありがとうございます!有益な講義になることを願っております。熱心に学習されることを応援しています!😊

  • neobnsjwlee0121님의 프로필 이미지
    neobnsjwlee0121

    Đánh giá 20

    Đánh giá trung bình 4.8

    5

    31% đã tham gia

    なぜ今頃になって…。 今からでも出会えたことが幸運です。

    • dakgangjung123
      Giảng viên

      こんにちは。neobns.jwleeさん!今からでもお会いできて本当に嬉しいです!これからも一緒に良い経験を積んでいけることを願っていますし、たくさん 도움이 되길 바랍니다. 貴重なレビューありがとうございます!

  • openuriz님의 프로필 이미지
    openuriz

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    33% đã tham gia

    Ưu đãi có thời hạn, kết thúc sau 2 ngày ngày

    1.842 ₫

    21%

    417.884 ₫

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

    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!