mozilla

Compare Revisions

Screencast series: App Basics for Firefox OS

Change Revisions

Revision 533841:

Revision 533841 by codepo8 on

Revision 533927:

Revision 533927 by chrisdavidmills on

Title:
Screencast series: App Basics for Firefox OS
Screencast series: App Basics for Firefox OS
Slug:
Mozilla/Firefox_OS/Screencast_series:_App_Basics_for_Firefox_OS
Mozilla/Firefox_OS/Screencast_series:_App_Basics_for_Firefox_OS
Content:

Revision 533841
Revision 533927
n7    <h2 id="Introduction">n7    <div class="summary">
8      Introduction8      <p>
9    </h2>9        <span class="seoSummary"><a href="http://www.mozilla.org/
 >en-US/firefox/os/">Firefox OS</a> is an operating system that bri
 >ngs the Web to mobile devices. Instead of being a new OS with new
 > technologies and development environments it builds on standardi
 >sed web technologies that have been in use for years now. If you 
 >are a web developer and you want to build a mobile app, Firefox O
 >S gives you the tools to do so, without having to change your wor
 >kflow or learn a totally new development environment. In this col
 >lection of short videos, developers from Mozilla and Telenor met 
 >in Oslo, Norway to explain in a few steps how you can get started
 > to build applications for Firefox OS.</span>
10      </p>
11    </div>
n11      <a href="http://www.mozilla.org/en-US/firefox/os/">Firefox n13      In this series you’ll learn:
>OS</a> is an operating system that brings the web to mobile devic 
>es. Instead of being a new OS with new technologies and developme 
>nt environments it builds on standardised web technologies that h 
>ave been in use for years now. If you are a web developer and you 
> want to build a mobile app, Firefox OS gives you the tools to do 
> so, without having to change your workflow or learn a totally ne 
>w development environment. In this series of short videos, develo 
>pers from Mozilla and Telenor met in Oslo, Norway to explain in a 
> few steps how you can get started to build applications for Fire 
>foxOS. You’ll learn: 
n14      <li>how to build your first application for Firefox OSn16      <li>How to build your first application for Firefox OS.
n16      <li>how to debug and test your application both on the deskn18      <li>How to debug and test your application both on your des
>top and the real device>ktop and a real device.
n18      <li>how to get it listed in the marketplacen20      <li>How to get it listed in the <a href="/en-US/Marketplace
 >">Firefox Marketplace</a>.
n20      <li>how to use the APIs and special interfaces Firefox OS on22      <li>How to use the APIs and special interfaces Firefox OS o
>ffers a JavaScript developer to take advantage of the hardware av>ffers a JavaScript developer to take advantage of the hardware av
>ailable in smartphones.>ailable in smartphones.
n24      Each of the screencasts is short enough to watch in a shortn26      Each of the screencasts is short enough to get through in a
> break and the whole series should not take you more than an hour> short break and the whole series should not take more than an ho
> of your time.>ur to watch.
nn28    <h2>
29      Code and development environment
30    </h2>
n27      In addition to the screencasts, you can download the accompn32      In addition to the screencasts, you can download the accomp
>anying <a href="https://github.com/comoyo/fxos-video-script/">cod>anying <a href="https://github.com/comoyo/fxos-video-script/">cod
>e samples from GitHub</a> . If you want to try the code examples >e samples from GitHub</a>. If you want to try the code examples o
>out for yourself, you will need to set up a very simple developme>ut for yourself, you will need to set up a very simple developmen
>nt environment. All you need is:>t environment. All you need is:
n30      <li>A current version of <a href="https://www.mozilla.org/en35      <li>A current version of <a href="https://www.mozilla.org/e
>n-US/firefox/">Firefox</a> (which comes out of the box with the d>n-US/firefox/">Firefox</a>, which comes out of the box with the d
>eveloper tools you need) - we recommend getting <a href="http://w>eveloper tools you need — we recommend getting <a href="http://ww
>ww.mozilla.org/en-US/firefox/aurora/">Firefox Aurora</a> or <a hr>w.mozilla.org/en-US/firefox/aurora/">Firefox Aurora</a> or <a hre
>ef="https://nightly.mozilla.org/">Nightly</a> if you really want >f="https://nightly.mozilla.org/">Nightly</a> if you really want t
>to play with the state-of-the-art technology.>o play with the state-of-the-art technology.
n32      <li>A text editor - in the screencasts we used <a href="httn37      <li>A text editor — in the screencasts we used <a href="htt
>p://www.sublimetext.com/">Sublime Text</a>, but any will do. If y>p://www.sublimetext.com/">Sublime Text</a>, but any will do. If y
>ou want to be really web native, you can try <a href="http://brac>ou want to be really web native, you can try <a href="http://brac
>kets.io/">Adobe Brackets</a>.>kets.io/">Adobe Brackets</a>.
nn42    <h2>
43      Introducing the series
44    </h2>
n38      The series features <a href="http://twitter.com/janjongboomn46      The series features <a href="http://twitter.com/janjongboom
>">Jan Jongboom (@janjongboom)</a>, <a href="http://twitter.com/se>">Jan Jongboom (@janjongboom)</a> and <a href="http://twitter.com
>rgimansilla">Sergi Mansilla (@sergimansilla)</a> of Telenor Digit>/sergimansilla">Sergi Mansilla (@sergimansilla)</a> of Telenor Di
>al and <a href="http://twitter.com/codepo8">Chris Heilmann (@code>gital and <a href="http://twitter.com/codepo8">Chris Heilmann (@c
>po8)</a> of Mozilla and was shot in three days in Oslo, Norway at>odepo8)</a> of Mozilla, and was shot in three days in Oslo, Norwa
> the offices of Telenor in February 2014.>y at the Telenor head office in February 2014.
n43    <p>n51    <p style="margin: 0 auto; width: 640px">
44      <iframe allowfullscreen="" frameborder="0" height="360" src52      <iframe allowfullscreen="" frameborder="0" height="360" scr
>="https://www.youtube.com/embed/bp87xaLI0h4/?feature=player_detai>olling="no" src="https://www.youtube.com/embed/bp87xaLI0h4/?featu
>lpage" width="640"></iframe>>re=player_detailpage" width="640"></iframe>
t47      To be continued…t55      To be continued: check back here regularly in the next few 
 >days for additional content.
48    </p>
49    <p>
50      Chris, Sergi and Jan

Back to History