Upload File

building realtime apps with · a firebase backend to a simple mg-jar app. wire up a backend deep...

  • Home
  • Documents
  • 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
29
Building Realtime Apps with & Anant Narayanan

Upload: others

Post on 03-Jun-2020

2 views

Category:

Documents


0 download

Report

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

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

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

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

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

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

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

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

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

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

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

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
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

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

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

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

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

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
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
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
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
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

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

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

HOSTING

Page 25: 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

HOSTING• Hosting for your app and static assets at

firebaseapp.com

http://firebaseapp.com
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

HOSTING• Hosting for your app and static assets at

firebaseapp.com

• Available TODAY

http://firebaseapp.com
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

HOSTING• Hosting for your app and static assets at

firebaseapp.com

• Available TODAY

• All for the low price of

http://firebaseapp.com
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

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!

http://firebaseapp.com
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

Learn More

firebase.com/angular

• Static Asset Hosting

• Simple Login

• Angular Starter Pack

• Yeoman Integration

• Dart

• And more… !

@Firebase

http://firebase.com/angular

acSequencer - UCF Department of EECS...Google Firebase. SQL vs Firebase. Firebase Firebase layout Firebase layout cont. Sounds Users. Mobile Application. Class Diagram UML Diagram

The Firebase tier for your mobile app - DevFest CH

Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016

LONGYEAR DIAMOND BITS - Marketing Mobile App Backend

20160910 MeasureCamp #9 Presentation - App Tracking 2.0 - Google Firebase Analytics

What's New With Google Firebase App Indexing By Emily Grossman

How AngularDart & Firebase did an App together

DevOps€¦ · Test 2 Backend App server 3 App server 2 App server 1 FW/LB DB Stage Backend App server 3 App server 2 App server 1 FW/LB DB Prod Step1 Step2 Step3 Step4 Step3 onsdag

Joomla as a mobile App backend - ideas, examples and experiences

django-app-metrics Documentation · Mixpanel Backend Settings These settings are only necessary if you’re using the Mixpanel backend APP_METRICS_MIXPANEL_TOKEN Your Mixpanel.com

Firebase - realtime backend for mobile app and IoT

Dynamic, native, backend-driven UIs - App Builders 2016

GDG Firebase - Building a Goban app

How to build a Dart and Firebase app in 30 mins

DroidconTn 2014 Connect Your App to Your Backend

Technis SA · This includes Node backend, React web-app, React-native mobile app and Google cloud infrastructure. Concretely, you will: 1.Implement and maintain new features (backend/frontend)

Technical Overview - Marketing Mobile App Backend Management

Senior Design Project Final Report - QUEXFirebase: Firebase is a Backend -as a Service that started as a YC11 Startup and grew up into a next generation app-development platform on

Building your first Native iOs App with an API Backend

20160910 MeasureCamp Presentation - App Tracking 2.0 - Google Firebase Analytics

About the Tutorial - SAP Hybris, FlexBox, Axure RP ... · PDF fileAbout the Tutorial Firebase is a ... When we refresh our app, we can see that the Firebase data is updating. Firebase

How to build Android Chat App with Firebase for 2 hours?

Motors Car Dealership & Classified Listings Mobile App for ...Firebase website and create a new project. Then, add your app to your Firebase project to register app. For the detailed

What You Need To Know About Firebase App-Indexing By David Iwanow

Build Collaborative App Using Polymer and Firebase

Firebase Essentials - Android Edition€¦ · Firebase Realtime Database Rules

Choosing a backend for your mobile app? Don’t roll the dice!

Shaleem John CHAT APP WITH REACT JS AND FIREBASE

Lessons from developing an Iphone App + Server backend

MongoDB Use Case - Mobile App Backend

Firebase - Singularis Lab · Android Cloud Firestore Get started Manage data API reference Cloud Functions Secure data npm install firebase --save 1. Add lib to app/build.gradle implementation

AngularFire - A Real-time Backend for AngularJS From Firebase

Building A Webb App with Firebase and Angular 2

Villicity - Techniongip.cs.technion.ac.il/projects/uploads/7_presentation_8.pdf · Firebase Realtime Database & Storage Firebase provides a realtime database and backend as a service

Firebase App Indexing Insights - SMX Advanced 2016