> For the complete documentation index, see [llms.txt](https://elguerre.gitbook.io/de0an/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elguerre.gitbook.io/de0an/capitulo-2-antes-de-comenzar.-el-terreno-de-juego/desarrollo-web.md).

# Desarrollo web

Las aplicaciones web, como es sabido, se basan en el desarrollo de aplicaciones que son ejecutadas en un navegador web. Windows, como no podía ser de otra manera, cuenta con **Microsoft** **Edge**.

En UWP, el desarrollo web se basa en un componente, *WebView*, que es el control de interfaz de usuario que va a permitir la navegación web embebida en nuestra aplicación.

Asimismo, vamos a poder desarrollar y diseñar sitios web para UWP basados en HTML 5, incluso, hasta desarrollar aplicaciones completas. Sin embargo, un sitio web no llega a ser tan personalizable como una aplicación. En la siguiente tabla se distinguen algunas particulares entre ambas:

**Tabla 06.- Diferencias entre aplicaciones web para móviles y aplicaciones dedicadas**

| Aplicación web para móviles                                                                                                                                                                     | Aplicación dedicada                                                                                                                                                                                                                                                 |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <ul><li>Ejecución en diferentes dispositivos móviles</li><li>Facilidad de actualización</li><li>Búsquedas de contenido</li><li>Aprovechamiento de los conocimientos en desarrollo web</li></ul> | <ul><li>Fijación de <em>Tiles</em> secundarios a la pantalla de inicio</li><li><em>Live Tiles</em>.</li><li>Datos locales en el propio dispositivo</li><li>Reconocimiento de voz</li><li>Acceso a <em>Webcam</em>, sensores y otros componentes hardware.</li></ul> |

Atendiendo a estas diferencias, podemos hablar de **aplicaciones híbridas**, de manera que minimicen el esfuerzo para la publicación en la Tienda. Éstas, a su vez, añaden características que pueden incrementar el número de ventajas sobre una completa aplicación web:

* Reutilización de código HTML, CSS y JavaScript ya creado.
* Reducción de costes en el **desarrollo móvil multiplataforma**.
* Combinación con código C# para acceder a la plataforma de WP.

Por ejemplo, una aplicación híbrida, podría:

* Fijar las páginas del sitio web a la pantalla o menú de inicio.
* Compartir enlaces a páginas web con otros contactos en las redes sociales.
* Ejecución de comandos mediante el reconocimiento de voz.
* Integración con *Microsoft Wallet* para almacenar tarjetas de fidelidad o información de tarjetas de pago.

Existen también consideraciones que van a permitirnos conseguir la optimización del contenido web móvil, por ejemplo, la página: <https://developers.google.com/webmasters/mobile-sites/?hl=es>, nos muestra algunas guías para ello además de darnos la posibilidad de realizar una prueba de optimización de nuestro sitio web.

{% hint style="info" %}
**Nota**: Una aplicación híbrida consigue su mayor valor al aprovechar el trabajo previo realizado para la creación de un sitio web para móviles.

Por otro lado, los desarrollos multiplataforma con *Xamarin* o *Cordova*, cada día siguen acortando la línea divisoria entre ambos marcos de aplicación.
{% endhint %}