Angular: Cloud-Powered Apps with Firebase
2h 16mIntermediate2019-11-15
Authors
Victor Mejia
Senior UI Engineer and Instructor
Course details
Want to learn how to quickly build apps, without managing infrastructure? Firebase allows you to do exactly that. Backed by Google Cloud Platform and used by some of the largest apps today, Firebase is a suite of tools for building and scaling web applications. In this course, join Victor Mejia as he steps through how to build powerful applications with Firebase. To begin, he takes a look at the Firebase console and shows how you can manage different Firebase projects. Next, he covers how to use FirebaseAuth to add authentication to your application; store and sync data with Firebase Cloud Firestore; and deploy your app using Firebase Hosting. Plus, learn how to create your own serverless functions using Firebase Cloud Functions.
Learning objectives
Enabling authentication in the Firebase console
Storing and syncing data with Firebase Cloud Firestore
Displaying user data
Firebase Cloud Storage security rules
Controlling access with custom claims and security rules
Using the Firebase CLI to deploy your app
Using Cloud Functions
Learning objectives
Enabling authentication in the Firebase console
Storing and syncing data with Firebase Cloud Firestore
Displaying user data
Firebase Cloud Storage security rules
Controlling access with custom claims and security rules
Using the Firebase CLI to deploy your app
Using Cloud Functions
Skills covered
FirebaseAngularWeb Development ToolsDatabase DevelopmentFront-End Web DevelopmentDatabase ManagementGoogleSoftware Development ToolsWeb DevelopmentOpen SourceSoftware DevelopmentDeep Dive (X:Y)
Concepts
Introduction
- Structuring your apps for the cloud
- What you should know
- Using the exercise files
Setting Up Your Development Environment
- Installing tools and CLIs
- Generating an Angular application
- Overview of the Firebase console
- Configuring your web application
Firebase Authentication
- Firebase Authentication setup
- Creating users
- Displaying current user
- User logout
- User login
- Using Angular route guards
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
Storing Files with Firebase Cloud Storage
- Cloud Storage setup
- Cloud Storage security rules
- Profile image upload form
- Image uploads
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
Going Serverless with Firebase Cloud Functions
- Cloud Functions setup
- Cloud Functions - Email setup
- Cloud Functions - Authentication trigger
Control Access with Custom Claims and Security Rules
- Firebase Hosting setup
- Deploying your app
Conclusion
- Next steps