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
59

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
13
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
19
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
28
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
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
3.4k
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
240
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
Avatar for CARTA Engineering carta_engineering
0
390
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
Avatar for 入井 啓太 iriikeita
0
320
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
170
pnpm に provenance のダウングレード を検出する PR を出してみた
Avatar for mattsuu ryo_manba
1
130
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
Avatar for nrs nrslib
3
410
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
Avatar for GENIEE ,Inc geniee_inc
0
120
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
Avatar for Takashi uhucream
0
200
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
3
230
フロントエンド開発のためのブラウザ組み込みAI入門
Avatar for Masashi Hirano masashi
7
3.3k
バッチ処理を「状態の記録」から「事実の記録」へ
Avatar for HideyukiKitao panda728
PRO
0
180

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
880
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k

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