SlideShare a Scribd company logo
Firebase Adventures - Real time platform for your apps
+JuarezPAFilho California Lover <3
http://plus.google.com/+JuarezPAFilho/about Real time apps and more with Firebase by @juarezpaf
An enthusiastic Front end Engineer with over
7 years of experience, after his first CSS class
devoted completely to Front End and UX.
Front end Engineer at madewithlove
Caravana Web Founder
GDG Casts and GDG Organizer
Hybrid Enthusiast (Ionic & Firebase)
https://www.firebase.com
Build Extraordinary Apps
A powerful platform for your mobile or web application
Real time apps and more with Firebase by @juarezpaf
https://youtu.be/SLgHfH7KzXU An introduction and overview of Firebase
https://firebase.com/features.html Real time apps and more with Firebase
Features will help you to build extraordinary Apps
Real Time Static HostingUser Auth
https://firebase.com/features.html Real time apps and more with Firebase
Data in your Firebase database is stored as JSON and
synchronized in realtime to every connected client.
Automatically scales with your app
First-class security features
Works offlineReal Time
Features will help you to build extraordinary Apps
https://www.firebase.com/blog/2015-05-29-announcing-mobile-offline-support.html
Mobile Offline Support
https://firebase.com/features.html Real time apps and more with Firebase
With Firebase, you can easily authenticate users from
Android, iOS, and JavaScript SDKs in just a few lines.
Social Login (Facebook, Twitter, GitHub, Google)
Handle user login entirely with client-side code
Integrate authentication with your existing backendUser auth
Features will help you to build extraordinary Apps
https://firebase.com/features.html Real time apps and more with Firebase
Deploy your web app in seconds with Firebase
production-grade static asset hosting.
Deploy in seconds to firebaseapp.com
SSL by default
Manage and rollback deploysStatic Hosting
Features will help you to build extraordinary Apps
Hosting your extraordinary App in Firebase
Easily deploy and host your app's static assets (HTML,
CSS, JavaScript, etc) with Firebase production-grade
hosting service.
All of your content is served over HTTPS and backed
by a global CDN.
https://www.firebase.com/docs/hosting/ Real time apps and more with Firebase
https://firebase.com/signup Real time apps and more with Firebase
Building Extraordinary Cross-platform Apps
https://firebase.com/docs/web/ Real time web apps and more with Firebase
Building Extraordinary Web Apps
v2.2.9
https://firebase.com/tutorial/#gettingstarted Real time web apps and more with Firebase
Building Extraordinary Web Apps
Check this 5 minutes tutorial which will teach
you the basics of the Firebase JavaScript client
5 minutes
Quick Start https://youtu.be/gL-jNk8SzUo
https://github.com/firebase/vulcan A Firebase data inspector and editor inside Chrome Devtools.
Use Firebase Directly from DevTools
https://firebase.com/docs/web/libraries/angular/ Real time AngularJS apps with Firebase
Building Extraordinary AngularJS Apps
AngularFire
AngularFire is the officially supported AngularJS
binding for Firebase.
The combination of Angular and Firebase provides a
three-way data binding between your HTML, your
JavaScript, and the Firebase backend.
v1.1.2 Learn more https://youtu.be/rpMlTvhQClQ
https://thinkster.io/angularfire-slack-tutorial Learn to build a Real-Time Slack clone with AngularFire
Building Extraordinary AngularJS Apps
Learn more https://youtu.be/rpMlTvhQClQ
ReactJS is a framework for building large, complex user
interfaces.
Firebase complements it perfectly by providing an
easy-to-use, realtime data source for populating the
state of React components.
https://firebase.com/docs/web/libraries/react/ Real time ReactJS apps with Firebase
Building Extraordinary ReactJS Apps
ReactFire
v0.5.0 Learn more https://youtu.be/0faoWmJsq1k
EmberJS is a framework for building ambitious web
applications that utilizes auto-updating Handlebars
templates, components, and routing with great URL
support.
You can easily add a realtime backend to your Ember
app with EmberFire, using Firebase with Ember Data.
https://firebase.com/docs/web/libraries/ember/ Real time EmberJS apps with Firebase
Building Extraordinary EmberJS Apps
EmberFire
v1.5.0 Learn more https://youtu.be/Cs3Fdup7aUo
http://sudharti.github.io/articles/ember-todo-firebase Building a Todo app using Ember.js & Firebase
Building Extraordinary EmberJS Apps
Awesome read if you want to implement Firebase with
your Ember.js projects. Tutorial by Sudharsanan
Backbone.js is a library that gives structure to web
applications. This structure comes from components
such as models, collections, and template views.
Firebase gives your Backbone app a realtime backend,
by utilizing our official library, BackboneFire.
https://firebase.com/docs/web/libraries/backbone/quickstart.html Real time Backbone.js apps with Firebase
Building Extraordinary Backbone.js Apps
BackboneFire
v0.5.1
Polymer 1.0 has been rebuilt from the ground up for
speed and efficiency. The new, leaner core library
makes it easier than ever to make fast, beautiful, and
interoperable web components
With the unofficial firebase-element you can bring all
Firebase features to work with your Polymer app.
https://github.com/googlewebcomponents/firebase-element Real time Polymer apps with Firebase
Building Extraordinary Polymer Apps
firebase-element
v1.0.3 Learn more https://youtu.be/gErWcBdd-F8
Ionic is a front-end SDK for developing hybrid mobile
apps with HTML5.
Because Ionic uses Angular, developers can use
AngularFire to easily wire up a Firebase backend with
an Ionic app.
Real time Ionic apps with Firebase
Building Extraordinary Hybrid Apps
AngularFire
v1.1.2
https://firebase.com/docs/web/libraries/ionic/guide.html
Learn more https://youtu.be/SLgHfH7KzXU
http://bit.ly/toptal-mobile-applications-using-ionic-framework-and-firebase
Building Real-Time, Multi-Platform Mobile Applications:
Examples Using Ionic and Firebase
GeoFire is an open-source library that allows you to
store and query a set of keys based on their
geographic location.
GeoFire uses the Firebase database for data storage,
allowing query results to be updated in realtime as they
change.
https://github.com/firebase/geofire-js Realtime Geolocation queries with Firebase
Building Extraordinary Geo location powered Apps
https://firebase.com/docs/android/ Real time Android apps with Firebase
Building Extraordinary Android Apps
v2.3.1
Android Quick Start https://youtu.be/cab-p7pJBDw
https://firebase.com/docs/android/ Real time Android apps with Firebase
Building Extraordinary Android Apps
v2.3.1
github.com/anapaulagomes/today-in-computer-history github.com/brunodles/Firedroid
https://io2015codelabs.appspot.com/codelabs/fire-place#1 Google Places API and Firebase Code Lab
This project shows the finished product of
one of the code labs at Google I/O 2015.
It demonstrates the Google Places API for
Android and the Firebase API.
https://www.firebase.com/docs/ios/ Real time apps and more with Firebase
Building Extraordinary iOS Apps
v2.3.3
iOS Quick Start https://youtu.be/umZLJThityQ
https://www.firebase.com/docs/ios/libraries/watchkit/guide.html Using WatchKit with Firebase
Building Extraordinary Apple Watch Apps
A comprehensive guide on how to build a Watch App
with Firebase written by the Firebase developers.
https://firebase.com/docs/rest/ Real time apps consuming REST APIs with Firebase
Build mobile and web apps in minutes using
any Firebase database URL as a REST
endpoint appending .json to the url
https://zapier.com/help/firebase/ Connect and automate your apps with Firebase and Zapier Partnership
Firebase works seamlessly with Zapier so
you can add a whole new level of connectivity to
your Firebase without writing a single line of code.
https://firebase.com/customers/ Case studies using Firebase to make extraordinary products
Companies and Developers using Firebase ♥
Incredible first experience. I was able to get a completely
custom, embedded chat client running in 30 mins. I really
couldn't imagine how this could be easier.
– Ryan Bubinski, Founder Codecademy
“
Thank you!
Let’s create amazing products with Firebase
https://firebase.com/docs/help/ Real time apps and more with @Firebase

