ng-conf: building realtime apps with angular and firebase

29
Building Realtime Apps with & Anant Narayanan

Upload: anant-narayanan

Post on 05-Dec-2014

1.061 views

Category:

Technology


2 download

DESCRIPTION

The slides make more sense with the accompanying video: http://www.youtube.com/watch?v=e4yUTkva_FM Firebase is listed as the default way to add a backend to your Angular app on the AngularJS homepage. Come and see why. In this talk you'll learn about how to use Firebase and Angular together and learn why building a modern realtime app will never be the same again.

TRANSCRIPT

Page 1: ng-conf: Building Realtime Apps with Angular and Firebase

Building Realtime Apps with&

Anant Narayanan

Page 2: ng-conf: Building Realtime Apps with Angular and Firebase

Overview

What is Firebase?

Role of a backend in Angular

Building a realtime app

Page 3: ng-conf: Building Realtime Apps with Angular and Firebase

Overview

What is Firebase?

Role of a backend in Angular

Building a realtime app

A special announcement!

Page 4: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

Page 5: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

DHTML

Page 6: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

DHTML

Page 7: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

DHTML

Page 8: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

Page 9: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

Data Centers

Page 10: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

Data Centers

Page 11: ng-conf: Building Realtime Apps with Angular and Firebase

Evolution of Web Apps

Data Centers

Page 12: ng-conf: Building Realtime Apps with Angular and Firebase
Page 13: ng-conf: Building Realtime Apps with Angular and Firebase

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: ng-conf: Building Realtime Apps with Angular and Firebase

2-way Data Binding

Page 15: ng-conf: Building Realtime Apps with Angular and Firebase

3-way Data Binding

Page 16: ng-conf: Building Realtime Apps with Angular and Firebase

3-way Data Binding

Page 17: ng-conf: Building Realtime Apps with Angular and Firebase

3-way Data Binding

Page 18: ng-conf: Building Realtime Apps with Angular and Firebase
Page 19: ng-conf: Building Realtime Apps with Angular and Firebase
Page 20: ng-conf: Building Realtime Apps with Angular and Firebase
Page 21: ng-conf: Building Realtime Apps with Angular and Firebase
Page 22: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING

Page 23: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING

Page 24: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING

Page 25: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING• Hosting for your app and static assets at

firebaseapp.com

Page 26: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING• Hosting for your app and static assets at

firebaseapp.com

• Available TODAY

Page 27: ng-conf: Building Realtime Apps with Angular and Firebase

HOSTING• Hosting for your app and static assets at

firebaseapp.com

• Available TODAY

• All for the low price of

Page 28: ng-conf: Building Realtime Apps with Angular and Firebase

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: ng-conf: Building Realtime Apps with Angular and Firebase

Learn More

firebase.com/angular

• Static Asset Hosting

• Simple Login

• Angular Starter Pack

• Yeoman Integration

• Dart

• And more… !

@Firebase