Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Intro to Firebase 2.0

Avatar for Scott Doxey Scott Doxey
December 31, 2016
Programming
0
61

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
16
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
21
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
31
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
200
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
320

Other Decks in Programming

See All in Programming
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
320
ViewファーストなRailsアプリ開発のたのしさ
Avatar for sugiwe sugiwe
0
470
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
400
Findy AI+の開発、運用におけるMCP活用事例
Avatar for starfish719 starfish719
0
370
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
730
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
Avatar for s.konishi hasibirok0
0
240
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
140
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
240
Github Copilotのチャット履歴ビューワーを作りました～WPF、dotnet10もあるよ～ #clrh111
Avatar for KatsuYuzu katsuyuzu
0
110
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
690
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
330
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
6
1.3k

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

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