Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building apps for FirefoxOS
Search
Ruth John (Rumyra)
October 10, 2013
Programming
1
420
Building apps for FirefoxOS
Full talk slides introducing how to start building apps for Firefox OS
Ruth John (Rumyra)
October 10, 2013
Tweet
Share
More Decks by Ruth John (Rumyra)
See All by Ruth John (Rumyra)
Web Components
rumyra
3
20k
Make Your Browser Dance | Breaking Borders
rumyra
0
67
Make Your Browser Dance | LondonJS
rumyra
0
470
Building Pocket Kitten
rumyra
0
220
How to Sew
rumyra
0
80
Building Apps For FirefoxOS - Edited version
rumyra
0
220
Lesser Spotted HTML
rumyra
0
170
So you think you know HTML?
rumyra
2
120
Crochet Stiches vs Pixel Density
rumyra
0
280
Other Decks in Programming
See All in Programming
フロントエンドテストの育て方
quramy
11
2.7k
CRE Meetup!ユーザー信頼性を支えるエンジニアリング実践例の発表資料です
tmnb
0
460
DomainException と Result 型で作る型安全なエラーハンドリング
karszawa
0
770
安全に倒し切るリリースをするために:15年来レガシーシステムのフルリプレイス挑戦記
sakuraikotone
5
2.5k
AIエージェントを活用したアプリ開発手法の模索
kumamotone
1
760
SLI/SLOの設定を進めるその前に アラート品質の改善に取り組んだ話
tanden
2
750
Windows版PHPのビルド手順とPHP 8.4における変更点
matsuo_atsushi
0
370
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
640
SideKiqでジョブが二重起動した事象を深堀りしました
t_hatachi
0
250
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
200
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
120
snacks.nvim内のセットアップ不要なプラグインを紹介 / introduce_snacks_nvim
uhooi
0
360
Featured
See All Featured
The Language of Interfaces
destraynor
157
24k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
51
2.4k
KATA
mclloyd
29
14k
For a Future-Friendly Web
brad_frost
176
9.6k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Unsuck your backbone
ammeep
670
57k
Statistics for Hackers
jakevdp
798
220k
Become a Pro
speakerdeck
PRO
27
5.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Speed Design
sergeychernyshev
28
870
Transcript
ì Building apps for Firefox OS
Hello ì Hi, I’m Ruth ì Work in
The Lab at o2 (Telefonica) ì UX, Design, Front End Dev ì @rumyra
But what the? ì It’s an OperaIng System!
ì (Mobile) Device, then Gonk ì Firefox rendering engine -‐> Gecko ì Otherwise known as ‘Boot to Gecko’
But what the? ì It’s an OperaIng System!
ì (Mobile) Device, then Gonk ì Firefox rendering engine -‐> Gecko ì Otherwise known as ‘Boot to Gecko’
Gaia ì Suite of web apps ì Run
naIvely on device ì Can boot on other devices (Raspberry Pi) ì All Open Source
Devices Geeksphone Foxconn tablet
Released! ì Mozilla, Telefonica, & ZTE ì
‘ZTE Open’ ì €69 ì Ebay ì This country?
ì Devices
No device? ì Simulator: Firefox Add On
How do I build apps?
How do I build apps?
How do I build apps? ì You probably already have
ì HTML, CSS, Javascript ì Other web technologies ì Simples!
Anything else? ì Manifest – root of app,
JSON format ì Responsive design ì Icons ì Offline
New technology ì HTML5 api’s ì GeolocaIon,
getUserMedia ì New webAPIs :D
WebAPIs (are awesome)
I’ve made an app – now what? ì Packaged
Apps -‐> Mozilla marketplace ì Hosted Apps -‐> Host it anywhere (even Github pages)
Resources ì heps://addons.mozilla.org/en-‐US/firefox/addon/firefox-‐os-‐ simulator/ ì hep://manifest-‐validator.com/ ì
heps://wiki.mozilla.org/WebAPI/ or heps://developer.mozilla.org/en-‐US/docs/WebAPI ì heps://developer.mozilla.org/en-‐US/docs/Apps/Packaged_apps ì hep://www.12devsofxmas.co.uk/post/2012-‐12-‐27-‐day-‐2-‐lets-‐ make-‐a-‐firefoxos-‐app
Thank you ì Ruth John ì @rumyra