Angular: Cloud-Powered Apps with Firebase

Learn how to use the JavaScript you mastered for front-end Angular development to build powerful applications with Firebase, a suite of tools from Google.

Introduction

• Structuring your apps for the cloud
• What you should know
• Using the exercise files

1. Setting Up Your Development Environment

• Installing tools and CLIs
• Generating an Angular application
• Overview of the Firebase console
• Configuring your web application

2. Firebase Authentication

• Firebase Authentication setup
• Creating users
• Displaying current user
• User logout
• User login
• Using Angular route guards

3. Storing and Syncing Data with Firebase Cloud Firestore

• Cloud Firestore intro
• Cloud Firestore setup
• Deploying security rules
• Creating documents
• Displaying user data
• Updating user documents

4. Storing Files with Firebase Cloud Storage

• Cloud Storage setup
• Cloud Storage security rules
• Profile image upload form
• Image uploads

5. Control Access with Custom Claims and Security Rules

• Firebase ID tokens
• Setting Firebase custom claims
• Admin interface: Route guards, part 1
• Admin interface: Route guards, part 2
• Admin interface: View user collection
• Admin interface: View user profile

6. Going Serverless with Firebase Cloud Functions

• Cloud Functions setup
• Cloud Functions: Email setup
• Cloud Functions: Authentication trigger

7. Control Access with Custom Claims and Security Rules

• Firebase Hosting setup
• Deploying your app

Conclusion

• Next steps