More Related Content

Firebase Adventures - Real time platform for your apps

  • 2. +JuarezPAFilho California Lover <3 http://plus.google.com/+JuarezPAFilho/about Real time apps and more with Firebase by @juarezpaf An enthusiastic Front end Engineer with over 7 years of experience, after his first CSS class devoted completely to Front End and UX. Front end Engineer at madewithlove Caravana Web Founder GDG Casts and GDG Organizer Hybrid Enthusiast (Ionic & Firebase)
  • 3. https://www.firebase.com Build Extraordinary Apps A powerful platform for your mobile or web application Real time apps and more with Firebase by @juarezpaf
  • 5. https://firebase.com/features.html Real time apps and more with Firebase Features will help you to build extraordinary Apps Real Time Static HostingUser Auth
  • 6. https://firebase.com/features.html Real time apps and more with Firebase Data in your Firebase database is stored as JSON and synchronized in realtime to every connected client. Automatically scales with your app First-class security features Works offlineReal Time Features will help you to build extraordinary Apps
  • 8. https://firebase.com/features.html Real time apps and more with Firebase With Firebase, you can easily authenticate users from Android, iOS, and JavaScript SDKs in just a few lines. Social Login (Facebook, Twitter, GitHub, Google) Handle user login entirely with client-side code Integrate authentication with your existing backendUser auth Features will help you to build extraordinary Apps
  • 9. https://firebase.com/features.html Real time apps and more with Firebase Deploy your web app in seconds with Firebase production-grade static asset hosting. Deploy in seconds to firebaseapp.com SSL by default Manage and rollback deploysStatic Hosting Features will help you to build extraordinary Apps
  • 10. Hosting your extraordinary App in Firebase Easily deploy and host your app's static assets (HTML, CSS, JavaScript, etc) with Firebase production-grade hosting service. All of your content is served over HTTPS and backed by a global CDN. https://www.firebase.com/docs/hosting/ Real time apps and more with Firebase
  • 11. https://firebase.com/signup Real time apps and more with Firebase Building Extraordinary Cross-platform Apps
  • 12. https://firebase.com/docs/web/ Real time web apps and more with Firebase Building Extraordinary Web Apps v2.2.9
  • 13. https://firebase.com/tutorial/#gettingstarted Real time web apps and more with Firebase Building Extraordinary Web Apps Check this 5 minutes tutorial which will teach you the basics of the Firebase JavaScript client 5 minutes Quick Start https://youtu.be/gL-jNk8SzUo
  • 14. https://github.com/firebase/vulcan A Firebase data inspector and editor inside Chrome Devtools. Use Firebase Directly from DevTools
  • 15. https://firebase.com/docs/web/libraries/angular/ Real time AngularJS apps with Firebase Building Extraordinary AngularJS Apps AngularFire AngularFire is the officially supported AngularJS binding for Firebase. The combination of Angular and Firebase provides a three-way data binding between your HTML, your JavaScript, and the Firebase backend. v1.1.2 Learn more https://youtu.be/rpMlTvhQClQ
  • 16. https://thinkster.io/angularfire-slack-tutorial Learn to build a Real-Time Slack clone with AngularFire Building Extraordinary AngularJS Apps Learn more https://youtu.be/rpMlTvhQClQ
  • 17. ReactJS is a framework for building large, complex user interfaces. Firebase complements it perfectly by providing an easy-to-use, realtime data source for populating the state of React components. https://firebase.com/docs/web/libraries/react/ Real time ReactJS apps with Firebase Building Extraordinary ReactJS Apps ReactFire v0.5.0 Learn more https://youtu.be/0faoWmJsq1k
  • 18. EmberJS is a framework for building ambitious web applications that utilizes auto-updating Handlebars templates, components, and routing with great URL support. You can easily add a realtime backend to your Ember app with EmberFire, using Firebase with Ember Data. https://firebase.com/docs/web/libraries/ember/ Real time EmberJS apps with Firebase Building Extraordinary EmberJS Apps EmberFire v1.5.0 Learn more https://youtu.be/Cs3Fdup7aUo
  • 19. http://sudharti.github.io/articles/ember-todo-firebase Building a Todo app using Ember.js & Firebase Building Extraordinary EmberJS Apps Awesome read if you want to implement Firebase with your Ember.js projects. Tutorial by Sudharsanan
  • 20. Backbone.js is a library that gives structure to web applications. This structure comes from components such as models, collections, and template views. Firebase gives your Backbone app a realtime backend, by utilizing our official library, BackboneFire. https://firebase.com/docs/web/libraries/backbone/quickstart.html Real time Backbone.js apps with Firebase Building Extraordinary Backbone.js Apps BackboneFire v0.5.1
  • 21. Polymer 1.0 has been rebuilt from the ground up for speed and efficiency. The new, leaner core library makes it easier than ever to make fast, beautiful, and interoperable web components With the unofficial firebase-element you can bring all Firebase features to work with your Polymer app. https://github.com/googlewebcomponents/firebase-element Real time Polymer apps with Firebase Building Extraordinary Polymer Apps firebase-element v1.0.3 Learn more https://youtu.be/gErWcBdd-F8
  • 22. Ionic is a front-end SDK for developing hybrid mobile apps with HTML5. Because Ionic uses Angular, developers can use AngularFire to easily wire up a Firebase backend with an Ionic app. Real time Ionic apps with Firebase Building Extraordinary Hybrid Apps AngularFire v1.1.2 https://firebase.com/docs/web/libraries/ionic/guide.html Learn more https://youtu.be/SLgHfH7KzXU
  • 24. GeoFire is an open-source library that allows you to store and query a set of keys based on their geographic location. GeoFire uses the Firebase database for data storage, allowing query results to be updated in realtime as they change. https://github.com/firebase/geofire-js Realtime Geolocation queries with Firebase Building Extraordinary Geo location powered Apps
  • 25. https://firebase.com/docs/android/ Real time Android apps with Firebase Building Extraordinary Android Apps v2.3.1 Android Quick Start https://youtu.be/cab-p7pJBDw
  • 26. https://firebase.com/docs/android/ Real time Android apps with Firebase Building Extraordinary Android Apps v2.3.1 github.com/anapaulagomes/today-in-computer-history github.com/brunodles/Firedroid
  • 27. https://io2015codelabs.appspot.com/codelabs/fire-place#1 Google Places API and Firebase Code Lab This project shows the finished product of one of the code labs at Google I/O 2015. It demonstrates the Google Places API for Android and the Firebase API.
  • 28. https://www.firebase.com/docs/ios/ Real time apps and more with Firebase Building Extraordinary iOS Apps v2.3.3 iOS Quick Start https://youtu.be/umZLJThityQ
  • 29. https://www.firebase.com/docs/ios/libraries/watchkit/guide.html Using WatchKit with Firebase Building Extraordinary Apple Watch Apps A comprehensive guide on how to build a Watch App with Firebase written by the Firebase developers.
  • 30. https://firebase.com/docs/rest/ Real time apps consuming REST APIs with Firebase Build mobile and web apps in minutes using any Firebase database URL as a REST endpoint appending .json to the url
  • 31. https://zapier.com/help/firebase/ Connect and automate your apps with Firebase and Zapier Partnership Firebase works seamlessly with Zapier so you can add a whole new level of connectivity to your Firebase without writing a single line of code.
  • 32. https://firebase.com/customers/ Case studies using Firebase to make extraordinary products Companies and Developers using Firebase ♥ Incredible first experience. I was able to get a completely custom, embedded chat client running in 30 mins. I really couldn't imagine how this could be easier. – Ryan Bubinski, Founder Codecademy “
  • 33. Thank you! Let’s create amazing products with Firebase https://firebase.com/docs/help/ Real time apps and more with @Firebase