Google Authentication with Firebase 9 & 10 | No Framework, Just JavaScript скачать в хорошем качестве

Google Authentication with Firebase 9 & 10 | No Framework, Just JavaScript

Code from this tutorial: https://github.com/kpDemos/googleAuth In this video, I’ll walk you through how to add Google sign-in to a simple HTML web page using Firebase Authentication—all with just vanilla JavaScript (no React, no Vue, no frameworks). It’s a beginner-friendly, so we’ll keep it simple and to the point—just logging in, signing out, and displaying the user’s name and email. What’s in this video? Setting up Firebase Authentication Writing clean, minimal JavaScript for sign-in & sign-out Using Firebase’s CDN version (no setup headaches) Handling authentication state changes properly Grabbing user data (name & email) and displaying it This isn’t a deep dive into Firebase security or front-end frameworks—just a straightforward, practical tutorial to help you get authentication working without unnecessary complexity. If you found this useful, feel free to subscribe for more web development and creative tech content. 📌 Chapters: 00:00 - Intro & What We’re Building 01:40 - Setting Up Live Server 02:24 - Writing the HTML Structure 04:31 - Setting up Firebase SDK 08:44 - Importing Firebase functionality 10:50 - Google Sign-In and Sign-out functions 23:11 - Handling Authentication State Changes 25:44 - Adding event listeners and testing with live server 33:13 - Displaying User Info (Name & Email) 38:20 - Final Thoughts #Firebase #JavaScript #GoogleAuth #WebDevelopment #NoFramework #CodingTutorial