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

Intro to Firebase 2.0

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Scott Doxey Scott Doxey
December 31, 2016
Programming
74
0

Intro to Firebase 2.0

Avatar for Scott Doxey

Scott Doxey

December 31, 2016

More Decks by Scott Doxey

See All by Scott Doxey
How to Build a Rhythm Game in (Almost) Any Game Engine
Avatar for Scott Doxey neogeek
0
34
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
64
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
33
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
40
Intro to ES2015
Avatar for Scott Doxey neogeek
0
180
Intro to Firebase
Avatar for Scott Doxey neogeek
0
590
Facade.js
Avatar for Scott Doxey neogeek
0
220
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
330

Other Decks in Programming

See All in Programming
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
2
360
TypeSpec で繋ぐ複数プロダクトの型安全
Avatar for Mitsui maroon8021
1
130
Firefoxにコントリビューションして得られた学び
Avatar for ken7253 ken7253
2
170
Agentic AI & UI: Arcitecture, HITL, Emerging Standards
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
【ディップ｜26年新卒研修資料】OpenAPI/Swagger REST API研修
Avatar for ディップ株式会社 dip_tech
PRO
0
220
[BalkanRuby 2026] Drop your app/services!
Avatar for Vladimir Dementyev palkan
3
590
ビジネスモデルから紐解く、AI+型駆動開発
Avatar for Hiroki Omote hirokiomote
2
500
KMP × Kotlin 2.3 - How Android Got Slower While iOS Builds Improved by 47%
Avatar for Ryosuke Shimizu (RIO) rio432
0
230
AIエージェントの隔離技術の徹底比較
Avatar for kawayu kawayu
0
280
リセットCSSを1行消したらアクセシビリティが向上した話
Avatar for pvcresin pvcresin
4
520
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
130
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
Avatar for Atsushi Matsuo matsuo_atsushi
0
150

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
190
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
290
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
180
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
200
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
230
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
770
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k

Transcript

  1. An Introduction to

  2. None
  3. None

  4. Scott Doxey twitter.com/@neogeek github.com/neogeek dribbble.com/neogeek Full stack developer

  5. What is Firebase?

  6. Firebase is a Platform as a Service (PaaS) that can

    store data and static files.

  7. Getting started with Firebase

  8. None
  9. None
  10. None

  11. Initial setup

  12. Saving data

  13. None

  14. Saving data to reference

  15. None

  16. Pushing data to a reference

  17. None

  18. Displaying data in the console

  19. None

  20. Iterating through an array

  21. None

  22. Deleting a reference

  23. How can this be applied to making games?

  24. Easily.

  25. The demo built for this talk utilizes everything mentioned in

    previous slides.

  26. https://html5-game-demo.firebaseapp.com/

  27. Handling new players

  28. Rendering other players

  29. Other libraries used • Facade.js - Rendering sprites and animations

    • Gamepad.js - Controller/keyboard event binding • Box2D (with Facade.js plugin) - Physics/Collision detection • Spire of Babel - ES2015 to ES5 transpiler and bundler.

  30. Repository for Demo https://github.com/neogeek/ html5-game-demo

  31. Questions?

  32. Thanks!

  33. Scott Doxey twitter.com/@neogeek github.com/neogeek dribbble.com/neogeek Full stack developer