building realtime apps with · a firebase backend to a simple mg-jar app. wire up a backend deep...
TRANSCRIPT
![Page 1: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/1.jpg)
Building Realtime Apps with&
Anant Narayanan
![Page 2: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/2.jpg)
Overview
What is Firebase?
Role of a backend in Angular
Building a realtime app
![Page 3: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/3.jpg)
Overview
What is Firebase?
Role of a backend in Angular
Building a realtime app
A special announcement!
![Page 4: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/4.jpg)
Evolution of Web Apps
![Page 5: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/5.jpg)
Evolution of Web Apps
DHTML
![Page 6: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/6.jpg)
Evolution of Web Apps
DHTML
![Page 7: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/7.jpg)
Evolution of Web Apps
DHTML
![Page 8: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/8.jpg)
Evolution of Web Apps
![Page 9: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/9.jpg)
Evolution of Web Apps
Data Centers
![Page 10: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/10.jpg)
Evolution of Web Apps
Data Centers
![Page 11: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/11.jpg)
Evolution of Web Apps
Data Centers
![Page 12: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/12.jpg)
![Page 13: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/13.jpg)
The Realtime Application Platform
API to store and sync data in realtime
Simple Login service to authenticate users
Flexible security system for your data
![Page 14: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/14.jpg)
2-way Data Binding
![Page 15: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/15.jpg)
3-way Data Binding
![Page 16: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/16.jpg)
3-way Data Binding
![Page 17: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/17.jpg)
3-way Data Binding
![Page 18: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/18.jpg)
![Page 19: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/19.jpg)
![Page 20: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/20.jpg)
![Page 21: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/21.jpg)
![Page 22: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/22.jpg)
HOSTING
![Page 23: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/23.jpg)
HOSTING
![Page 24: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/24.jpg)
HOSTING
![Page 26: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/26.jpg)
HOSTING• Hosting for your app and static assets at
firebaseapp.com
• Available TODAY
![Page 27: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/27.jpg)
HOSTING• Hosting for your app and static assets at
firebaseapp.com
• Available TODAY
• All for the low price of
![Page 28: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/28.jpg)
HOSTING• Hosting for your app and static assets at
firebaseapp.com
• Available TODAY
• All for the low price of
• Deploying your Angular app has never been easier!
![Page 29: Building Realtime Apps with · a firebase backend to a simple Mg-jar app. Wire up a Backend Deep Linking A dæp link reflects where user is in the app, this is useful so users can](https://reader035.vdocuments.mx/reader035/viewer/2022070720/5ee01324ad6a402d666b53f0/html5/thumbnails/29.jpg)
Learn More
firebase.com/angular
• Static Asset Hosting
• Simple Login
• Angular Starter Pack
• Yeoman Integration
• Dart
• And more… !
@Firebase