Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1030206 of App Center

  • Revision slug: Web/Apps
  • Revision title: App Center
  • Revision id: 1030206
  • Created:
  • Creator: gmoraes
  • Is current revision? No
  • Comment

Revision Content

Learn how to create modern web apps using the latest web technologies and ideas — web apps that will have super powers in the latest modern browsers, but still provide an acceptable user experience in less able browsers.

Técnicas modernas para Apps

Progressive web apps
Progressive web apps involve taking standard web sites/apps that enjoy all the best parts of the Web — such as discoverability via search engines, being linkable via {{Glossary("URL")}}s, and working across multiple form factors — and supercharging them with modern APIs (such as Service Workers and Push) and features that confer other benefits more commonly attributed to native apps.
 

App fundamentals

Os guias listados abaixo possuem diversas áreas e funcionalidades para você utilizar no desenvolvimento dos seus apps. esta página inclui workflows, tutoriais, referências, exemplos e outras informações.

Início rápidot
Este guia de inicio rápido introduz e recomenda ferramentas para o desenvolvimento de web apps e especifica os requisitos par ao desenvolvimento de aplicativos Firefox .
Fluxo básico de dados
Setting up the data flow through your application, HTTP basics, Ajax.
Modern web app architecture
A basic introduction to modern web app architecture and development: MVC, frameworks, etc.
Gather and modify data
Retrieving data from files, device hardware (e.g. battery, proximity, light sensor) and key services (e.g. camera, contacts).
User notifications
System notifications, alarms, vibration.
Implement user input and control mechanisms
Mouse, keyboard, pointer lock, touch inputs, drag and drop, and more.
Trabalhar Offline
appCache, localStorage, and IndexedDB.
Entrega de Audio e  Vídeo
Delivery of video and audio onto a web document.
Manipulação de Audio e Vídeo
Como manipular audio e video usando {{htmlelement("canvas")}}, Web Audio API, etc.
Performance
Artigos para você construir seus apps com o melhor desempenho possível.

 

Veja também

{{CommunityBox("Web Apps", "dev-webapps", "mozilla.dev.webapps", "apps")}}

Revision Source

<p class="summary">Learn how to create modern web apps using the latest web technologies and ideas — web apps that will have super powers in the latest modern browsers, but still provide an acceptable user experience in less able browsers.</p>

<h2 id="Modern_app_techniques">Técnicas modernas para Apps</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Web/Apps/Progressive">Progressive web apps</a></dt>
 <dd>Progressive web apps involve taking standard web sites/apps that enjoy all the best parts of the Web — such as discoverability via search engines, being linkable via {{Glossary("URL")}}s, and working across multiple form factors — and supercharging them with modern APIs (such as <a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a> and <a href="/en-US/docs/Web/API/Push_API">Push</a>) and features that confer other benefits more commonly attributed to native apps.</dd>
</dl>
</div>

<div class="column-half">&nbsp;</div>
</div>

<h2 id="App_fundamentals">App fundamentals</h2>

<p>Os guias listados abaixo possuem diversas áreas e funcionalidades para você utilizar no desenvolvimento dos seus apps. esta página inclui workflows, tutoriais, referências, exemplos e outras informações.</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Web/Apps/Fundamentals/Quickstart">Início rápidot</a></dt>
 <dd>Este guia de inicio rápido introduz e recomenda ferramentas para o desenvolvimento de web apps e especifica os requisitos par ao desenvolvimento de aplicativos Firefox .</dd>
 <dt><a href="/en-US/Apps/Build/Basic_data_flow">Fluxo básico de dados</a></dt>
 <dd>Setting up the data flow through your application, HTTP basics, Ajax.</dd>
 <dt><a href="/en-US/Apps/Build/Modern_web_app_architecture">Modern web app architecture</a></dt>
 <dd>A basic introduction to modern web app architecture and development: MVC, frameworks, etc.</dd>
 <dt><a href="/en-US/Apps/Build/gather_and_modify_data">Gather and modify data</a></dt>
 <dd>Retrieving data from files, device hardware (e.g. battery, proximity, light sensor) and key services (e.g. camera, contacts).</dd>
 <dt><a href="/en-US/Apps/Build/User_notifications">User notifications</a></dt>
 <dd>System notifications, alarms, vibration.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/Apps/Build/User_input_methods">Implement user input and control mechanisms</a></dt>
 <dd>Mouse, keyboard, pointer lock, touch inputs, drag and drop, and more.</dd>
 <dt><a href="/en-US/Apps/Build/offline">Trabalhar Offline</a></dt>
 <dd>appCache, localStorage, and IndexedDB.</dd>
 <dt><a href="/en-US/Apps/Build/Audio_and_video_delivery">Entrega de Audio e&nbsp; Vídeo</a></dt>
 <dd>Delivery of video and audio onto a web document.</dd>
 <dt><a href="/en-US/Apps/Build/Audio_and_video_manipulation">Manipulação de Audio e Vídeo</a></dt>
 <dd>Como manipular audio e video usando {{htmlelement("canvas")}}, <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>, etc.</dd>
 <dt><a href="/en-US/Apps/Build/Performance">Performance</a></dt>
 <dd>Artigos para você construir seus apps com o melhor desempenho possível.</dd>
</dl>
</div>
</div>

<p>&nbsp;
 <h2 id="See_also">Veja também</h2>
</p>

<ul>
 <li><a href="/en-US/docs/Tools">Mozilla developer tools</a></li>
 <li><a href="/en-US/docs/Web/API">API reference index</a></li>
 <li><a href="/en-US/docs/Mozilla/Firefox_OS/Firefox_OS_apps">Firefox OS apps</a></li>
</ul>

<p>{{CommunityBox("Web Apps", "dev-webapps", "mozilla.dev.webapps", "apps")}}</p>
Revert to this revision