Windows 8.1 developer training
Intro to HTML5
Apps
@PeterConchaR
Avanet Community Lead
IE User Agent Expert
Microsoft MVP ASP.NET / IIS
<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"/>
A taste of the apps built with HTML…
Windows
<!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>
Improved Controls
New Controls
Infrastructure
Building Blocks
http://channel9.msdn.com/Events/Build/2013/2-081
http://channel9.msdn.com/Events/Build/2013/3-156
Intro a HTML5 Apps con Windows 8.1

Intro a HTML5 Apps con Windows 8.1

  • 1.
    Windows 8.1 developertraining Intro to HTML5 Apps @PeterConchaR Avanet Community Lead IE User Agent Expert Microsoft MVP ASP.NET / IIS
  • 5.
    <meta name="application-name" content="HTML5Hacks"/> <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"/>
  • 8.
    A taste ofthe apps built with HTML…
  • 9.
  • 11.
    <!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>
  • 16.
  • 19.