Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting Started with Other Firebase Features

Avatar for Arnelle Balane Arnelle Balane
July 25, 2020
Programming
0
190

Getting Started with Other Firebase Features

Avatar for Arnelle Balane

Arnelle Balane

July 25, 2020
Tweet

More Decks by Arnelle Balane

See All by Arnelle Balane
Introduction to building Chrome Extensions
Avatar for Arnelle Balane arnellebalane
0
110
Color Palettes Of The Most Colorful Birds
Avatar for Arnelle Balane arnellebalane
0
120
Let's build a video streaming app using Web technologies
Avatar for Arnelle Balane arnellebalane
0
140
Let's build a video calling app with Web technologies and Firebase!
Avatar for Arnelle Balane arnellebalane
0
140
Ridiculous Scientific Names
Avatar for Arnelle Balane arnellebalane
0
220
Fishes With Terrestrial-Animal Names
Avatar for Arnelle Balane arnellebalane
0
150
Making the Web more capable with Project Fugu
Avatar for Arnelle Balane arnellebalane
0
110
Frontend Web Development in 2021+
Avatar for Arnelle Balane arnellebalane
0
160
Extending CSS using Houdini
Avatar for Arnelle Balane arnellebalane
0
110

Other Decks in Programming

See All in Programming
React は次の10年を生き残れるか：3つのトレンドから考える
Avatar for Yuka O’oka oukayuka
40
15k
MySQL9でベクトルカラム登場！PHP×AWSでのAI/類似検索はこう変わる
Avatar for Suguru Ohki suguruooki
1
240
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
Avatar for Ucchiii ucchiii43
0
200
What's new in Adaptive Android development
Avatar for Sungyong An fornewid
0
110
Quality Gates in the Age of Agentic Coding
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
Avatar for Kuniwak orgachem
PRO
11
2.5k
Gemini CLIの"強み"を知る！ Gemini CLIとClaude Codeを比較してみた！
Avatar for Kota Hisafuru kotahisafuru
2
180
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
15
8.2k
Claude Code で Astro blog を Pages から Workers へ移行してみた
Avatar for Kei Kamikawa codehex
0
160
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
490
TypeScriptでDXを上げろ！ Hono編
Avatar for Yusuke Wada yusukebe
3
870
Googleの新しいコーディングAIエージェントJulesを使ってみた
Avatar for tonionagauzzi tonionagauzzi
0
140

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k

