Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript

3,047 views

Published on

Published in: Technology
  • Be the first to comment

JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript

  1. 1. contacto@soreygarcia.com | @soreygarcia | blog.soreygarcia.me
  2. 2. Escuela de Arte Bahaus - Simplicidad
  3. 3. Swiss Style – Experiencias comunes
  4. 4. Kinetic typography – Movimiento / Tipografía
  5. 5. 11.6” 1366x768 30” 2560x1600 20” 1920x1080 13” 1400x1050 10” 1024x768
  6. 6. 42pt 11pt 20pt 11pt 9pt 11pt
  7. 7. HTML5, CSS3 y JS
  8. 8. 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
  9. 9. Running app Windows Runtime
  10. 10. Running app Windows Runtime
  11. 11. Running app HTML App Host Process App Code Web Platform App Container Windows Runtime
  12. 12. Running app HTML App Host Process App Code Web Platform App Container Windows Runtime
  13. 13. App launch Splash screen
  14. 14. ¿Windows 8.1?
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. // 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
  20. 20. 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.
  21. 21. 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
  22. 22. @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 */
  23. 23. Azure Mobile Services
  24. 24. Windows Store iOS Android Windows Phone 8 iOS Android HTML 5/JS SDKs ServerSide Scripts & Scheduler
  25. 25.  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
  26. 26. Gracias @soreygarcia

×