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á

  • 하하호호님의 프로필 이미지
    하하호호

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    95% đã tham gia

    윈도우기반 응용프로그램 개발자인데 웹쪽으로는 개인적 스터디로 강의 들었습니다. 다양한 인증 관련해서 책 한권 사는 것 보다 훨씬 실무적인 내용이라 도움이 많이 되었네요!

    • 닭강정
      Giảng viên

      안녕하세요, 할수있다12님! 정말 감사하고 좋은 수강평 남겨주셔서 진심으로 감사드립니다. 인증 관련해서 실무적인 도움을 받으셨다는 말씀에 강의자로서 매우 큰 보람을 느낍니다. 앞으로도 웹 개발이라는 새로운 영역에서도 할수있다12님의 역량이 멋지게 발휘되기를 진심으로 응원합니다. 필요하시거나 궁금한 부분이 생기시면 언제든 편하게 문의 주세요! 다시 한 번 소중한 수강평에 감사드리며, 늘 건승하시길 바랍니다!

  • 이주영님의 프로필 이미지
    이주영

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • 닭강정
      Giảng viên

      소중한 의견 남겨주셔서 감사합니다. 강의가 유익하게 다가가셨기를 바라며, 관련하여 추가로 궁금하신 점이 있으시면 언제든 문의 부탁드립니다.

  • hdr.ecssh님의 프로필 이미지
    hdr.ecssh

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    13% đã tham gia

    • 닭강정
      Giảng viên

      수강해 주셔서 감사합니다! 유익한 강의가 되길 바라며, 열심히 학습하시길 응원하겠습니다! 😊

  • neobns.jwlee님의 프로필 이미지
    neobns.jwlee

    Đánh giá 20

    Đánh giá trung bình 4.8

    5

    31% đã tham gia

    왜 이제서야 .... 지금이라도 만난것이 행운입니다

    • 닭강정
      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

    14.030 ₫

    24%

    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!