This document contains biographical information about Doris Chen, a developer evangelist at Microsoft. It notes that she has over 15 years of experience in software focusing on web technologies, has spoken widely at conferences, and holds a PhD from UCLA. Her blog and contact information are also included to allow developers to learn more about building apps for Windows 8.

2. twitter #wins8camp http://bit.ly/wins8cheatsheet Blog http://blogs.msdn.com/dorischen
Who am I?
 Developer Evangelist at Microsoft based in Silicon Valley, CA
 Blog: http://blogs.msdn.com/b/dorischen/
 Twitter @doristchen
 Email: doris.chen@microsoft.com
 Office Hours http://ohours.org/dorischen
 Has over 15 years of experience in the software industry focusing
on web technologies
 Spoke and published widely at JavaOne, O'Reilly, Silicon Valley
Code Camp, SD West, SD Forum and worldwide User Groups
meetings
 Doris received her Ph.D. from the University of California at Los
Angeles (UCLA)
PAGE 2

5. PAGE 6

6. PAGE 7

10. PAGE

11. PAGE

12. PAGE

14. /* Re-arrange and hide/show content */
/* */
/* …*/
/* …*/
Full screen
Snap
Fill
Portrait
PAGE 17

15. demo

17. PAGE

18. PAGE

20. The development tools are FREE!
If you use a higher SKU, it just works!

22. PAGE

23. demo

24. PAGE

25. xhr
//access a web service, cloud service, local resource
http://www.example.org/somedata.json

27. http://blogs.msdn.com/b/dorischen/archive/2012/10/02/transform-your-html-
css-javascript-apps-into-windows-8-application.aspx
http://github.com/appendto/jquery-win8
interoperability@Microsoft blog
http://msdn.microsoft.com/en-
us/library/windows/apps/hh700404.aspx

28. PAGE

30. "Code for touch, get mouse and pen for free!"

32. function onLoad() {
...
var workSpaces = document.getElementsByClassName("workspace");
for (i = 0; i < workSpaces.length; i++) {
workSpaces[i].addEventListener("MSPointerDown", pointerDownHandler, false);
workSpaces[i].addEventListener("MSPointerMove", pointerMoveHandler, false);
workSpaces[i].addEventListener("MSPointerUp", pointerUpHandler, false);
workSpaces[i].addEventListener("MSManipulationStateChanged",
resetInteractions, false);
}
...
}

35. • Free open source cross platform framework for apps on mobile devices
• Renders UI using HTML5 and CSS; Web browser encased in a native app
for each platform
• Build for Windows Phone and Port to Windows 8
HTML5/JS developers

36. HTML5/JS developers (Game): Construct 2 (Game)
Construct2 - cross platform game development for beginners

37. HTML5/JS developers (Game)
GameMaker - family of products that caters to entry-level developers and seasoned game development
professionals to create cross platform games

40. http://bit.ly/wins8hackathon
http://bit.ly/wins8hackathon

41. http://bit.ly/HTML5Wins8Camp
http://bit.ly/CampInBox
http://bit.ly/Wins8Download
http://Aka.ms/brockschmidtbook
 http:/dev.windows.comPAGE

42. PAGE
• Responsive Web Design and CSS3
• http://bit.ly/CSS3Intro
• HTML5, CSS3 Free 1 Day Training
• http://bit.ly/HTML5DevCampDownload
• Using Blend to Design HTML5 Windows 8 Application (Part II): Style,
Layout and Grid
• http://bit.ly/HTML5onBlend2
• Using Blend to Design HTML5 Windows 8 Application (Part III): Style
Game Board, Cards, Support Different Device, View States
• http://bit.ly/HTML5onBlend3
• Feature-specific demos
• http://ie.microsoft.com/testdrive/
• Real-world demos
• http://www.beautyoftheweb.com/