addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Touch on Window Surface - Drilling down to Touch centric Metro App in Win 8

Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3

Get started writing Metro style apps using your HTML5, JavaScript, and CSS skills today! You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps.

•You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime.

•You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration.

This session will arm you with everything you need to know to start building Metro style apps with the skills you already have.


Microsoft Surface

Surface models is a USB port, a micro-SD slot, and a magnetic strip to attach accessories such as the 'Touch Cover' and 'Type Cover'. There are also two cameras, front-facing and rear-facing.The rear-facing camera will be angled at 22 degrees to allow proper framing of another person while the "kickstand" is in use. The "kickstand" is a .77 mm thin built-in stand that spans the width of the device and allows Surface to be propped up at an angle in landscape orientation for a hands-free viewing experience. Surface Pro has perimeter venting which allows air to flow out the sides, and helps avoid airflow being impeded by hands holding the device.

For the CPUs, the Surface with Windows RT will use a Nvidia Tegra CPU.The Surface Pro, running Windows 8 Pro, will utilize an "Ivy Bridge" Core i5 dual core (4 threads) chip, which is comparable to chips in current Windows laptops.

Join or login to comment.

  • Doris C.

    Thanks for all of you attended my talk.
    Slide deck, resources are posted at
    To get early access to submit apps to Wins8 store, sign up


    August 14, 2012

  • S. C.

    A very informative session, with lots of data which was new to me.

    July 26, 2012

  • A former member
    A former member

    Good intro into how to build Metro Apps.
    Dorin Chen rocks!! She is always a pleasure to hear and has always lots to learn from.

    July 26, 2012

  • Benny N.

    Doris is speaking again.

    July 25, 2012

  • Doris C.

    If you are interested in more Metro/Windows 8 training, Microsoft have free Windows 8 camp training and Hackathon event in SVC, Mountain View on 7/27 and 7/28, and 8/24, 25 in San Francisco. JavaScript/HTML5, web developers will leverage their existing skill set to develop Metro/Windows 8 application and make money in upcoming Windows Store. More information and registration at

    July 12, 2012

  • A former member
    A former member

    Will we have a Surface device to play with?

    July 3, 2012

  • Grant L.

    Do we need admission to get in other than RSVP?

    July 3, 2012

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy