Microsoft Visual Studio 2010 logo

  • Published:
    February 23, 2012
  • Languages:
    English, Chinese (Simplified), Chinese (Traditional), French, German, Italian, Japanese, Korean, Portuguese (Brazil), Russian, Spanish, Spanish (Latin America)
  • Audiences:
    Academic, student developers, developers
  • Technology:
    Microsoft Visual Studio 2010
  • Credit toward certification:
    MTA: HTML5 Application Development Fundamentals

HTML5 Application Development Fundamentals

Microsoft Certified Professional exams are provided by third-party vendors.

* Secondary and higher education students are eligible for special academic pricing. See Exam policies and FAQ for details. Pricing does not reflect any promotional offers or reduced pricing for Microsoft IT Academy program members, Microsoft Certified Trainers, and Microsoft Partner Network program members. Pricing is subject to change without notice. Pricing does not include applicable taxes. Please confirm exact pricing with the exam provider before registering to take an exam.

Skills measured

This exam measures your ability to accomplish the technical tasks listed below. The percentages indicate the relative weight of each major topic area on the exam. The higher the percentage, the more questions you are likely to see on that content area on the exam. View video tutorials about the variety of question types on Microsoft exams.

Please note that the questions may test on, but will not be limited to, the topics described in the bulleted text.

Do you have feedback about the relevance of the skills measured on this exam? Please send Microsoft your comments. All feedback will be reviewed and incorporated as appropriate while still maintaining the validity and reliability of the certification process. Note that Microsoft will not respond directly to your feedback. We appreciate your input in ensuring the quality of the Microsoft Certification program.

If you have concerns about specific questions on this exam, please submit an exam challenge.

Manage the application life cycle (20–25%)
  • Understand the platform fundamentals
    • Packaging and the runtime environment: app package, app container, credentials/permission sets, host process, leverage existing HTML5 skills and content for slate/tablet applications
  • Manage the state of an application
    • Manage session state, app state, and persist state information; understand states of an application; understand the differences between local and session storage
  • Debug and test an HTML5-based, touch-enabled application
    • Touch gestures; understand which gestures you test on a device

Preparation resources

Build the user interface (UI) by using HTML5 (25–30%)
  • Choose and configure HTML5 tags to display text content
  • Choose and configure HTML5 tags to display graphics
    • When, why, and how to use Canvas; when, why, and how to use scalable vector graphics (SVG)
  • Choose and configure HTML5 tags to play media
    • Video and audio tags
  • Choose and configure HTML5 tags to organize content and forms
    • Tables, lists, sections; semantic HTML
  • Choose and configure HTML5 tags for input and validation

Preparation resources

Format the user interface by using Cascading Style Sheets (CSS) (20–25%)
  • Understand the core CSS concepts
    • Separate presentation from content (create content with HTML and style content with CSS); manage content flow (inline versus block flow); manage positioning of individual elements( float versus absolute positioning); manage content overflow (scrolling, visible, and hidden); basic CSS styling
  • Arrange UI content by using CSS
    • Use flexible box and grid layouts to establish content alignment, direction, and orientation; proportional scaling and use of "free scale" for elements within a flexible box or grid; order and arrange content; concepts for using flex box for simple layouts and grid for complex layouts; grid content properties for rows and columns; use application templates
  • Manage the flow of text content by using CSS
    • Regions and using regions to flow text content between multiple sections (content source, content container, dynamic flow, flow-into, flow-from, msRegionUpdate, msRegionOverflow, msGetRegionContent); columns and hyphenation and using these CSS settings to optimize the readability of text; use "positioned floats" to create text flow around a floating object
  • Manage the graphical interface by using CSS
    • Graphics effects (rounded corners, shadows, transparency, background gradients, typography, and Web Open Font Format); two-dimensional (2-D) and three-dimensional (3-D) transformations (translate, scale, rotate, skew, and 3-D perspective transitions and animations); SVG filter effects; Canvas

Preparation resources

Code by using JavaScript (30–35%)
  • Manage and maintain JavaScript
    • Create and use functions; jQuery and other third-party libraries
  • Update the UI by using JavaScript
    • Locate/access elements; listen and respond to events; show and hide elements; update the content of elements; add elements
  • Code animations by using JavaScript
    • Use animation; manipulate the canvas; work with images, shapes, and other graphics
  • Access data access by using JavaScript
    • Send and receive data; transmit complex objects and parsing; load and save files; App Cache; datatypes; forms; cookies; localStorage
  • Respond to the touch interface
    • Gestures, how to capture and respond to gestures
  • Code additional HTML5 APIs
    • GeoLocation, Web Workers, WebSocket; File API
  • Access device and operating system resources
    • In- memory resources, such as contact lists and calendar; hardware capabilities, such as GPS, accelerometer, and camera

Preparation resources

Who should take this exam?

Candidates for this exam are seeking to prove core HTML5 client application development skills that will run on today's touch-enabled devices (PCs, tablets, and phones). Although HTML is often thought of as a web technology that is rendered in a browser to produce a UI, this exam focuses on using HTML5, CSS3, and JavaScript to develop client applications. Before taking this exam, candidates should have solid foundational knowledge of the topics outlined in the preparation guide, including CSS and JavaScript. It is recommended that candidates be familiar with the concepts of and have some hands-on experience with the related technologies, either by taking relevant training courses or by working with tutorials and samples available on MSDN and in Microsoft Visual Studio.

More information about exams

Preparing for an exam

We recommend that you review this exam preparation guide in its entirety and familiarize yourself with the resources on this website before you schedule your exam. See the Microsoft Certification exam overview for information about registration, videos of typical exam question formats, and other preparation resources. For information on exam policies and scoring, see the Microsoft Certification exam policies and FAQs.


This preparation guide is subject to change at any time without prior notice and at the sole discretion of Microsoft. Microsoft exams might include adaptive testing technology and simulation items. Microsoft does not identify the format in which exams are presented. Please use this preparation guide to prepare for the exam, regardless of its format. To help you prepare for this exam, Microsoft recommends that you have hands-on experience with the product and that you use the specified training resources. These training resources do not necessarily cover all of the topics listed in the "Skills measured" section.