강의

멘토링

로드맵

Programming

/

Web Development

Firebase Series #1: Complete Guide to Social Login · Phone · Location Verification

🔥 Firebase User Authentication Completed with just HTML + Tailwind CSS + Pure JavaScript! From social login to phone and location verification, easily and quickly build an account system without a complex backend.

(5.0) 5 reviews

51 learners

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

Reviews from Early Learners

What you will learn!

  • Complete Account System Build using 4 Firebase Authentication Methods (Social, Phone, GPS Location-based, Email)

  • Quickly Apply Responsive Design using Tailwind CSS

  • Login State Management and Data Processing with Pure JavaScript

  • Improving Login UX! User-Friendly Authentication UI Design

Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform Course is finally open !
We ask for your interest and participation in this project that includes an AI recommendation system and Chinese character handwriting learning function 😊

Regular price 29,700 won Go to lecture now!

Is it possible to create a login system without a backend?

Most websites and apps require you to log in and sign up.
Firebase Authentication allows you to implement social login, mobile phone authentication, and even location authentication without a backend .

In this course, you will learn how to build a complete authentication system using HTML/CSS, TailwindCSS, JavaScript, Firebase, and Serverless .
Let's create a practical, real-world membership registration & login system that can be used in competitions, hackathons, and capstone projects !

No need for a complex backend. Now complete a powerful account system with just Firebase!

Features of this course

📌 Build a powerful user authentication system without a backend!
We provide practical know-how to quickly and easily implement social login, mobile phone authentication, and location-based authentication using Firebase Authentication.

📌 Immediately applicable to hackathons, competitions, and capstone projects!
We cover Firebase Security Rules, UI design, and data management to help you quickly develop an MVP (Minimum Viable Product).

📌 Focus on practice rather than theory! (10% theory + 90% practice)
Write and test your own code and verify how Firebase Authentication works in real projects .

📌 Optimized for elementary, middle, high school, and college student competitions & projects!
This is a hands-on course where you can learn how to quickly develop a prototype using Firebase and apply it in real-world situations.


Anyone who knows the basics of HTML and JavaScript can easily follow along!

Social login, mobile phone, location authentication! A complete guide to Firebase user authentication. Introductory video

I recommend this to these people

Backend development, how to do it?

Students and developers who know the basics of the web but want to implement membership registration and login functions themselves

Hackathon/Capstone Project
Anyone who wants to implement social login, mobile phone authentication, and location authentication quickly and easily with Firebase

Login system without backend
Anyone who wants to build a Firebase authentication system using only HTML, CSS, and JavaScript without React or Node.js

After taking this class, you can do things like this!

  • You can create and utilize your own login system with Firebase.

  • You will gain the skills to implement social login, mobile phone authentication, and location authentication, and apply them to real services.

  • You can create an authentication system that takes security and performance into account.

  • You can set up Firebase Security Rules and build a secure user authentication system.


  • You can develop web services using only Firebase, without React or Node.js.

  • You can implement a complete login/signup function using only HTML, CSS, and JavaScript. 🚀

Learn about these things.

Firebase: Email Authentication, User Management

Email authentication in Firebase Authentication may seem simple, but if security and scalability are not taken into consideration, it can be difficult to operate a stable service.

In this lecture, we will go beyond implementing a simple email login .

Covers everything from setting up security, managing user data, to practical Firebase authentication strategies .

Firebase: Mobile phone authentication, OTP security

Firebase phone authentication is a faster and easier way to log in than email . But is simply sending and entering an OTP enough?

Automated attack defense using reCAPTCHA authentication!
Learn how to implement more secure and efficient mobile phone authentication!

Firebase: Google Authenticator TOTP Authentication

You can further enhance security by adding TOTP authentication based on Google Authenticator to Firebase Authentication.

In this lecture, we will go beyond implementing a simple email login.
Learn how to build a more secure authentication system, from setting up TOTP-based two-step authentication (2FA) to integrating Google Authenticator and verifying codes .

Firebase: GPS-based location authentication

You can enhance security by adding location-based authentication to Firebase Authentication.

In this tutorial, you will learn how to use the Navigator Geolocation API to determine a user's location, use Leaflet.js to set an authenticated area, and only allow logins within a specified area , thereby building a more secure location-based authentication system.

Things to note before taking the class

Practice environment

  • The lecture explains based on Windows 10. Development is perfectly possible in other OS environments as well!

  • In this course we will use Visual Studio Code.

Learning Materials

  • Notion provides links to GitHub!

Player Knowledge and Notes

  • Basic HTML tags (h1 ~ h6, input, etc.)

    ) tag

  • If you understand async await, that's great!

  • javascript variable, function declaration

Recommended for
these people

Who is this course right for?

  • People who want to build a login system without a backend

  • Web developer who wants to experience practical projects using Firebase Authentication

  • Those who want to build their own portfolio website including sign-up and login features

  • Elementary, Middle, High School, University Student Competitions, Capstone Projects - For those wanting to quickly build an authentication system

Need to know before starting?

  • Basic HTML tags

  • How to create JavaScript variables and functions

Hello
This is

526

Learners

29

Reviews

51

Answers

4.8

Rating

6

Courses

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

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

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

 

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

 

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

Curriculum

All

39 lectures ∙ (6hr 47min)

Published: 
Last updated: 

Reviews

All

5 reviews

5.0

5 reviews

  • openuriz님의 프로필 이미지
    openuriz

    Reviews 2

    Average Rating 5.0

    5

    33% enrolled

    • 닭강정
      Instructor

      안녕하세요. openuriz님. 소중한 별점 남겨주셔서 감사합니다. 덕분에 다음 강의를 준비하는 데 큰 힘이 됩니다. 앞으로도 학습에 많은 도움이 되길 바랍니다!

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

    Reviews 3

    Average Rating 5.0

    5

    95% enrolled

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

    • 닭강정
      Instructor

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

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

    Reviews 2

    Average Rating 5.0

    5

    31% enrolled

    • 닭강정
      Instructor

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

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

    Reviews 3

    Average Rating 5.0

    5

    13% enrolled

    • 닭강정
      Instructor

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

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

    Reviews 23

    Average Rating 4.3

    5

    31% enrolled

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

    • 닭강정
      Instructor

      안녕하세요. neobns.jwlee님! 이제라도 만나게 되어 정말 다행입니다! 앞으로도 함께 좋은 경험을 쌓아가길 바라며, 많은 도움이 되길 바랍니다. 소중한 수강평 감사합니다!

Limited time deal ends in 5 days

$14,030.00

24%

$15.40

dakgangjung123's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!