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
0
58

Intro to Firebase 2.0

Avatar for Scott Doxey

Scott Doxey

December 31, 2016
Tweet

More Decks by Scott Doxey

See All by Scott Doxey
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
18
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
27
Intro to ES2015
Avatar for Scott Doxey neogeek
0
170
Intro to Firebase
Avatar for Scott Doxey neogeek
0
580
Facade.js
Avatar for Scott Doxey neogeek
0
190
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
320

Other Decks in Programming

See All in Programming
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
7
2.7k
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
280
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
Avatar for kesoji kesoji
0
230
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
330
「Cursor/Devin全社導入の理想と現実」のその後
Avatar for Ryoichi Saito saitoryc
0
830
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
4
2.2k
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
5
910
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
2.2k
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
190
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
270
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
400

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k

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