SlideShare a Scribd company logo

Build Collaborative App Using Polymer and Firebase

Ajit Kumar, profile picture
Ajit Kumar

The document discusses the use of Polymer, a library for creating reusable web components, and Firebase, a real-time NoSQL cloud database. It highlights features such as user authentication, data storage, and real-time synchronization, along with practical examples and implementation patterns. Additionally, it covers the integration of Google Web Components (GWC) with Polymer for enhanced data binding and easier integration.

Technology
1 of 39
Downloaded 25 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. + Build Collaborative App
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. CTO & Co-Founder @ Ajit Kumar
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Application Demo
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. GitHub URL ajit-kumar-azad/polymer-firebase
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Library to create reusable components - Web Component - for the modern web
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer For everything……...you have an ELEMENT!
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Credit: https://www.polymer-project.org/1.0/docs/start/what-is-polymer.html
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. What does it offer? ● Build app using existing Polymer elements ● Create Web Components
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Elements
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. A sample Web Component
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. How to use it?
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. And, the output is?
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. An example from our app
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Another example...
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase Real-time NoSQL Cloud Database
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. What does it offer? ● Authenticate users ● Store data ● Sync data to all connected clients, in real- time ● Data is available when your app goes offline ● Hosting
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. API/SDK is available for? ● Web (JavaScript) ● Android (Java) ● iOS (Objective C) ● REST (Server-side)
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 1: 100% Firebase-powered Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 2: Firebase-powered + server code Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 3: Existing app with Firebase-powered features Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. We will be using Pattern 1: 100% Firebase-powered
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Initialization
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Create
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Read
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Update
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Delete
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. But, where is the ELEMENT?
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Google Web Components (GWC)
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Why GWC? ● Easier to integrate ● Easier for data-binding
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Adding it to your Polymer project... bower install --save GoogleWebComponents/firebase-element
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase GWC ● firebase-auth ● firebase-collection ● firebase-document
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Authentication
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Collection
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Collection
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Document
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. There is more… ● Sorting/Ordering ● Indexing ● Pagination ● Transaction ● Offline Capabilities ● Security ● Open Data Sets (Airport delays, earthquakes, Weather, etc.)
Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Thank You! @findajit in.linkedin.com/in/ajitkumarazad

More Related Content

PDF
Polymer and Firebase: Componentizing the Web in Realtime
Juarez Filho
 
PDF
Firebase Adventures - Going above and beyond in Realtime
Juarez Filho
 
PDF
Firebase - realtime backend for mobile app and IoT
Andri Yadi
 
PDF
Firebase Adventures - Real time platform for your apps
Juarez Filho
 
PDF
Firebase for the Web
Jana Moudrá
 
PPTX
Hands on react native
Jay Nagar
 
PDF
React Native in a nutshell
Brainhub
 
PDF
Integrating Apache Wookie with AEM by Rima Mittal and Ankit Gubrani
AEM HUB
 
Polymer and Firebase: Componentizing the Web in Realtime
Juarez Filho
 
Firebase Adventures - Going above and beyond in Realtime
Juarez Filho
 
Firebase - realtime backend for mobile app and IoT
Andri Yadi
 
Firebase Adventures - Real time platform for your apps
Juarez Filho
 
Firebase for the Web
Jana Moudrá
 
Hands on react native
Jay Nagar
 
React Native in a nutshell
Brainhub
 
Integrating Apache Wookie with AEM by Rima Mittal and Ankit Gubrani
AEM HUB
 

What's hot (20)

PPTX
TechEvent Advanced Service Worker / PWA with Google Workbox
Trivadis
 
PDF
Write Once, Run Everywhere
Mike North
 
POTX
Thoughts on Component Resuse
Justin Edelson
 
PDF
How to build a Dart and Firebase app in 30 mins
Jana Moudrá
 
PDF
Ionic CLI Adventures
Juarez Filho
 
PPTX
AEM and Sling
Lo Ki
 
PDF
Maximize the power of OSGi in AEM
ICF CIRCUIT
 
PPTX
Progressive Web Apps and React
Mike Melusky
 
PDF
How Bitbucket Pipelines Loads Connect UI Assets Super-fast
Atlassian
 
ODP
WSGI, Repoze, Deliverence
Quintagroup
 
PDF
What's New with Confluence Connect
Atlassian
 
