mozilla

Revision 349241 of Resources

  • Revision slug: Mozilla/Firefox_OS/Resources
  • Revision title: Resources
  • Revision id: 349241
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment
Tags: 

Revision Content

Resources for App hackers, as generated from our workshops

Firefox OS Simulator

Firefox OS Simulator

https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/
https://hacks.mozilla.org/2012/12/firefox-os-simulator-1-0-is-here/

Firefox OS Simulator prerelease, version 1.1 (scroll to bottom)

https://ftp.mozilla.org/pub/mozilla.org/labs/r2d2b2g/

Developing/installing an app

Firefox OS Boilerplate App (work in progress)

https://github.com/robnyman/Firefox-OS-Boilerplate-App
http://robnyman.github.com/Firefox-OS-Boilerplate-App/

(clean basic version with Install button, Web Activities, WebAPI examples, optional offline support etc)

Code for version with packaged app:

https://github.com/robnyman/Firefox-OS-Boilerplate-App/tree/packaged-app

FxOSStub (template/design for an app with an Install button):

https://github.com/Jaxo/fxosstub

    Recommended: host on your own server or through GitHub pages    
    (http://pages.github.com/). Example at http://robnyman.github.com/Firefox-OS-Boilerplate-App/

Mortar:

https://hacks.mozilla.org/2013/01/writing-web-apps-quickly-with-mortar/

Design patterns:

https://marketplace.firefox.com/developers/docs/patterns

Firefox OS Design Guidelines:

https://t.co/I9VaxvBu

droid@screen: http://blog.ribomation.com/droid-at-screen/

WebAPIs

WebAPIs in version 1:

https://wiki.mozilla.org/WebAPI

Documentation and their status for APIs:

https://developer.mozilla.org/en-US/docs/WebAPI/Doc_status

Robert's slides on Web APIs

http://www.slideshare.net/robnyman/web-apis-apps-mozilla-london

Writing (good) Webapps:

http://jlongster.github.com/writing-webapps/

Firefox Marketplace & Developer Hub

 

File a bug on Marketplace!

https://bugzilla.mozilla.org/enter_bug.cgi?product=Marketplace&component=General
 

Developer Hub

https://marketplace.firefox.com/developers/
 

WebApps mailing list

https://lists.mozilla.org/listinfo/dev-webapps

 

Marketplace Development Server (expect bugs!)

http://marketplace-dev.allizom.org/

 

Reference apps (Chrono, Face Value, Roller):

https://marketplace.firefox.com/developers/docs/apps/chrono

 

WebPayments


https://wiki.mozilla.org/WebAPI/WebPayment
https://wiki.mozilla.org/WebAPI/WebPaymentProvider

 

Pitfalls and helpers for mobile Web apps

Rob's slides on Pitfalls and Helpers

http://www.slideshare.net/robhawkes/mobile-app-development-pitfalls-helpers
 

Revision Source

<p id="Resources_for_App_hackers.2C_as_generated_from_our_workshops"><em>Resources for App hackers, as generated from our workshops</em></p>
<h3 id="Firefox_OS_Simulator">Firefox OS Simulator</h3>
<h4 id="Firefox_OS_Simulator">Firefox OS Simulator</h4>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/" title="https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/">https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/</a><br />
  <a href="https://hacks.mozilla.org/2012/12/firefox-os-simulator-1-0-is-here/" title="https://hacks.mozilla.org/2012/12/firefox-os-simulator-1-0-is-here/">https://hacks.mozilla.org/2012/12/firefox-os-simulator-1-0-is-here/</a></p>
<h4 id="Firefox_OS_Simulator_prerelease.2C_version_1.1_(scroll_to_bottom)">Firefox OS Simulator prerelease, version 1.1 (scroll to bottom)</h4>
<p><a href="https://ftp.mozilla.org/pub/mozilla.org/labs/r2d2b2g/" title="https://ftp.mozilla.org/pub/mozilla.org/labs/r2d2b2g/">https://ftp.mozilla.org/pub/mozilla.org/labs/r2d2b2g/</a></p>
<h3 id="Developing.2Finstalling_an_app">Developing/installing an app</h3>
<h4 id="Firefox_OS_Boilerplate_App_(work_in_progress)">Firefox OS Boilerplate App (work in progress)</h4>
<p><a href="https://github.com/robnyman/Firefox-OS-Boilerplate-App" title="https://github.com/robnyman/Firefox-OS-Boilerplate-App">https://github.com/robnyman/Firefox-OS-Boilerplate-App</a><br />
  <a href="http://robnyman.github.com/Firefox-OS-Boilerplate-App/" title="http://robnyman.github.com/Firefox-OS-Boilerplate-App/">http://robnyman.github.com/Firefox-OS-Boilerplate-App/</a><br />
  <br />
  (clean basic version with Install button, Web Activities, WebAPI examples, optional offline support etc)</p>
<h4 id="Code_for_version_with_packaged_app.3A">Code for version with packaged app:</h4>
<p><a href="https://github.com/robnyman/Firefox-OS-Boilerplate-App/tree/packaged-app" title="https://github.com/robnyman/Firefox-OS-Boilerplate-App/tree/packaged-app">https://github.com/robnyman/Firefox-OS-Boilerplate-App/tree/packaged-app</a></p>
<h4 id="FxOSStub_(template.2Fdesign_for_an_app_with_an_Install_button).3A">FxOSStub (template/design for an app with an Install button):</h4>
<p><a href="https://github.com/Jaxo/fxosstub" title="https://github.com/Jaxo/fxosstub">https://github.com/Jaxo/fxosstub</a><br />
  <br />
  &nbsp;&nbsp;&nbsp; Recommended: host on your own server or through GitHub pages&nbsp;&nbsp; &nbsp;<br />
  &nbsp;&nbsp;&nbsp; (<a href="http://pages.github.com/" title="http://pages.github.com/">http://pages.github.com/</a>). Example at <a href="http://robnyman.github.com/Firefox-OS-Boilerplate-App/" title="http://robnyman.github.com/Firefox-OS-Boilerplate-App/">http://robnyman.github.com/Firefox-OS-Boilerplate-App/</a></p>
<h4 id="Mortar.3A">Mortar:</h4>
<p><a href="https://hacks.mozilla.org/2013/01/writing-web-apps-quickly-with-mortar/" title="https://hacks.mozilla.org/2013/01/writing-web-apps-quickly-with-mortar/">https://hacks.mozilla.org/2013/01/writing-web-apps-quickly-with-mortar/</a></p>
<h4 id="Design_patterns.3A">Design patterns:</h4>
<p><a href="https://marketplace.firefox.com/developers/docs/patterns" title="https://marketplace.firefox.com/developers/docs/patterns">https://marketplace.firefox.com/developers/docs/patterns</a></p>
<h4 id="Firefox_OS_Design_Guidelines.3A">Firefox OS Design Guidelines:</h4>
<p><a href="https://t.co/I9VaxvBu" title="https://t.co/I9VaxvBu">https://t.co/I9VaxvBu</a><br />
  <br />
  droid@screen: <a href="http://blog.ribomation.com/droid-at-screen/" title="http://blog.ribomation.com/droid-at-screen/">http://blog.ribomation.com/droid-at-screen/</a></p>
<h3 id="WebAPIs">WebAPIs</h3>
<h4 id="WebAPIs_in_version_1.3A">WebAPIs in version 1:</h4>
<p><a href="https://wiki.mozilla.org/WebAPI" title="https://wiki.mozilla.org/WebAPI">https://wiki.mozilla.org/WebAPI</a></p>
<h4 id="Documentation_and_their_status_for_APIs.3A">Documentation and their status for APIs:</h4>
<p><a href="/en-US/docs/WebAPI/Doc_status" title="/en-US/docs/WebAPI/Doc_status">https://developer.mozilla.org/en-US/docs/WebAPI/Doc_status</a></p>
<h4 id="Robert's_slides_on_Web_APIs">Robert's slides on Web APIs</h4>
<p>http://www.slideshare.net/robnyman/web-apis-apps-mozilla-london</p>
<h4 id="Writing_(good)_Webapps.3A">Writing (good) Webapps:</h4>
<p>http://jlongster.github.com/writing-webapps/</p>
<h3 id="Firefox_Marketplace_.26_Developer_Hub">Firefox Marketplace &amp; Developer Hub</h3>
<p>&nbsp;</p>
<h4 id="File_a_bug_on_Marketplace!">File a bug on Marketplace!</h4>
<p>https://bugzilla.mozilla.org/enter_bug.cgi?product=Marketplace&amp;component=General<br />
  &nbsp;</p>
<h4 id="Developer_Hub">Developer Hub</h4>
<p>https://marketplace.firefox.com/developers/<br />
  &nbsp;</p>
<h4 id="WebApps_mailing_list">WebApps mailing list</h4>
<p>https://lists.mozilla.org/listinfo/dev-webapps<br />
  <br />
  &nbsp;</p>
<h4 id="Marketplace_Development_Server_(expect_bugs!)">Marketplace Development Server (expect bugs!)</h4>
<p>http://marketplace-dev.allizom.org/<br />
  <br />
  &nbsp;</p>
<h4 id="Reference_apps_(Chrono.2C_Face_Value.2C_Roller).3A">Reference apps (Chrono, Face Value, Roller):</h4>
<p>https://marketplace.firefox.com/developers/docs/apps/chrono<br />
  <br />
  &nbsp;</p>
<h4 id="WebPayments">WebPayments</h4>
<p><br />
  https://wiki.mozilla.org/WebAPI/WebPayment<br />
  https://wiki.mozilla.org/WebAPI/WebPaymentProvider<br />
  <br />
  &nbsp;</p>
<h3 id="Pitfalls_and_helpers_for_mobile_Web_apps">Pitfalls and helpers for mobile Web apps</h3>
<h4 id="Rob's_slides_on_Pitfalls_and_Helpers">Rob's slides on Pitfalls and Helpers</h4>
<p>http://www.slideshare.net/robhawkes/mobile-app-development-pitfalls-helpers<br />
  &nbsp;</p>
Revert to this revision