El documento presenta información sobre el desarrollo de aplicaciones móviles multiplataforma con HTML5, CSS3 y JavaScript, incluyendo las diferencias entre el uso de HTML en aplicaciones web y nativas, las API compatibles y no compatibles en cada plataforma, y recomendaciones para estructurar aplicaciones de una sola página usando WinJS.UI.Pages.PageControl.

1. contacto@soreygarcia.com | @soreygarcia | blog.soreygarcia.me

6. Escuela de Arte Bahaus - Simplicidad

7. Swiss Style – Experiencias comunes

8. Kinetic typography – Movimiento / Tipografía

19. 11.6” 1366x768
30” 2560x1600
20” 1920x1080
13” 1400x1050
10” 1024x768

27. 42pt
11pt
20pt
11pt
9pt
11pt

58. HTML5, CSS3 y JS

63. Diferencias de uso HTML Web y HTML Nativo
Internet Explorer
TAB
HTML Host Process
App Code
Web Platform
App Code
Web
Platform
App Container
Windows
Runtime

64. Running app
Windows
Runtime

65. Running app
Windows
Runtime

66. Running app
HTML App Host Process
App Code
Web Platform
App Container
Windows
Runtime

67. Running app
HTML App Host Process
App Code
Web Platform
App Container
Windows Runtime

68. App
launch
Splash
screen

70. ¿Windows 8.1?

71. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Background
transfer
Bing
Canvas
SVG
Syndication
Networking
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication

72. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Background
transfer
Bing
Canvas
SVG
Syndication
Networking
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication

73. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Speech synthesis
Portable
Geolocation
Point of
service
Direct3D
Direct2D
Direct Write
Local
storage
SMS
HTTP
Skydrive
Sensors
Proximity
USB
Playback
Capture
PlayTo
Streams
Background
transfer
Contacts
Bing
HID
WiFi direct
Bluetooth
Canvas
SVG
WebGL
Syndication
Networking
Appointments
Azure
Mobile
Printing
3D
printing
Scanning
XML and
JSON
Contracts
PDF
Xbox Live
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication
Diagnostics

79. window.returnValue
Not supported.
window.sessionStorage
This property appears to
work, but data is lost
when the app is
terminated. Do not use
this property to store
app state.
window.showHelp
Not supported.
window.showModalDial Not supported.
og
window.showModeless
Dialog
Not supported.
xhr.responseBody
En general, las API de HTML y DOM
funcionan del mismo modo que lo harían
en Windows Internet Explorer en modo
estándar. Pero hay algunas diferencias.
Algunas de ellas se producen por
ejecutarse dentro del shell de Windows,
que controla qué tipos de ventanas puedes
abrir. Otras diferencias son el resultado de
la aplicación de la Tienda Windows con el
modelo de seguridad de JavaScript.
Not supported.
http://msdn.microsoft.com/enus/library/windows/apps/hh700404.aspx

81. // Omitted code
Hace que sea más sencillo evitar conflictos
de nomenclatura o situaciones donde
accidentalmente modifiques un valor que
no tenías intención de modificar.
Además, mantiene a los identificadores
innecesarios lejos del espacio de nombres
global, lo que ayuda al rendimiento.
http://msdn.microsoft.com/eses/library/windows/apps/br230269.aspx

88. Puedes dividir la aplicación en varios
archivos; pero en lugar de desplazarse de
página a página, la aplicación carga otros
documentos en la página principal. Dado
que la página principal de la aplicación
nunca se descarga, los scripts tampoco lo
hacen y eso facilita la administración del
estado, las transiciones y las animaciones.
Para ayudar a crear aplicaciones que usan
el modelo de navegación de una página, la
biblioteca de Windows para JavaScript
proporciona el objeto
WinJS.UI.Pages.PageControl.

97. Local context
ms-appx:///
Trusted content
from local package
Web context
ms-appx-web:///
http://
http://
Untrusted content from
web or must interact with such

99. @media
/*
}
@media
/*
}
(min-width: 500px) and (max-width: 1023px) {
CSS styles to change layout based on window width */
(min-width: 1024px) {
CSS styles to change layout based on window width */

101. Azure Mobile Services

102. Windows Store iOS
Android
Windows Phone 8
iOS
Android
HTML 5/JS
SDKs
ServerSide
Scripts
&
Scheduler

104.  Además de miles de
tutoriales y todo el contenido
en MSDN, se encuentra este
eBook gratuito que puede ser
descargado en Mobi, EPUB,
PDF y desde la tienda de
Amazon Gratis.
http://blogs.msdn.com/b/microsoft_p
ress/archive/2012/10/29/free-ebookprogramming-windows-8-apps-withhtml-css-and-javascript.aspx

105. Gracias
@soreygarcia