Angular and Firebase Online Training

This intermediate Angular and Firebase tutorial prepares software developers to use Angular and Firebase to track analytics and fix crashes.

If you're already using Google's TypeScript-based web application framework, Angular, and you're interested in building an app that also makes use of Firebase's robust database and killer back-end, then you're in luck! This course walks you through how to build an application in Angular using Firebase as the back-end to your development and maintenance.

Combining Angular with Firebase is only logical if you're already using one of them or want to code better, more stable apps and with this training you can get it right.

For anyone with software developers on their team, this open source training can be used to onboard new software developers, curated into individual or team training plans, or as an open source reference resource.

Angular and Firebase Tutorial: What You Need to Know

This Angular and Firebase tutorial has videos that cover programming best practices topics including:

Creating new users from the frontend and the backend
Connecting Angular to Firebase
Understanding endpoint security
Creating an entire Angular app with a Firebase backend

Who Should Take Angular and Firebase Training?

This Angular and Firebase tutorial is considered specialist-level open source training, which means it was designed for software developers. This JavaScript skills course is designed for software developers with three to five years of experience with programming best practices.

New or aspiring software developers. If you're a brand new developer, you should seriously consider learning how to develop with Angular and Firebase. Firebase is a development platform that helps you track analytics and automatically fixes your crashes while Angular is full of helpful features that make development a lot easier. This course will show you how to start your career off strong by integrating them both.

Experienced software developers. Software developers with a few years of experience should have already heard of Angular and Firebase and probably have a decent idea of their benefits. If you're on the fence about writing apps in Firebase with Angular, take this course and see not just how easy it is to use them together, but how many benefits you'll see in your development from doing so.

Skill:
Firebase Auth Basics with Angular
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Add Firebase Auth to Angular
  9 mins
- 4. Create Login and Home Pages
  10 mins
- 5. Log In and Log Out
  9 mins
- 6. Conclusion
  1 min
Skill:
Account Creation and Error Handling in Firebase
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Protect Pages from Unauthed Users
  17 mins
- 4. Auth Error Handling
  12 mins
- 5. Create New Accounts
  15 mins
- 6. Conclusion
  1 min
Skill:
Firebase Auth In Full-Stack Angular Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Back-end Firebase Setup
  20 mins
- 4. Display Firebase Auth User Data
  13 mins
- 5. Store Extra User Data
  12 mins
- 6. Conclusion
  1 min
Skill:
MEAN Stack Endpoint Security with Firebase Auth
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Send and Verify Firebase Auth Tokens
  15 mins
- 4. Create an Edit Info Page
  11 mins
- 5. Create Services for Auth Logic
  20 mins
- 6. Conclusion
  1 min
Skill:
Add Firebase Auth to Existing Angular Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Front-end Setup
  9 mins
- 4. Add a Login Page
  8 mins
- 5. Add a Create Account Page
  19 mins
- 6. Encapsulate Firebase Auth in a Service
  20 mins
- 7. Conclusion
  1 min
Skill:
Use Firebase Auth to Support Multiple Users
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Protect Application Pages
  8 mins
- 4. Rethink Data Structure to Support Multiple Users
  13 mins
- 5. Load User Data and Allow Logging Out
  11 mins
- 6. Use the User's ID in Server Requests
  14 mins
- 7. Conclusion
  1 min
Skill:
Create and Delete Users In Existing MEAN Stack Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Create New Users from the Front-end
  20 mins
- 4. Rethinking Our Create-Account Strategy
  8 mins
- 5. Create New Users from the Back-end
  13 mins
- 6. Delete User Accounts
  9 mins
- 7. Conclusion
  1 min
Skill:
Add Endpoint Security to Existing MEAN Stack Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Endpoint Security Basics
  10 mins
- 4. Protect GET Endpoints
  20 mins
- 5. Protect Endpoints with Express Middleware
  18 mins
- 6. Conclusion
  1 min
Skill:
MEAN Stack Firebase Auth Best-Practices
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Refactor Front-End Auth-Token Logic
  14 mins
- 4. Make Authed Requests Automatically
  15 mins
- 5. Automatic Auth with POST, PUT, and DELETE Requests
  18 mins
- 6. Conclusion
  1 min

Loading transcripts...

Rethinking Our Create-Account Strategy

Access all premium content with a free week!

Start a free week

Explore Features

Course overview

7 HOURS OF TRAINING

9 SKILLS

40 VIDEOS

0 VIRTUAL LABS

0 PRACTICE EXAMS

Shaun Wassell

Nugget trainer since 2021

Read the full bio

What is it like to train with us?

Our learners say it best.

Helps me learn the skills I need when I need them

THOMAS S. | SYSTEMS ENGINEER & CONSULTANT

Read Reviews

Angular and Firebase Tutorial FAQs: Cost, Training, Value

What exactly is Angular?

Angular is a popular, open source web application framework. Web application frameworks are like toolboxes for building websites. Angular comes with pre-built tools and structures that makes building dynamic single-page web applications fast, efficient and easy. Angular uses TypeScript, a programming language that was specifically developed to help coders write better JavaScript. Angular also comes with out-of-the-box advanced features with fancy-sounding names like data binding, dependency injection, and modularization.

What exactly is Firebase?

Firebase is a platform for developing and hosting mobile and web applications. Firebase comes with a range of services like authentication, real-time databases, hosting, storage and analytics – the sorts of tools and features that make an app more professional and easier to develop. Without the need to manage servers, it's fast and easy to integrate Firebase's services into a development cycle. Firebase makes apps safer, more robust and more scalable.

Who should take this Angular and Firebase tutorial?

The best audience for this Angular and Firebase tutorial are web developers, or anyone whose job includes web development skills. Modern frameworks and backend services are constantly evolving, and professional web developers who like to stay up to date should take this course. Even entrepreneurs and startup founders who hope to include or develop feature-rich web or mobile apps can expand their familiarity with backend management with this tutorial course.

Is this Angular and Firebase course associated with any certifications?

No, this is a skills-based tutorial on using Angular, Firebase and connecting their services for web development. In the world of web development, demonstrable skills and project portfolios tend to hold more sway in the hiring process than certifications. So rather than drill you on certain vocabulary or help you cram for an exam, this course focuses on hands-on experience with building apps and components with Angular and Firebase.

What does it mean to connect Angular to a Firebase database?

Connecting Angular to a Firebase database involves integrating a real-time Firebase database or Firestore service into an application being developed within Angular. That connection allows Angular to interact with Firebase and enable operations that involve reading or writing data to the database. There are libraries with Angular-specific Firebase bindings that help developers incorporate the functionality of their Firebase services with the Angular projects, making apps more responsive and development more efficient.

Related Courses

Angular Basics

Full-Stack Angular Development

Learn JavaScript Essentials

What is it like to train with us?

Our learners say it best.

Angular and Firebase Tutorial FAQs: Cost, Training, Value

Let's chat!