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
430
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
68
Make Your Browser Dance | LondonJS
rumyra
0
480
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
130
Crochet Stiches vs Pixel Density
rumyra
0
280
Other Decks in Programming
See All in Programming
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
710
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
5.3k
NPOでのDevinの活用
codeforeveryone
0
720
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
140
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.1k
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
370
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
590
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
220
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
400
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
180
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
700
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
260
Featured
See All Featured
Balancing Empowerment & Direction
lara
1
400
How GitHub (no longer) Works
holman
314
140k
Designing for humans not robots
tammielis
253
25k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Statistics for Hackers
jakevdp
799
220k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Typedesign – Prime Four
hannesfritz
42
2.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
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