mozilla

Revision 346651 of General app development tutorial

  • Revision slug: Apps/Tutorials/General
  • Revision title: General app development tutorial
  • Revision id: 346651
  • Created:
  • Creator: madarche
  • Is current revision? No
  • Comment Fixed URL again
Tags: 

Revision Content

Introduction

Unlike applications for platforms like iOS and Android, the first-tier languages of Web applications are HTML, CSS, and JavaScript. These languages are supported by a worldwide web of developer resources. This "Web stack" is available on all modern mobile and desktop hardware and it enables you to maximize code reuse and potentially reach a massive audience on different platforms and devices with little additional effort. In this tutorial we'll explore the different aspects of web app creation, the strategies for designing a flexible, functional app, and coding an app to completion.

Over the course of the tutorial, we'll be employing these techniques and technologies to create a Twitter-based application meant for desktop, mobile phone, and mobile tablet devices. This app will show tweets from selected geographic areas, and is called Area Tweet. Once the app is completed, we'll create the appropriate manifest for submitting our app to the Firefox Marketplace!

Tutorial steps

  1. Foundations of an HTML5 Web app
  2. Configuring your development environment
  3. App design
  4. App code
  5. Creating the Area Tweet app
  6. Debugging the app
  7. Testing the app
  8. Publishing the app
  9. Maintaining the app
  10. Profiting from your app
  11. Create your app!

Revision Source

<h2 id="Introduction">Introduction</h2>
<p>Unlike applications for platforms like iOS and Android, the first-tier languages of Web applications are HTML, CSS, and JavaScript. These languages are supported by a worldwide web of developer resources. This "Web stack" is available on all modern mobile and desktop hardware and it enables you to maximize code reuse and potentially reach a massive audience on different platforms and devices with little additional effort. In this tutorial we'll explore the different aspects of web app creation, the strategies for designing a flexible, functional app, and coding an app to completion.</p>
<p>Over the course of the tutorial, we'll be employing these techniques and technologies to create a Twitter-based application meant for desktop, mobile phone, and mobile tablet devices. This app will show tweets from selected geographic areas, and is called Area Tweet. Once the app is completed, we'll create the appropriate manifest for submitting our app to the <a class="link-https" href="https://marketplace.firefox.com/">Firefox Marketplace</a>!</p>
<h2 id="Tutorial_steps">Tutorial steps</h2>
<ol>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Foundations_of_an_HTML5_Web_App">Foundations of an HTML5 Web app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Configuring_your_development_environment">Configuring your development environment</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/App_design">App design</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/App_code">App code</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Creating_the_Area_Tweet_app">Creating the Area Tweet app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Debugging_the_app">Debugging the app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Testing_the_app">Testing the app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Publishing_the_app">Publishing the app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Maintaining_the_app">Maintaining the app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Profiting_from_your_app">Profiting from your app</a></li>
  <li><a href="/en-US/docs/Apps/Tutorials/General/Create_your_app!">Create your app!</a></li>
</ol>
Revert to this revision