Transcript

  1. Software Developer, Newlogic Arnelle Balane @arnellebalane Getting Started with Other

    Firebase Features

  2. Arnelle Balane Software Developer at Newlogic Google Developers Expert for

    Web Technologies I write about Web stuff on my blog, arnellebalane.com @arnellebalane
  3. None
  4. None
  5. None

  6. Prerequisites Necessary setup before we get started

  7. Prerequisites Create Firebase project Go to the Firebase Console https://console.firebase.google.com

  8. None
  9. None
  10. None

  11. Prerequisites Install the Firebase CLI Installation Guide: https://firebase.google.com/docs/cli

  12. None
  13. None

  14. Prerequisites Initialize Firebase

  15. None
  16. None
  17. None
  18. None
  19. None

  20. Prerequisites Add the Firebase SDK From Hosting URLs, the CDN,

    or using module bundlers
  21. None
  22. None
  23. None
  24. None
  25. None

  26. Prerequisites More info Web setup documentation: https://firebase.google.com/docs/web/setup

  27. Firebase Hosting

  28. None
  29. None

  30. Different websites, but have access to the same Firebase resources

    within the project Use case: Public-facing website, Admin panel Multiple Hosting sites https://firebase.google.com/docs/hosting/multisites
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None

  38. Firebase Hosting More info Documentation https://firebase.google.com/docs/hosting

  39. Firebase Authentication

  40. Google Play Games Game Center Facebook Twitter Email Phone Anonymous

    Sign-in methods GitHub Yahoo Microsoft Apple
  41. None
  42. None
  43. None
  44. None

  45. More authentication features at https://firebase.google.com/docs/auth Send confirmation and password reset

    emails Account linking Upgradable anonymous users
  46. None

  47. Ready-made, drop-in UI library Implements complete user flows for all

    Firebase Authentication sign-in methods Available for Web, Android, and iOS platforms FirebaseUI https://firebase.google.com/docs/auth/web/firebaseui
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None

  54. Firebase Authentication More info https://firebase.google.com/docs/auth https://github.com/firebase/firebaseui-web

  55. Firebase Admin SDK

  56. Interact with Firebase from your own server environment Firebase Admin

    SDK https://firebase.google.com/docs/admin/setup
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None
  63. None

  64. Firebase Admin SDK More info Documentation: https://firebase.google.com/docs/reference/admin

  65. Cloud Firestore

  66. NoSQL document database Keep data in sync across client apps

    using realtime capabilities Offline support Cloud Firestore https://firebase.google.com/docs/firestore

  67. vs Choose a Database https://firebase.google.com/docs/database/rtdb-vs-firestore

  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None

  78. Cloud Firestore More info https://firebase.google.com/docs/firestore https://firebase.google.com/docs/reference/js/firebase.firestore

  79. Firebase Security Rules

  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None
  87. None
  88. None
  89. None

  90. Authentication using Firebase Security Rules

  91. None

  92. Data Validation using Firebase Security Rules

  93. None

  94. Access Control using Firebase Security Rules

  95. None
  96. None

  97. Firebase Security Rules More info Documentation: https://firebase.google.com/docs/rules

  98. Custom User Claims

  99. None
  100. None
  101. None
  102. None
  103. None

  104. Documentation: https://firebase.google.com/docs/auth/admin/custom-claims Custom User Claims More info

  105. Cloud Storage for Firebase

  106. None
  107. None
  108. None
  109. None
  110. None

  111. Documentation: https://firebase.google.com/docs/storage Cloud Storage for Firebase More info

  112. Firebase Cloud Messaging

  113. None
  114. None
  115. None
  116. None
  117. None

  118. Patterns for promoting PWA installation https://web.dev/promote-install/

  119. None
  120. None
  121. None
  122. None
  123. None
  124. None
  125. None
  126. None
  127. None
  128. None
  129. None

  130. Documentation: https://firebase.google.com/docs/cloud-messaging Firebase Cloud Messaging More info

  131. Firebase Performance Monitoring

  132. None
  133. None
  134. None
  135. None

  136. Documentation: https://firebase.google.com/docs/perf-mon Firebase Performance Monitoring More info

  137. Firebase Remote Config

  138. None
  139. None
  140. None
  141. None
  142. None
  143. None
  144. None
  145. None
  146. None
  147. None
  148. None
  149. None
  150. None
  151. None

  152. Documentation: https://firebase.google.com/docs/remote-config Firebase Remote Config More info

  153. Firebase Pricing

  154. None

  155. Documentation: https://firebase.google.com/pricing Firebase Pricing More info

  156. Cloud Functions for Firebase

  157. Automatically run backend code in response to events triggered by

    other Firebase services Code is managed and run in Google’s cloud Cloud Functions for Firebase https://firebase.google.com/docs/functions
  158. None
  159. None
  160. None
  161. None
  162. None
  163. None
  164. None
  165. None

  166. HTTP Functions

  167. Callable Functions

  168. None

  169. Background Functions

  170. None

  171. Scheduled Functions

  172. Documentation: https://firebase.google.com/docs/functions Cloud Functions for Firebase More info

  173. Local Emulator Suite

  174. None
  175. None
  176. None
  177. None
  178. None
  179. None
  180. None

  181. Documentation: https://firebase.google.com/docs/emulator-suite Local Emulator Suite More info

  182. Firebase Extensions

  183. Pre-packaged functionalities that we can deploy to our apps quickly

    Firebase Extensions https://firebase.google.com/docs/extensions
  184. None
  185. None
  186. None
  187. None
  188. None
  189. None
  190. None

  191. Documentation: https://firebase.google.com/docs/extensions Firebase Extensions More info

  192. Authentication FirebaseUI Cloud Firestore Cloud Storage Security Rules Custom User

    Claims Recap! Hosting Cloud Messaging Performance Monitoring Remote Config Cloud Functions Local Emulator Suite Extensions

  193. Getting Started with Other Firebase Features Arnelle Balane That’s all

    for today! Thank you!