Guía básica para crear aplicaciones de Windows en tiempo de ejecución con JavaScript

Applies to Windows and Windows Phone

Aquí tienes los principales recursos que te ayudarán a empezar a desarrollar aplicaciones de Windows en tiempo de ejecución con JavaScript. (Ten en cuenta que no se trata de una lista completa de todas las características ni de los recursos disponibles). Este tema se ha diseñado para comenzar en la sección Introducción, pero después puedes moverte de una sección a otra para aprender la funcionalidad que más te interese. Agrega esta página a marcadores y vuelve a ella cuando necesites aprender a agregar otra funcionalidad a tu aplicación.

Si prefieres usar otro lenguaje de programación, consulta:

Introducción

Estos temas son una fantástica introducción a la creación de aplicaciones de Windows en tiempo de ejecución con JavaScript:

Programación de aplicaciones de la Tienda Windows con HTML, CSS y JavaScript

Este libro electrónico gratuito, compuesto por 17 capítulos, proporciona una completa orientación para el desarrollo de aplicaciones de la Tienda Windows con JavaScript. Contiene una sección de inicio rápido que te ofrece una experiencia inmediata con las herramientas, la API y algunas funciones de la plataforma, para después pasar a describir el resto de la plataforma en profundidad.

Crear una interfaz de usuario básica

Estos temas describen la interfaz de usuario básica de las aplicaciones de Windows en tiempo de ejecución.

Selección de las superficies correctas para la interfaz de usuario Primero, asegúrate de que tu aplicación usa la superficie correcta en el momento correcto.
Directrices para interacción del usuario Aprende cómo crear una aplicación con la que los usuarios puedan interactuar de forma intuitiva y envolvente, sin importar el dispositivo o el método de entrada que utilicen.
Accesibilidad Aprende a lograr que tu aplicación sea accesible para la mayor parte posible del público, incluso personas con dificultades o limitaciones.
Barras de la aplicación La barra de la aplicación presenta la navegación, los comandos y las herramientas a los usuarios.
Menús contextuales Los menús contextuales muestran hasta cinco comandos que permiten a los usuarios realizar acciones inmediatas relacionadas con lo que están haciendo.
Controles: HTML Crea controles y conéctalos al código.
Controles y estilos: WinJS Usa la biblioteca de Windows para los controles y estilos de JavaScript.
Diseños y vistas A la hora de planear los distintos tamaños de ventana, la interfaz de usuario se puede redistribuir de forma elegante, independientemente del tamaño u orientación de la pantalla, o la vista de interacción con el usuario.
Navegación Navega entre las páginas o muestra contenido de otras páginas.
Entrada con pluma o lápiz Habilita la funcionalidad de tinta digital para usar un dispositivo señalador tal como un lápiz o una pluma.
Recursos Crea y administra los recursos de la interfaz de usuario de la aplicación tales como imágenes y cadenas.
Iconos Crea y actualiza los iconos.
Notificaciones del sistema Crea y envía notificaciones del sistema.
Entrada táctil Crea una experiencia táctil.

 

Administrar el inicio, suspensión y reanudación

Para asegurarte de que el usuario tenga una experiencia agradable con tu aplicación, piensa qué debería suceder cuando se inicie, se suspenda o se reanude.

Reproducción automática Ofrece tu aplicación como una opción cuando el usuario conecte un dispositivo a su equipo. Esto incluye cámaras, reproductores multimedia, unidades USB y DVD.
Activación de archivos Ofrece tu aplicación como una opción para trabajar con un tipo de archivo.
Activación de protocolos Ofrece tu aplicación como una opción para trabajar con un protocolo.
Pantalla de presentación La pantalla de presentación predeterminada aparece cuando el usuario inicia la aplicación y proporciona información inmediata a los usuarios mientras la aplicación inicializa sus recursos.
Suspender o reanudar Controlar la suspensión y la reanudación de la aplicación mejora la experiencia de los usuarios con la aplicación. Si dejan la aplicación, pueden encontrarla tal cual la dejaron cuando regresen, como si hubiera estado funcionando en segundo plano.

 

Implementar contratos

Los contratos permiten la interacción entre Windows y una o varias aplicaciones de Windows en tiempo de ejecución.

selector de archivos Puedes ayudar a que los usuarios seleccionen archivos de una aplicación mientras están usando otra. De este modo, ganan libertad y flexibilidad. Las aplicaciones aumentan su popularidad cuando participan en contratos de Selector de archivos.
Reproducir en Usa el contrato de Reproducir en para que los usuarios puedan transmitir fácilmente audio, vídeo o imágenes desde su equipo a los dispositivos de su red doméstica.
Buscar Puedes agregar un panel de búsqueda a tu aplicación para que los usuarios puedan buscar contenido en tus aplicaciones, así como contenido de otras aplicaciones. Las aplicaciones que participan en el contrato de Buscar tienen un mayor tráfico y uso.
Configuración Implementa el contrato de Configuración para que los usuarios puedan acceder a la configuración de tu aplicación desde el acceso a Configuración.
Compartir Las grandes aplicaciones permiten que los usuarios compartan fácilmente lo que están haciendo con sus amigos y familiares. Las aplicaciones que admiten el contrato de Compartir pueden compartir automáticamente el contenido con otras aplicaciones que también lo admitan.

 

Acceso a datos y contenido

Puedes recuperar fuentes RSS y cargar y descargar archivos.

