Developing for Firefox OS

Developing for Firefox OS

Icons of B2G, Firefox OS and Mozilla Apps

Panagiotis Astithas, Mozilla, FOSSCOMM 2013, 21/4/2013

Who am I?

Firefox team

Photo by Rob Campbell

Panagiotis Astithas
Firefox Developer Tools engineer
{@pastith}

Introduction

Welcome mat

What has Mozilla done?
What do we do now?
A new challenge
Firefox OS / Apps for the web
Firefox for developers

Photo by the McClouds

What Mozilla did…

About Internet Explorer 6 info

What Mozilla did…

Browser Logos

Ongoing work…

Mozilla is more than Firefox

A new challenge

Responsive Design

Photo by Jason Weaver

Broken promises

Smartphone equals HTML5

Hardware lockout

Very obvious road block

Photo by Doug Geisler

Web API work

All the hardware in a mobile with info to the corresponding Web API spec and implementation status

http://arewemobileyet.com

Powered by Firefox OS

Firefox OS running on a phone

Gonk, Gecko and Gaia

Photo by Alesa Dam

Interface flexibility

Gaia concepts

Web API documentation

Web API docs

developer.mozilla.org/docs/WebAPI

Firefox for developers

Developers at a hack day

Photo by Clive Darra

Firefox Developer Tools

Firefox Developer Tools

developer.mozilla.org/docs/Tools

Responsive view

Two views of the same page

Firefox OS Simulator

Firefox OS Simulator

addons.mozilla.org/firefox/addon/firefox-os-simulator

Where to find more info…

Follow @Boot2Gecko and @mozhacks on Twitter
Join in on IRC: irc.mozilla.org channel #B2G
B2G Repo: https://github.com/mozilla-b2g/B2G
B2G Architecture: https://wiki.mozilla.org/B2G/Architecture
Gaia Repo: https://github.com/mozilla-b2g/gaia
Developer Docs: https://developer.mozilla.org/docs/Mozilla/Firefox_OS
Web API Docs: https://developer.mozilla.org/docs/WebAPI
Developer Tools Docs: https://developer.mozilla.org/docs/Tools

App Store(s)

Mozilla Marketplace

marketplace.mozilla.org

Developer phones

Developer phones

www.geeksphone.com

Thanks

Red panda (Firefox)