Introduction to Firebase (May contain some pieces of AppGyver and Polymer)

At Belighted, we always try to discover and test new technologies. This time we tried Firebase. Let's discover all the possibilities offered by this new tool through this short presentation and the two prototypes made using AppGyver and Polymer.

Transcript

1. @henrottesimon - @stephamant
2. Table of contents - WTF is this? - Patterns and use cases - Chat app ( AppGyver / Polymer ) - Security rules - Hosting
3. WTF is this? API to store and sync data in realtime across every device
4. Libraries • Vanilla • Angular • Ember • Backbone • React • Polymer • iOS • Android • REST
5. Patterns 100% Firebase-powered apps
6. Patterns Firebase-powered app with server code
7. Patterns Existing app with Firebase-powered features
8. Embedded features • Free hacker plan • Work offline • Bindings for the most popular development frameworks with a few lines of code • Data is stored as standard JSON
9. Embedded features • Data are safe (SSL encryption with 2048-bit certificates for all data transfer) • Granular access control and custom authentication to restrict reading and writing • Tons of tutorials, documentation and use cases • Hosting provided for static files
10. Chat app: Firebase + AppGyver • https://github. com/gizmodesbois/appGyverFirebase
11. Chat app: Firebase + Polymer • https://github. com/samant/firebase_polymer_chat • https://samchat.firebaseapp.com/
12. Security
13. Security
14. Security
15. Firebase Hosting • Store all your static files (HTML, CSS, JS and images) • Secure (SSL - https) • Fast (CDN)
16. Firebase Hosting • Easy process ◦ npm install -g firebase-tools ◦ firebase init ◦ firebase.json ◦ firebase deploy • Free (1 GB Hosting Storage and 100 GB Hosting Transfer)
17. Firebase.json { "firebase": "app_name", "public": ".", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ] }
18. Vulcan
19. Thank you !