HTML5 en el universo Windows
Quique Fdez Guerra
Microsoft
@CKGrafico
Desarrollo de apps en JavaScript
App Nativa
Navegador
Contenido
Desarrollo de apps en JavaScriptTecnologías: Webview
App Nativa
Navegador
Contenido
Tecnologías: WebviewTecnologías: Apache Cordova
Tecnologías: Apache CordovaTecnologías: Phonegap
Tecnologías: PhonegapTecnologías: CocoonJS
Tecnologías: CocoonJSTecnologías: JavaScript Nativas
Demo
“Visual Studio y
Hola mundo”
Core
Universal Apps
App Solution
Estructura app en HTML5
WinJS
Librería JavaScript
Open Source
Sandbox try.buildwinjs.com Questions stackoverflow.com/questions/tagged/winjs
WinJS
Componentes encapsulados e independientes.
Controls
JavaScript
CSS
HTML
Result
WinJS
Sincronización automática entre lógica y vista.
Binding
Hi Quique
Name: Quique
People:
1.-
2.-
3.-
4.-
Álex
Jose
Yalda
Pablo
Quique
5.-
WinJS
Clases de JavaScript que facilitan nuestro trabajo.
Helpers
WinJS
Para trabajar con programación asíncrona.
Promises
WinJS
Podemos controlar y gestionar la navegación de la app.
Navigation
My App
Monday Tuesday Wednesday
Monday
Model-View View-Model
Notifications
Data Bindings
Commands
UI
UI Logic
(Code Behind)
Nuestro proyecto
Website Colors
Demo
“App Windows
Phone”
Css
Images
Views
Default.html
WindowsShared
Css
Images
Views
Default.html
Windows Phone
Base
Models
Services
Vendor
ViewModels
Default.js
ServiceLocator.js
Aplicación Universal
Demo
“App Universal”
Bonus Track
Universal App
http://try.buildwinjs.com/
HTML5 en el universo Windows
Quique Fdez Guerra
Microsoft
@CKGrafico

HTML5 en el universo Windows (Apps universales)