Construyendo tus web apps de forma simple para Firefox OS

firefoxos_boton_azul2

Basado en la entrada original de Mozilla Perú, replicada por Jorge Villalobos en Mozilla Hispano.

Firefox OS, el sistema operativo de Mozilla para dispositivos móviles, trae la velocidad, personalización y libertad de Firefox a los celulares.

Crear aplicaciones usando sólo HTML5, CSS y JavaScript permite que programes una vez y que tu aplicación funcione igual en todas las plataformas. Las API estándar te permiten el acceso a todos los componentes de celulares y tablets sin necesidad de SDK adicionales.

Por estar basadas en estándares web, las aplicaciones de Firefox OS corren también en Android, iOS, Windows Phone, y cualquier plataforma con soporte a estándares web.

Guía de 5 pasos para desarrollar tu app para Firefox OS

  1. Crea tu aplicación web con HTML5, CSS y JavaScript que se adecúe a los diversos tipos de pantalla.
  2. Evalúa qué componentes de tu aplicación deben estar disponibles fuera de línea para ofrecer la mejor experiencia al usuario.
  3. Empaqueta. Crea un manifiesto con información de la app y otro para indicar los archivos que requiere para funcionar fuera de línea.
  4. Prueba tu aplicación en Firefox OS Simulator para saber cómo ejecutará en un dispositivo Firefox OS.
  5. Publica tu aplicación en tu sitio web, o en Mozilla Marketplace para su distribución gratuita o de pago.

Recursos adicionales:

  • Firefox OS Building Blocks: Componentes gráficos utilizados en Firefox OS y que pueden usarse en cualquier aplicación.
  • WebAPI: Serie de funciones en JavaScript para controlar componentes de hardware y software en Firefox OS.
  • Firefox OS App Icons: Una guía de estilo a tener en cuenta al elaborar íconos de aplicaciones en Firefox OS.

Encuentra toda la información y demos que necesitas para desarrollar para Firefox OS en la Mozilla Developer Network.

No responses yet

Post a comment

  1. Diseño Web Chile wrote on ::

    Excelente artículo recomendable.

    Responder

  2. Roberto Torres wrote on :

    ¿se pueden construir aplicaciones con bootstrap y jquery?

    Responder

    1. psep wrote on ::

      Hola Roberto,

      Por supuesto, no hay impedimento cuando de web se trata, básicamente esos elementos que mencionas son html, css, js. De hecho yo he utilizado jquery mobile y hay aplicaciones como webogram (cliente de Telegram) que han utilizado angularJS, jquery, bootstrap, entre otras y están en el marketplace de firefox.

      Cualquier consulta no dudes consultar por este medio o suscribirte a nuestra lista de correos donde te podremos ayudar de manera más personalizada:
      http://www.mozillachile.cl/colabora/

      Saludos.

      Responder

      1. Roberto wrote on :

        Gracias por la respuesta!

        Responder

  3. Sebslakes wrote on ::

    Estimados, necesito ayuda para poder hacer pruebas con el telefono, hasta ahora solo puedo con el emulador, y el tutorial me dice que tengo que tener una version de firefox superior a 1.1 u.u help me please

    Responder

    1. mozilla wrote on ::

      Hola estimado,
      Recomiendo que veas este enlace: https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/ es un Firefox OS Simulator and ADB Add-On Helper y puedes encontrar la versión superior a 1.1

      Como un dato fuera del contexto de su pregunta, recomiendo este-> about:app-manager

      Si necesita ayuda, no dude en escribirnos.
      Disculpa la tardanza en responder.

      Saludos,
      @lourcastle

      Responder

Post Your Comment

  1.