Acceso y publicación de contenido sindicado Publica, actualiza y quita fuentes sindicadas o elementos de fuente.
Enlace de datos El enlace de datos te permite sincronizar los elementos de tu aplicación con diferentes orígenes de datos, como bases de datos, archivos y objetos internos.
Transferencia de datos en segundo plano Inicia, pon en pausa, reanuda, notifica el progreso y cancela una operación de descarga de archivo.

 

Acceso a archivos y carpetas

Estos temas muestran cómo acceder a los datos del sistema de archivos mediante programación.

Acceso a archivos mediante selectores de archivos Muestra el selector de archivos cuando los usuarios tengan que seleccionar un archivo para abrirlo.
Acceder a archivos mediante programación Usa consultas de búsqueda para enumerar los archivos de una carpeta, biblioteca, dispositivo o ubicación de red y acceder a ellos.
Iniciar la aplicación predeterminada de un archivo Inicia la aplicación predeterminada de un tipo de archivo.
Lectura y escritura de archivos Crea, escribe y lee archivos del sistema de archivos.

 

Conectar con aplicaciones y personas

Puedes crear aplicaciones conectadas que ofrezcan experiencias fantásticas a los usuarios.

Proximidad y pulsar Conecta los equipos que se encuentran cerca con un simple gesto de pulsar.
Contactos de usuario Permite que los usuarios tengan acceso a sus contactos para que puedan compartir contenido, enviarse correo electrónico o mensajes, o utilizar otras formas nuevas de interacción.

 

Agregar animación y gráficos

Da vida a tu aplicación con animaciones, transiciones y gráficos.

Animación de la interfaz de usuario Usa la biblioteca de animaciones para animar listas, transiciones, punteros y elementos y superficies de la interfaz de usuario.
Dibujo en un Canvas Usa SVG y Canvas para agregar gráficos vectoriales rápidos y ligeros a tu aplicación.

 

Uso de recursos multimedia

En estas secciones se describe cómo agregar recursos multimedia a tu aplicación.

Capturar fotografías y vídeos Capturar fotografías y vídeos en tus aplicaciones.
Reproducir audio y vídeo Reproducir audio y vídeo en tus aplicaciones.

 

Compatibilidad con dispositivos

Puedes admitir numerosos dispositivos en tu aplicación. Los sensores de movimiento y orientación permiten a tu aplicación responder al movimiento. Los sensores de luz permiten a tu aplicación responder a los cambios de luz ambiente. La geolocalización permite a tu aplicación responder a la ubicación del usuario.

Enumeración de dispositivos Enumera los dispositivos según la funcionalidad que proporcionan.
Acelerómetros Usa un acelerómetro para detectar cambios de movimiento en uno o en dos ejes.
Girómetros Usa un girómetro para detectar cambios de orientación y la velocidad de rotación. Los girómetros y los acelerómetros trabajan juntos como controladores de juegos.
Inclinómetros Usa un inclinómetro para detectar cambios de movimiento en los ejes X, Y y Z.
Sensores de luz Usa un sensor de luz para detectar cambios de luz ambiente y responder a dichos cambios.
Ubicación geográfica Detecta la ubicación geográfica del usuario.
Impresoras Usa funcionalidades de impresión para mejorar la experiencia de impresión del usuario.
Almacenamiento extraíble Accede a contenido en medios y dispositivos de almacenamiento, como Dispositivos portátiles de Windows (WPD), dispositivos de Protocolo de transferencia multimedia (MTP) y dispositivos de Clase de almacenamiento masivo (MSC).

 

Depurar y probar aplicaciones

Ejecutar aplicaciones desde Visual Studio Ejecuta aplicaciones en un equipo local, simulador o dispositivo remoto.
Iniciar una sesión de depuración Configura e inicia sesiones de depuración.
Navegación del depurador Usa el depurador de Visual Studio para depurar aplicaciones.
Depurar aplicaciones JavaScript Usa las herramientas de VS para depurar código HTML, CSS y JavaScript.
Analizar el rendimiento de la aplicación Usa las herramientas de generación de perfiles de Visual Studio para JavaScript.
Analizar el uso de memoria Usa el analizador de memoria de JavaScript para buscar pérdidas de memoria.

 

Directrices y procedimientos recomendados

Inspiración para el diseño Aquí hay algunos artículos que muestran ejemplos de buen diseño para unas cuantas categorías de aplicaciones (por ejemplo, juegos, aplicaciones de productividad, aplicaciones de noticias, etc.).
Índice de instrucciones de la experiencia de usuario para las aplicaciones de Windows en tiempo de ejecución Usa este recurso para encontrar los procedimientos recomendados para diversas implementaciones y características de diseño específicas, como selectores de archivos, SemanticZoom etc.
Procedimientos recomendados de rendimiento para las aplicaciones de la Tienda Windows con JavaScript Estos son algunos conceptos y directrices a tener en cuenta para que el rendimiento de tu aplicación sea el adecuado en los equipos de los usuarios.
Directrices y listas de comprobación para accesibilidad Describe las directrices que debes seguir si quieres declarar que tu aplicación sea accesible, como parte del proceso de envío de la Tienda Windows.

 

Temas relacionados

HTML/CSS para aplicaciones de la Tienda Windows
API de Windows para aplicaciones de la Tienda Windows
Empaquetar aplicaciones

 

 

Mostrar:
© 2014 Microsoft