How to Connect Firebase Auth to an Angular App

In this video, CBT Nuggets trainer Shaun Wassell covers integrating Firebase Auth into your Angular code. This video is for beginner coders - all you need to know is how to create a new Angular project and how to add pages to it, (plus what authentication is and why you need it). This video is just one part of the complete Angular and Firebase training course: training.cbt.gg/lyi.
An application without authentication is an app that invites hacks and unwanted visitors. A simple log-in page can prevent unregistered users from accessing your app or any of your precious data. And a robust check-out page means secure purchases or interactions with your customers.
The platform your project runs on is called an app in Firebase. Shaun shows how to set up and register your web app so that Angular knows what platforms it will be servicing. Then, after registering your app, preparing your code for authentication is as easy as copying and pasting the API key information code snippet. If this video gave you a taste for how easy it is to implement authentication in an Angular app, watch the rest of the videos in the Angular and Firebase series at CBT Nuggets: training.cbt.gg/lyi.
00:00 - Introduction to Firebase Auth in an Angular app
00:15 - The kinds of pages that need authentication
01:10 - The pages you'll need to integrate Firebase Auth
01:30 - Generating a new Angular app
02:05 - The difference between Apps and Projects in Angular
03:00 - Adding Firebase to your web app
05:20 - Installing the right packages and modules for your authentication
08:45 - The list of modules necessary to run Firebase Auth
09:00 - What's next
Watch this entire Angular and Firebase course: training.cbt.gg/lyi
Not a CBT Nuggets subscriber? Start your free week: www.cbtnuggets.com/signup
More about Shaun & check out his other courses: www.cbtnuggets.com/trainers/s...
Join our Team and Apply to Become a Trainer Today: training.cbt.gg/sv6
-----------------
Connect with CBT Nuggets for the latest in IT training:
• Twitter - / cbtnuggets
• Facebook - / cbtnuggets
• Instagram - / cbtnuggets
• LinkedIn - / cbt-nuggets
#angular #firebaseauth #angularfire #ittraining #cbtnuggets

[@V-post]

Thank you for explaining the /compat. There arent a lot of tutorials out there right now that awknowlege the change.

[@witmentality5910]

im wondering whats the difference between this and doing it in cli

[@cgreenfield6285]

Saved my day. Thx.

[@jhonmasco1366]

hi, i got this error when I press the gmail button: ERROR FirebaseError: Firebase: Error (auth/argument-error). What is wrong?

[@AjayKumar-fd9mv]

Thanks

[@pkplaypal]

Do you have source code for this

[@jamesyu6385]

in my angular 16 app, @angular/fire is not installing... saying npm ERR! Found: @angular/common@16.2.0-next.2. thanks.

[@SirTrojax]

try this "npm install @angular/fire firebase"