Métodos dedesarrollo

Oriol Torrasuriusfurius

Quique Fdez. GuerraCKGrafico

Podemos utilizar prácticamentecualquier método de desarrollo

En el taller veremos 5 métodos

WinJS y su MVC (plantillas por defecto)WAT (genera la app de tu web)Navigator.js (lo mínimo + handmade)Project Siena (haz una app con una app)Nuestro MV* (practicaremos con WinjsMVR)

Métodos de desarrollo

Libertad para organizar la aplicación con arquitectura MV*

Pros y contras de cada arquitectura

MVVM, MVP o MVC

MVVM

PROS: separación clara de la lógica de negocio en ViewModel, fácil de hacer unit test

CONS: WinJS solo tiene databinding en una dirección y no se actualiza, nos lo tenemos que montar nosotros usando, por ejemplo, Knockout

MVP

PROS: la presentación contiene la lógica de negocio y la lógica de la vista, no es necesario “data binding”

CONS: puede que el código en la vista y en la presentación sea verboso, ya que se tienen que notificar los cambios.

MVC

PROS: la vista solo contiene el template, no hay “data binding”

CONS: el controlador tiene que registrar y actuar a los eventos de la vista y también contiene la lógica de negocio. Será más difícil de hacer unit test

Demo

WinJS MVC

Transformar una web en una appsolo configurando un .json

Teniendo acceso al código parapoder modificar lo que quieras

Web App Template

Demo

MicrosoftWAT

Para a los que no les gusta el códigoHay también una buena alternativaCrear una app para Windows 8,desde una app (Appinception)

Microsoft Project Siena

Demo

MicrosoftProject Siena

Además de los métodos anteriorespodemos optar por otras soluciones

Angular, Backbone, Ember… nos sirveCualquier MV* que conozcamosExisten MV* para hechos con WinJS

MVR hecho con WinJSTotalmente inspirado en Backbone

¿Es mejor que otros? NO¿Por qué?

Siempre se le puedehacer un fork

WinJS MVR

Demo

To do listWinJS MVR

YeahToast Notificaciones Windows 8 apps

MVVM Stack Clases de WinJS para este patrón

WinJS Toolkit Conjunto de helpers para WinJS

WinJS Languages Helper para los idiomas

WinJS Tools Más helpers para WinJS

Más en GitHub y CodePlex

Librerías

Web Essentials Plugin para Visual Studio

Prepros Herramienta que procesa nuestro código

Segoe Symbols CSS con los símbolos Segoe

Nugget Gallery Galería con nuggets para VS

Color Scheme Herramienta online para colores

TFS, Floobits, VS Anywhere..

Herramientas

Demo

Librerías yherramientas

¿Con cual herramientas nos quedamos?

(function(Gracias){ })(this.despedida);

Oriol Torrasuriusfurius

Quique Fdez. GuerraCKGrafico