Guía básica para crear aplicaciones de la Tienda Windows con JavaScript
Aquí tienes los principales recursos que te ayudarán a empezar a desarrollar aplicaciones de la Tienda Windows 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:
- Guía básica para crear aplicaciones de la Tienda Windows con C# o Visual Basic
- Guía básica para crear aplicaciones de la Tienda Windows con C++
Introducción
Si aún no has instalado Windows 8 y las herramientas de desarrollo, descárgalos ahora:
Estos temas son una fantástica introducción a la creación de aplicaciones de la Tienda Windows con JavaScript:
- Crear la primera aplicación de la Tienda Windows con JavaScript
- Escribir código para aplicaciones de la Tienda Windows con JavaScript
- Plantillas de proyecto JavaScript para aplicaciones de la Tienda Windows
- Uso de Windows en tiempo de ejecución en JavaScript
- Programación asincrónica en JavaScript
- Depuración de aplicaciones de JavaScript
Programming Windows 8 Apps with HTML, CSS, and 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.
Laboratorios prácticos de Windows 8
Si quieres más tutoriales para ayudarte a comenzar a realizar aplicaciones de la Tienda Windows, descarga los laboratorios prácticos para Windows 8. Estos laboratorios proporcionan una introducción detallada y modular a la creación de una aplicación de la Tienda Windows. Estos laboratorios están disponibles en JavaScript con HTML y en C# con XAML.
Crear una interfaz de usuario básica
Estos temas describen la interfaz de usuario básica de las aplicaciones de la Tienda Windows.
| 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 las vistas de pantalla completa, acopladas y rellenas, 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 la Tienda Windows.
| 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 | Captura fotografías y vídeos en tus aplicaciones de la Tienda Windows. |
| Reproducir audio y vídeo | Reproduce audio y vídeo en tus aplicaciones de la Tienda Windows. |
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. |
Migrar aplicaciones de versiones anteriores de Windows 8
¿Has escrito aplicaciones para una versión preliminar de Windows 8? Para ver cómo actualizarlas para que se ejecuten en Windows 8, consulta el tema sobre la migración de una aplicación de la Tienda Windows con JavaScript.
Temas relacionados
- HTML/CSS para aplicaciones de la Tienda Windows
- API de Windows para aplicaciones de la Tienda Windows
- Empaquetar aplicaciones
