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

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
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
32
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
29
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
32
Intro to ES2015
Avatar for Scott Doxey neogeek
0
170
Intro to Firebase
Avatar for Scott Doxey neogeek
0
590
Facade.js
Avatar for Scott Doxey neogeek
0
200
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
320

Other Decks in Programming

See All in Programming
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
780
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
130
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
160
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
590
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
460
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
180
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k

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