Tweet
Tweet

Slide 1

Slide 1 text

Get to know Firebase for Web Jirawat Karanwittayakarn

Slide 2

Slide 2 text

chrome://extended-bangkok

Slide 3

Slide 3 text

chrome://extended-bangkok

Slide 4

Slide 4 text

chrome://extended-bangkok

Slide 5

Slide 5 text

chrome://extended-bangkok

Slide 6

Slide 6 text

chrome://extended-bangkok

Slide 7

Slide 7 text

chrome://extended-bangkok Help mobile, Web and game developers succeed

Slide 8

Slide 8 text

chrome://extended-bangkok Improve app quality Build better apps Grow your business

Slide 9

Slide 9 text

chrome://extended-bangkok

Slide 10

Slide 10 text

chrome://extended-bangkok

Slide 11

Slide 11 text

chrome://extended-bangkok Build better apps Improve app quality Grow your business

Slide 12

Slide 12 text

chrome://extended-bangkok ⋅ Email & password ⋅ Social providers ⋅ Existing auth systems ⋅ Anonymous Auth ⋅ Phone number ⋅ Passwordless

Slide 13

Slide 13 text

chrome://extended-bangkok ⋅ Cloud-hosted NoSQL database ⋅ Synchronization & conflict resolution ⋅ Offline support

Slide 14

Slide 14 text

chrome://extended-bangkok

Slide 15

Slide 15 text

chrome://extended-bangkok

Slide 16

Slide 16 text

chrome://extended-bangkok

Slide 17

Slide 17 text

chrome://extended-bangkok ⋅ NoSQL database ⋅ Document Oriented ⋅ Multi-regional database ⋅ Queries are designed to be highly scalable ⋅ Multi WHERE on different fields ⋅ Ordering by multiple fields ⋅ Offline support

Slide 18

Slide 18 text

chrome://extended-bangkok ⋅ Easy file storage ⋅ Handles poor connectivity ⋅ Backed by & accessible from Google Cloud Storage

Slide 19

Slide 19 text

chrome://extended-bangkok Triggers ⋅ Authentication ⋅ Realtime Database ⋅ Firestore ⋅ Analytics ⋅ Storage ⋅ Crashlytics ⋅ Hosting ⋅ Test Lab Webhook API

Slide 20

Slide 20 text

chrome://extended-bangkok SectionX SectionY SectionZ ⋅ Serve static assets ⋅ Global CDN & SSD ⋅ SSL by default ⋅ Free custom domains ⋅ Support dynamic page ⋅ Support multiple sites

Slide 21

Slide 21 text

chrome://extended-bangkok BETA

Slide 22

Slide 22 text

chrome://extended-bangkok

Slide 23

Slide 23 text

chrome://extended-bangkok Build better apps Improve app quality Grow your business

Slide 24

Slide 24 text

chrome://extended-bangkok Traces & HTTP/S Network Request

Slide 25

Slide 25 text

chrome://extended-bangkok Build better apps Improve app quality Grow your business

Slide 26

Slide 26 text

chrome://extended-bangkok Web Support ⋅ Designed for apps & web ⋅ Events and user properties ⋅ Connects across Firebase ⋅ Dynamic audiences

Slide 27

Slide 27 text

chrome://extended-bangkok ⋅ Simple UI, with no coding ⋅ Built on Cloud Messaging ⋅ Audience targeting ⋅ Conversion funnel insights Web Support

Slide 28

Slide 28 text

chrome://extended-bangkok ⋅ Update your app from the cloud ⋅ Send different values to different groups ⋅ A/B test or gradual rollouts ⋅ Customized content Web Support

Slide 29

Slide 29 text

chrome://extended-bangkok Framework Libraries AngularFire ReactFire VueFire

Slide 30

Slide 30 text

chrome://extended-bangkok Firebase Admin

Slide 31

Slide 31 text

chrome://extended-bangkok One more thing...

Slide 32

Slide 32 text

chrome://extended-bangkok

Slide 33

Slide 33 text

chrome://extended-bangkok Firebase Emulator Suite

Slide 34

Slide 34 text

chrome://extended-bangkok Firebase Emulator Suite Functions Emulator Emulated Firestore Your App write ... calculateCart() trigger write

Slide 35

Slide 35 text

chrome://extended-bangkok Demo

Slide 36

Slide 36 text

chrome://extended-bangkok Firebase Alpha Program g.co/FirebaseAlpha

Slide 37

Slide 37 text

chrome://extended-bangkok Firebase Open Source FirebaseOpenSource.com

Slide 38

Slide 38 text

chrome://extended-bangkok Youtube.com/c/FirebaseThailand Fb.com/FirebaseThailand Fb.com/groups/FirebaseDevTh Follow us Medium.com/FirebaseThailand Github.com/FirebaseThailand