diff options
Diffstat (limited to 'files/es/archive/b2g_os/apps')
| -rw-r--r-- | files/es/archive/b2g_os/apps/escribiendo_una_aplicacion_web_para_b2g/index.html | 29 | ||||
| -rw-r--r-- | files/es/archive/b2g_os/apps/index.html | 62 |
2 files changed, 91 insertions, 0 deletions
diff --git a/files/es/archive/b2g_os/apps/escribiendo_una_aplicacion_web_para_b2g/index.html b/files/es/archive/b2g_os/apps/escribiendo_una_aplicacion_web_para_b2g/index.html new file mode 100644 index 0000000000..e3ca09ccb8 --- /dev/null +++ b/files/es/archive/b2g_os/apps/escribiendo_una_aplicacion_web_para_b2g/index.html @@ -0,0 +1,29 @@ +--- +title: Escribiendo una aplicación web para B2G +slug: Archive/B2G_OS/Apps/Escribiendo_una_aplicacion_web_para_B2G +tags: + - Firefox OS + - aplicaciones + - aplicación +translation_of: Web/Apps/Fundamentals/Quickstart +--- +<p>Las aplicaciones de B2G son solo aplicaciones Web escritas con HTML, CSS y JavaScript. Las puedes publicar en la Web tal como publicarías cualquier otro sitio Web. Con el fin de hacer instalable el sitio Web como una aplicación Web en el dispositivo, solo tienes que adornarlo con un manifiesto y conectar un botón de instalación tal como se explica a continuación.</p> +<p>Los siguientes temas son puntos de partida recomendados:</p> +<ul> + <li><a href="/es/docs/Aplicaciones/Comenzando_aplicaciones">Comenzar con el desarrollo de aplicaciones</a></li> + <li><a href="/es/docs/Aplicaciones/Manifest">Manifiesto de la aplicación</a></li> +</ul> +<p>Por supuesto, ¡no dudes en <a href="/es/docs/Aplicaciones">profundizar aún más en Open Web Apps</a>!</p> +<h2 id="Instalando_la_aplicación_Web">Instalando la aplicación Web</h2> +<p>Con la aplicación y el manifiesto publicados en la Web, necesitas hacer que Gecko sea conciente de ello. Al momento de la instalación, Gecko busca el manifiesto y agrega las entradas necesarias para la pantalla de inicio, etc.</p> +<p>Para instalar una aplicación, llamar a la <a href="/en-US/docs/Apps/Apps_JavaScript_API/navigator.mozApps.install"><code>API navigator.mozApps.install</code></a>. Aquí un ejemplo de un botón de instalación que podrías incluir en tu aplicación cuando la estas organizando:</p> +<pre><script> +var manifest_url = "http://my.webapp.com/manifest.json"; +</script> + +<button onclick="navigator.mozApps.install(manifest_url); return false;"> + ¡Instala esta impresionante aplicación en tu pantalla de inicio! +</button> +</pre> +<p>Nota: El botón de instalación podría estar también en el app market, tal como el <a href="/en-US/docs/Apps/Submitting_an_app">Firefox Marketplace</a>, pero a menudo es muy importante tener un un botón "Instalar como una apliación web" en la página principal de tu sitio.</p> +<p>Ahora visita tu sitio web en el navegador de B2G y pulsa el botón de instalación.</p> diff --git a/files/es/archive/b2g_os/apps/index.html b/files/es/archive/b2g_os/apps/index.html new file mode 100644 index 0000000000..83e26c0f3f --- /dev/null +++ b/files/es/archive/b2g_os/apps/index.html @@ -0,0 +1,62 @@ +--- +title: Creando Aplicaciones para Firefox OS +slug: Archive/B2G_OS/Apps +translation_of: Web/Apps/Fundamentals +--- +<p>Las aplicaciones para dispositivos Firefox OS son simplemente aplicaciones Web; ellas consisten enteramente de tecnologías Web abiertas como JavaScript, HTML, y CSS. Mientras nuestra documentación primaria para aplicaciones cubre casi todo lo que necesitas saber, aquí hay algunos documentos específicos para desarrollar y probar Firefox OS.</p> +<div class="row topicpage-table"> + <div class="section"> + <h2 class="Documentation" id="Documentation" name="Documentation">DOCUMENTACIón y tutoriales</h2> + <dl> + <dt> + <a href="/es/docs/Mozilla/Firefox_OS/Escribiendo_una_aplicacion_web_para_B2G">Escribiendo una aplicación web para Firefox OS</a></dt> + <dd> + Un tutorial para crear tu primera aplicación para Firefox OS.</dd> + <dt> + <a href="/en-US/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Experiencia de usuario</a></dt> + <dd> + Guías para ayudarte a desarrollar aplicaciones con experiencia de usuario consistente y atractiva, incluyendo ejemplos de código y plantillas.</dd> + <dt> + <a href="/en-US/docs/Mozilla/Firefox_OS/Apps/Tips_and_techniques">Tips y técnicas</a></dt> + <dd> + Una surtida variedad de tips y trucos (tanto como soluciones a los problemas) que nuestros desarrolladores sugieren para ti.</dd> + </dl> + <p><span class="alllinks"><a href="/en-US/docs/tag/Apps">Ver más...</a></span></p> + </div> + <div class="section"> + <h2 class="Community" id="Community" name="Community">recibiendo ayuda de la comunidad</h2> + <p>¿Necesitas ayuda en un problema relacionado con tu aplicación y no encuentras la solución en la documentación?</p> + <ul> + <li>Consulta el foro de aplicaciones web: <ul> + <li><a href="https://lists.mozilla.org/listinfo/dev-webapps"> como lista de correo</a></li> + + + <li><a href="http://groups.google.com/group/mozilla.dev.webapps"> como grupo de noticias</a></li> + <li><a href="http://groups.google.com/group/mozilla.dev.webapps/feeds"> como RSS</a></li> +</ul></li> + <li>Consulta el foro de interfaz, que cubre CSS y HTML:<ul> + <li><a href="https://lists.mozilla.org/listinfo/dev-tech-css"> como lista de correo</a></li> + + + <li><a href="http://groups.google.com/group/mozilla.dev.tech.layout"> como grupo de noticias</a></li> + <li><a href="http://groups.google.com/group/mozilla.dev.tech.layout/feeds"> como RSS</a></li> +</ul> + <ul> + <li>Pregunta en el canal Mozilla IRC: <a class="link-irc" href="irc://irc.mozilla.org/openwebapps">#openwebapps</a></li> + </ul> + </li> + </ul> + <p><span class="alllinks"><a class="external" href="http://www.catb.org/~esr/faqs/smart-questions.html">No olvides la etiqueta de la red...</a></span></p> + <h2 class="Tools" id="Tools" name="Tools">Herramientas</h2> + <ul> + <li><span class="external">El Firefox Debugger ofrece soporte para debug remoto de aplicaciones Firefox OS</span></li> + <li><span class="external">Otras <a href="/en-US/docs/Tools">Herramientas para desarrolladores</a></span></li> + </ul> + <p><span class="alllinks"><a href="/en-US/docs/tag/Tools">Ver más...</a></span></p> + <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Tópicos relacionados</h2> + <ul> + <li><a href="/en-US/docs/Web/Apps">Apps</a></li> + </ul> + </div> +</div> +<p> </p> |