PPTX
Adobe AEM core components
Lokesh BS
 
PDF
Intro to react native
ModusJesus
 
PPTX
Ask the AEM Community Expert Feb 2016 Session: AEM + Brackets
AdobeMarketingCloud
 
PDF
The web - What it has, what it lacks and where it must go - Istanbul
Robert Nyman
 
PDF
The Future Of Web Frameworks
Matt Raible
 
PPTX
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
Evolve The Adobe Digital Marketing Community
 
PDF
Firebase Auth Tutorial
Bukhori Aqid
 
PDF
Flash Platformアップデート
Mariko Nishimura
 
PDF
Web, Native iOS and Native Android with One Ember.js App
FITC
 
TechEvent Advanced Service Worker / PWA with Google Workbox
Trivadis
 
Write Once, Run Everywhere
Mike North
 
Thoughts on Component Resuse
Justin Edelson
 
How to build a Dart and Firebase app in 30 mins
Jana Moudrá
 
Ionic CLI Adventures
Juarez Filho
 
AEM and Sling
Lo Ki
 
Maximize the power of OSGi in AEM
ICF CIRCUIT
 
Progressive Web Apps and React
Mike Melusky
 
How Bitbucket Pipelines Loads Connect UI Assets Super-fast
Atlassian
 
WSGI, Repoze, Deliverence
Quintagroup
 
What's New with Confluence Connect
Atlassian
 
Adobe AEM core components
Lokesh BS
 
Intro to react native
ModusJesus
 
Ask the AEM Community Expert Feb 2016 Session: AEM + Brackets
AdobeMarketingCloud
 
The web - What it has, what it lacks and where it must go - Istanbul
Robert Nyman
 
The Future Of Web Frameworks
Matt Raible
 
EVOLVE'15 | Enhance | Bob O'Conner & Kevin Nenning | Capturing Existing Cont...
Evolve The Adobe Digital Marketing Community
 
Firebase Auth Tutorial
Bukhori Aqid
 
Flash Platformアップデート
Mariko Nishimura
 
Web, Native iOS and Native Android with One Ember.js App
FITC
 
Ad

Viewers also liked (20)

PPTX
How to build a web application with Polymer
Sami Suo-Heikki
 
PDF
Building a Secure App with Google Polymer and Java / Spring
sdeeg
 
PDF
Polymer Starter Kit
Evaldo Barbosa
 
PPTX
Web components + Material design = Polymer (by Vyatcheslav Potravnyy) - Hack'...
Intersog
 
PDF
Desmistificando o Polymer
Beto Muniz
 
PDF
Unlock the next era of UI design with Polymer
Rob Dodson
 
PDF
O futuro do Android
Erisvaldo Junior
 
PDF
Workshop de Web Components
Guilherme Ventura
 
PDF
Tech talk polymer
Yanuar W
 
PDF
WebApps com Web Components
Beto Muniz
 
PDF
Web components
Evaldo Barbosa
 
PPTX
Material design
David Tiago Conceição
 
PPTX
Material Design - do smartphone ao desktop
Hillary Sousa
 
PDF
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Nitya Narasimhan
 
PDF
Angular js gtg-27feb2013
Nitya Narasimhan
 
PDF
Introduction To Dart (GDG NY Jan 2014 Meetup)
Nitya Narasimhan
 
PDF
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Horacio Gonzalez
 
PDF
Um salve para evolução! construindo uma nova web com polymer
Marcus Silva
 
PDF
Apresentação Google I/O Extended Vitória
Fabiano Monte
 
PDF
Polymer Elements: Tudo que você precisa saber para criar a web
Beto Muniz
 
How to build a web application with Polymer
Sami Suo-Heikki
 
Building a Secure App with Google Polymer and Java / Spring
sdeeg
 
Polymer Starter Kit
Evaldo Barbosa
 
Web components + Material design = Polymer (by Vyatcheslav Potravnyy) - Hack'...
Intersog
 
Desmistificando o Polymer
Beto Muniz
 
Unlock the next era of UI design with Polymer
Rob Dodson
 
O futuro do Android
Erisvaldo Junior
 
Workshop de Web Components
Guilherme Ventura
 
Tech talk polymer
Yanuar W
 
WebApps com Web Components
Beto Muniz
 
Web components
Evaldo Barbosa
 
Material design
David Tiago Conceição
 
