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

Intro to Firebase 2.0

Avatar for Scott Doxey Scott Doxey
December 31, 2016
Programming
81
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
83
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
94
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
36
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
42
Intro to ES2015
Avatar for Scott Doxey neogeek
0
190
Intro to Firebase
Avatar for Scott Doxey neogeek
0
600
Facade.js
Avatar for Scott Doxey neogeek
0
220
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
340

Other Decks in Programming

See All in Programming
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.6k
テーブルをDELETEした
Avatar for yuzneri yuzneri
0
140
AWS DevOps AgentのAzure接続機能を検証して見えた活用法／Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
230
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
320
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
400
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
370
freeeにおけるEvalsの実践例の紹介
Avatar for freee freee
PRO
0
110
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
350
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
220
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
Claude Code全社展開のためにやったことn選～プラグイン302個・コミッター271人を支えるために～
Avatar for Kenichi Takahashi kenchan
5
1.5k
仕様駆動開発の消費期限
Avatar for watany watany
20
8.1k

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
440
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
450
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Side Projects
Avatar for Sacha Greif sachag
455
43k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
350
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
240
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
270

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