Windows Phone 8.1, apps con HTML 5, JavaScript y CSS3

Windows Phone Collaboration Network

Alvaro José Agámez Licha

Medellín - Colombia

¿Quién soy?

Alvaro José Agámez Licha, trabajo como Software Engineer en Craftinc.

Programador por pasión, gamer, geek, amante de todo lo relacionado con la tecnología.

Eterno inconforme, siempre pensando en nuevas formas de hacer mejor las cosas y siempre trabajando en alguna idea, así sea reinventando una que otra rueda.

Consumidor de tutoriales, tv, comics, manga, anime, cerveza, helado, changelogs y documentos sobre nuevas tecnologías.

Amante del ecosistema Microsoft y feliz usuario de Windows Phone.

Agenda

Introducción.
What the HELL is WinJS?.
Show me the code bro
Enlaces de interés

Introducción

Los desarrolladores tienen nueva flexibilidad en la creación e implementación de aplicaciones para la plataforma Windows 8.1/Windows Phone 8.1. Además de soportar C#, C++ y VB nativamente en XAML, la plataforma ahora soporta el despliegue de aplicaciones con JavaScript/HTML5/CSS3 como un ciudadano de primera clase usando el Windows Runtime (WinRT).

Arquitectura de la plataforma

WinJS en Producción

Muchas de las aplicaciones nativas de Windows 8.1 son hechas con WinJS.

WinJS incluye un montón de utilidades

Una implementación de CommonJS Promises/A.
Algunos controles UI avanzados.
Utilidades DOM.
Helpers de navegación y xhr.
Y más.

What the HELL is the Windows Library for JavaScript?

Windows Library for JavaScript (WinJS) es una librería de archivos CSS y JavaScript. Contiene objetos JavaScript, organizados en namespaces, diseñada para desarrollar aplicaciones de estilo ModernUI (Windows 8.*, Windows Phone 8.1, Web) utilizando JavaScript de manera más fácil. WinJS incluye objetos que nos ayudan a manejar la activación, acceder al almacenamiento y definir nuestas propias clases y namespaces. También incluye un conjunto de controles:

Componentes

AppBar: Visualiza Comandos.
DatePicker: Habilita al usuario a seleccionar una fecha.
ListView: Despliega una colección de items en una disposición grid o lista.
Pivot: Crea un control tabular que despliega multiples items.
PivotItem: Crea un item dentro de un control Pivot.
TimePicker: Habilita al usuario para seleccionar una hora.
ToggleSwitch: Cambia un item entre encendido y apagado.
Muchos más...

PhoneGap - Cordova - etc

Pero he escuchado o trabajado sobre/con PhoneGap/Apache Cordoba para desarrollar aplicaciones móviles con HTML5/JS/CSS3.

¿Entonces WinJS es cómo PhoneGap?

Nativo vs Hídrido

WinJS te permite desarrollar aplicaciones nativas con acceso a todas las características del dispositivo móvil o del dispositivo que corra la aplicación, sea un PC o una tablet; por otro lado, una aplicación hídrida corre sobre un container que no siempre tiene acceso a todas las características del dispositivo, además ofrece un rendimiento o performance menor.

Finalmente, podemos desarrollar con HTML, CSS, and JavaScript estándar sin preocuparnos acerca de problemas cross-browser. Por ejemplo, no necesitamos usar jQuery porque simplemente podemos usar document.querySelector sin temor.