Serverless Angular, Material, Firebase and Google Cloud applications
summary
A personal training portal with 40,000 users demonstrates a full Google-stack build: Angular front end with Angular Material UI, AngularFire integration to Firestore (or Realtime DB), Cloud Functions for server logic, Firebase Hosting and CI/CD (Travis). Concrete takeaways include using RxJS observables and pure pipes to avoid extra reads, paying for Firestore requests, changing data models three times, and deploying rules, functions and hosting to production — the app runs in production after those steps.
AI-written summary · about
chapters (42)
- 0:00Intro
- 0:43Agenda
- 1:16About me
- 1:33Building the UI
- 2:28Installing Angular CLI
- 2:54Creating a project
- 3:16Creating modules
- 3:50Angular schematics
- 4:18Material components
- 5:16Responsiveness
- 6:09Course Detail
- 6:48Source Code
- 7:29Tablet
- 7:54Data
- 9:00Firebase
- 9:45Firebase services
- 10:15Setting up Firebase
- 10:40Firebase vs RealTime Database
- 11:55Firebase Development
- 12:42Firebase Configuration
- 14:48Firebase Modules
- 15:30Firebase API
- 17:25Authentication
- 17:39Authentication Providers
- 18:02Advanced Features
- 18:55Advanced Authentication
- 19:29Route Guards
- 20:01Firebase UI
- 20:14Firebase Functions
- 20:39Cloud Functions
- 20:55Cloud Functions Installation
- 21:24Cloud Functions TypeScript
- 21:55Console Log
- 22:16Rules
- 22:51Syntax highlighting
- 23:18Pipes
- 24:20Data modeling
- 25:23Production
- 25:48Travis
- 26:02Pull requests
- 26:43Custom domain
- 27:17Outro
related talks
51mServerless with Firebase in the wild
29mProgressive Web Apps with Angular and Firebase
58mEasy, scalable serverless backend for mobile/web app
15mAngularFire2 and you
22mBuilding Angular2 & Firebase application
02h 33mBuilding Modern Web Applications with Firebase
13mModern Angular deployment with Google Cloud
21mThe Best 20 Minute Angular & Firebase Video You’ll Ever See