Material Design - do smartphone ao desktop
Hillary Sousa
 
Chrome Dev Summit Highlights (NYC GDG Dec 2013)
Nitya Narasimhan
 
Angular js gtg-27feb2013
Nitya Narasimhan
 
Introduction To Dart (GDG NY Jan 2014 Meetup)
Nitya Narasimhan
 
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09
Horacio Gonzalez
 
Um salve para evolução! construindo uma nova web com polymer
Marcus Silva
 
Apresentação Google I/O Extended Vitória
Fabiano Monte
 
Polymer Elements: Tudo que você precisa saber para criar a web
Beto Muniz
 
Ad

Similar to Build Collaborative App Using Polymer and Firebase (20)

PDF
Firebase Tech Talk By Atlogys
Atlogys Technical Consulting
 
PPT
Firebase
Naveen Kumar Neelam
 
PDF
Firebase in action 2021
NhanNguyen534
 
PPTX
Google Firebase
Mukul parmar
 
PDF
Lecture 11 Firebase overview
Maksym Davydov
 
PDF
Aura LA GDG - July 17-2017
Kristan Uccello
 
PPTX
Firebase 101 - Firebase Guide Zero to Hero
Mariam Aslam
 
PPTX
Lessons learned using Firebase in Production
Maik Buchmeyer
 
PPTX
Introduction to Firebase
Mustafa Şenel
 
PDF
Training Semester Report, Api Types of Apps
RamanTayal4
 
PPTX
Tech Winter Break - GDG OnCampus International Institute of Information Techn...
VarnitMittal1
 
PPTX
Herramientas para sacar el mayor rendimiento de tu app por Google
melidevelopers
 
PDF
"Easy and scalable serverless backend for your next mobile or web app", Arman...
Fwdays
 
PDF
Workshop "Building Modern Web Applications with Firebase (and Angular)", Arm...
Fwdays
 
PDF
Firebase overview
Maksym Davydov
 
PPTX
Google Firebase Presentation
Aeni Patel
 
PDF
Online mobile game server use Firebase realtime aatabase
Nguyễn Bá Thành
 
PDF
GraphQL: Enabling a new generation of API developer tools
Sashko Stubailo
 
PPTX
Firebasics
Patrick Walker
 
PPTX
Becoming a one-man band frontend developer With Firebase(1).pptx
gdgzuj
 
Firebase Tech Talk By Atlogys
Atlogys Technical Consulting
 
Firebase
Naveen Kumar Neelam
 
Firebase in action 2021
NhanNguyen534
 
Google Firebase
Mukul parmar
 
Lecture 11 Firebase overview
Maksym Davydov
 
Aura LA GDG - July 17-2017
Kristan Uccello
 
Firebase 101 - Firebase Guide Zero to Hero
Mariam Aslam
 
Lessons learned using Firebase in Production
Maik Buchmeyer
 
Introduction to Firebase
Mustafa Şenel
 
Training Semester Report, Api Types of Apps
RamanTayal4
 
Tech Winter Break - GDG OnCampus International Institute of Information Techn...
VarnitMittal1
 
Herramientas para sacar el mayor rendimiento de tu app por Google
melidevelopers
 
"Easy and scalable serverless backend for your next mobile or web app", Arman...
Fwdays
 
Workshop "Building Modern Web Applications with Firebase (and Angular)", Arm...
Fwdays
 
Firebase overview
Maksym Davydov
 
Google Firebase Presentation
Aeni Patel
 
Online mobile game server use Firebase realtime aatabase
Nguyễn Bá Thành
 
GraphQL: Enabling a new generation of API developer tools
Sashko Stubailo
 
Firebasics
Patrick Walker
 
Becoming a one-man band frontend developer With Firebase(1).pptx
gdgzuj
 

Recently uploaded (20)

PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
IAESIJAI
 
PDF
Zenith AI: Advanced Artificial Intelligence
Biz Preneurs
 
PDF
Hindi spoken digit analysis for native and non-native speakers
IAESIJAI
 
PDF
Mushroom cultivation and it's methods.pdf
mailmeonrishi
 
PDF
Enhancing emotion recognition model for a student engagement use case through...
IAESIJAI
 
PPTX
1. Introduction to Computer Programming.pptx
bonakiduza1024
 
PPTX
Chapter 5: Probability Theory and Statistics
RandyFin
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
1 - Historical Antecedents, Social Consideration.pdf
tuazon2030627
 
