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

Intro to Firebase 2.0

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Scott Doxey Scott Doxey
December 31, 2016
Programming
72
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
18
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
43
📦 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
38
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
210
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
330

Other Decks in Programming

See All in Programming
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
220
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
320
10年分の技術的負債、完済へ ― Claude Code主導のAI駆動開発でスポーツブルを丸ごとリプレイスした話
Avatar for nero15 takuya_houshima
0
1.6k
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
220
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
230
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
1.4k
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
130
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
300
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
540
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
360
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
740
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
250

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
99
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
210
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
560
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.5k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
91

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