강의

멘토링

커뮤니티

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

52 learners

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

Reviews from Early Learners

What you will gain after the course

  • 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

729

Learners

32

Reviews

57

Answers

4.7

Rating

7

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

    • dakgangjung123
      Instructor

      Hello, openuriz. Thank you for leaving such a valuable star rating. Thanks to you, it gives me great strength in preparing the next lecture. I hope it will be of great help to your learning going forward!

  • doit12님의 프로필 이미지
    doit12

    Reviews 3

    Average Rating 5.0

    5

    95% enrolled

    I'm a Windows-based application developer, but I took lectures on the web side as a personal study. The content regarding various authentication was much more practical than buying a book, which was very helpful!

    • dakgangjung123
      Instructor

      Hello, 할수있다12! Thank you so much for leaving such a truly grateful and good course review. As the instructor, I feel a deep sense of reward hearing that you received practical help regarding authentication. I sincerely hope that 할수있다12's skills will shine wonderfully in the new area of web development in the future as well. If you need anything or have any questions, please feel free to contact me anytime! Thank you once again for your valuable course review, and I wish you always the best!

  • dlwndud25068067님의 프로필 이미지
    dlwndud25068067

    Reviews 3

    Average Rating 5.0

    5

    31% enrolled

    • dakgangjung123
      Instructor

      Thank you for leaving your valuable feedback. We hope the lecture was beneficial, and please feel free to contact us anytime if you have any further questions.

  • hdrecssh2075님의 프로필 이미지
    hdrecssh2075

    Reviews 3

    Average Rating 5.0

    5

    13% enrolled

    • dakgangjung123
      Instructor

      Thank you for taking the course! I hope it's an informative lecture, and I'll be cheering you on as you study hard! 😊

  • neobnsjwlee0121님의 프로필 이미지
    neobnsjwlee0121

    Reviews 25

    Average Rating 4.3

    5

    31% enrolled

    Why now... It's lucky that we met even now.

    • dakgangjung123
      Instructor

      Hello, neobns.jwlee! I'm so glad to have finally met you! I hope we can continue to build great experiences together in the future, and I hope I can be of great help. Thank you for your valuable review!

$15.40

dakgangjung123's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!