PDF
Heart disease approach using modified random forest and particle swarm optimi...
IAESIJAI
 
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
AgnesMunisi
 
PDF
August Patch Tuesday
Ivanti
 
PDF
A novel scalable deep ensemble learning framework for big data classification...
IAESIJAI
 
PDF
NewMind AI Weekly Chronicles - August'25-Week II
NewMind AI
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDCA Consulting
 
PPTX
cloud_computing_Infrastucture_as_cloud_p
mainakbhattacharya20
 
Accuracy of neural networks in brain wave diagnosis of schizophrenia
IAESIJAI
 
Zenith AI: Advanced Artificial Intelligence
Biz Preneurs
 
Hindi spoken digit analysis for native and non-native speakers
IAESIJAI
 
Mushroom cultivation and it's methods.pdf
mailmeonrishi
 
Enhancing emotion recognition model for a student engagement use case through...
IAESIJAI
 
1. Introduction to Computer Programming.pptx
bonakiduza1024
 
Chapter 5: Probability Theory and Statistics
RandyFin
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
1 - Historical Antecedents, Social Consideration.pdf
tuazon2030627
 
Heart disease approach using modified random forest and particle swarm optimi...
IAESIJAI
 
SOPHOS-XG Firewall Administrator PPT.pptx
AgnesMunisi
 
August Patch Tuesday
Ivanti
 
A novel scalable deep ensemble learning framework for big data classification...
IAESIJAI
 
NewMind AI Weekly Chronicles - August'25-Week II
NewMind AI
 
Approach and Philosophy of On baking technology
30anthuong17
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDCA Consulting
 
cloud_computing_Infrastucture_as_cloud_p
mainakbhattacharya20
 

Build Collaborative App Using Polymer and Firebase

  • 1. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. + Build Collaborative App
  • 2. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. CTO & Co-Founder @ Ajit Kumar
  • 3. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Application Demo
  • 4. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. GitHub URL ajit-kumar-azad/polymer-firebase
  • 5. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer
  • 6. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Library to create reusable components - Web Component - for the modern web
  • 7. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer For everything……...you have an ELEMENT!
  • 8. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Credit: https://www.polymer-project.org/1.0/docs/start/what-is-polymer.html
  • 9. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. What does it offer? ● Build app using existing Polymer elements ● Create Web Components
  • 10. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Polymer Elements
  • 11. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. A sample Web Component
  • 12. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. How to use it?
  • 13. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. And, the output is?
  • 14. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. An example from our app
  • 15. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Another example...
  • 16. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase
  • 17. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase Real-time NoSQL Cloud Database
  • 18. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. What does it offer? ● Authenticate users ● Store data ● Sync data to all connected clients, in real- time ● Data is available when your app goes offline ● Hosting
  • 19. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. API/SDK is available for? ● Web (JavaScript) ● Android (Java) ● iOS (Objective C) ● REST (Server-side)
  • 20. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 1: 100% Firebase-powered Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
  • 21. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 2: Firebase-powered + server code Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
  • 22. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Pattern 3: Existing app with Firebase-powered features Source: https://www.firebase.com/blog/2013-03-25-where-does-firebase-fit.html
  • 23. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. We will be using Pattern 1: 100% Firebase-powered
  • 24. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Initialization
  • 25. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Create
  • 26. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Read
  • 27. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Update
  • 28. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Delete
  • 29. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. But, where is the ELEMENT?
  • 30. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Google Web Components (GWC)
  • 31. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Why GWC? ● Easier to integrate ● Easier for data-binding
  • 32. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Adding it to your Polymer project... bower install --save GoogleWebComponents/firebase-element
  • 33. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Firebase GWC ● firebase-auth ● firebase-collection ● firebase-document
  • 34. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Authentication
  • 35. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Collection
  • 36. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Collection
  • 37. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Document
  • 38. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. There is more… ● Sorting/Ordering ● Indexing ● Pagination ● Transaction ● Offline Capabilities ● Security ● Open Data Sets (Airport delays, earthquakes, Weather, etc.)
  • 39. Copyright © Walking Tree Consultancy Services Pvt. Ltd.Copyright © Walking Tree Consultancy Services Pvt. Ltd. Thank You! @findajit in.linkedin.com/in/ajitkumarazad