Intro a HTML5 Apps con Windows 8.1

20
Windows 8.1 developer training Intro to HTML5 Apps @PeterConchaR Avanet Community Lead IE User Agent Expert Microsoft MVP ASP.NET / IIS

description

Nuestro compañero @PeterConchaR nos platicó sobre "Intro a HTML5 Apps con Windows 8.1" durante el primer #AvanetTechIO, celebrado en la Universidad de Guayaquil.

Transcript of Intro a HTML5 Apps con Windows 8.1

Page 1: Intro a HTML5 Apps con Windows 8.1

Windows 8.1 developer training

Intro to HTML5 Apps

@PeterConchaRAvanet Community LeadIE User Agent ExpertMicrosoft MVP ASP.NET / IIS

Page 2: Intro a HTML5 Apps con Windows 8.1
Page 3: Intro a HTML5 Apps con Windows 8.1
Page 4: Intro a HTML5 Apps con Windows 8.1
Page 5: Intro a HTML5 Apps con Windows 8.1

<meta name="application-name" content="HTML5 Hacks"/>

<meta name="msapplication-TileColor" content="#8d8f8f"/>

<meta name="msapplication-square70x70logo" content="tiny.png"/>

<meta name="msapplication-square150x150logo" content="square.png"/>

<meta name="msapplication-wide310x150logo" content="wide.png"/>

<meta name="msapplication-square310x310logo" content="large.png"/>

<meta name="msapplication-notification" content="frequency=30;polling-

uri=http://notifications.buildmypinnedsite.com/?feed=http://html5hacks.com/

atom.xml&amp;id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?

feed=http://html5hacks.com/atom.xml&amp;id=2;polling-uri3=

http://notifications.buildmypinnedsite.com/?feed=http://html5hacks.com/

atom.xml&amp;id=3; cycle=1"/>

Page 6: Intro a HTML5 Apps con Windows 8.1
Page 7: Intro a HTML5 Apps con Windows 8.1
Page 8: Intro a HTML5 Apps con Windows 8.1

A taste of the apps built with HTML…

Page 9: Intro a HTML5 Apps con Windows 8.1

Windows

Page 10: Intro a HTML5 Apps con Windows 8.1
Page 11: Intro a HTML5 Apps con Windows 8.1

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>App5</title>

<!-- WinJS references -->

<link href="//Microsoft.WinJS.2.0/css/ui-dark.css" rel="stylesheet" />

<script src="//Microsoft.WinJS.2.0/js/base.js"></script>

<script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

<!-- App5 references -->

<link href="/css/default.css" rel="stylesheet" />

<script src="/js/default.js"></script>

</head>

<body>

<p>Content goes here</p>

</body>

</html>

Page 12: Intro a HTML5 Apps con Windows 8.1
Page 13: Intro a HTML5 Apps con Windows 8.1
Page 14: Intro a HTML5 Apps con Windows 8.1
Page 15: Intro a HTML5 Apps con Windows 8.1
Page 16: Intro a HTML5 Apps con Windows 8.1

Improved Controls

New Controls

Infrastructure

Building Blocks

Page 17: Intro a HTML5 Apps con Windows 8.1
Page 18: Intro a HTML5 Apps con Windows 8.1
Page 19: Intro a HTML5 Apps con Windows 8.1

http://channel9.msdn.com/Events/Build/2013/2-081

http://channel9.msdn.com/Events/Build/2013/3-156

Page 20: Intro a HTML5 Apps con Windows 8.1