강의

멘토링

커뮤니티

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

54 learners

Level Basic

Course period Unlimited

  • dakgangjung123
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Firebase
Firebase
Serverless
Serverless
TailwindCSS
TailwindCSS
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Firebase
Firebase
Serverless
Serverless
TailwindCSS
TailwindCSS

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

호호하하

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!

5.0

neobns.jwlee

31% enrolled

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

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

913

Learners

46

Reviews

58

Answers

4.6

Rating

7

Courses

Hello! I am a graduate of Sogang University's Computer Science and Engineering department, and I am currently preparing for graduate school.

I fell in love with programming in high school when I happened to start full-stack web development and automated trading using Python.

Since then, I have shared my skills and know-how through various projects and programming tutoring activities. Based on these experiences, I am striving to create lectures that make even those new to programming feel, "Wow, this can be so easy!"

I want to help you learn through practical examples and friendly explanations. Thank you.

Go to GitHub Repository (Click!)

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 26

    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!