A Guide for the 70-480 Exam
Introduction
This is simply a guide and in it will not will provide you with any answers to the actual questions that be on the exam nor guarantee that you will pass the exam. However I have taken the beta test now and can show you references to what topics that may be on the exam. So with that said I hope this guide helps and don't forget to comment if I leave something out.
On the certification page you will find a list of topics and the skills of measurements that will be required to pass the exam. Following these four areas will be of great help, however from my experience I can say that it is not enough. You much actual practice using these skills to get a better at them (good time to use jsfiddler!). There many books that can help, and depending on your level of skill will point you to the right direction. However note that you don't have to buy any books or services to pass this test. I am only point them for purpose of being resources to you.
Preparation
The novice
For the novice I recommend starting off with the The Definitive Guide to HTML5 by Apress. This is just a starting point but you could also just using w3school. Also for a good start I would read the Training Guide: Programming in HTML5 with JavaScript and CSS3.
The adapt
For the adapt web developer I would recommend Pro HTML5 Programming or Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development both are about the same in the information that is covered. Also I would strongly recommend Pro jQuery, this book has taught me a lot but again not required to pass the exam.
The expert
For the expert and for fun you could take a look at HTML5 Hacks but mostly just follow the rest of the post and refresh up on any topics you might think that you need to skill up on. Also another good place for references that I found can be seen here! Another blog with about the some information here.
And Just the Free way
This is for people who don't want to buy books and skills range in all level. I would recommend again w3school and Microsoft's Virtual Academy for a good start and than a lot of practicing in the four categories listed. As recommendation from Microsoft you can always Get started using HTML5 here. As a final stop always welcome to come back here and touch up on the follow topics!
The Guide
Following what is up on the certification page, I have provided examples and details.
I will also include some topics that the page does not list but may be on the exam.
Implement/manipulate document structures (24%)
Create document structure
- Get started using HTML5 Structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer, and Aside); create a layout container in HTML.
Write code that interacts with UI controls
Programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics.
Resources: a guide to HTML5 canvas , How to zoom and pan with SVG, Introduction to web storage,
Apply styling to HTML elements programmatically
Establish the scope of objects and variables
Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; Variable scrope locally and globally.
Create and implement objects and methods
Implement native objects; create custom objects and custom properties for native objects using Prototype and functions; inherit from an object; implement native methods and create custom methods.
Implement Program Flow (25%)
Implement Program flow
Controlling program flow, iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators. Evaluate expressions and Coding basic apps.
Raise and handle an event
Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function.
Implement exception handling
Set and respond to error codes; throw an exception; request for null checks; implement try...catch...finally blocks.
Implement a callback
Receive messages from the HTML5 websockets API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer.
create a web worker process
Start and stop a web worker; pass data to a webworkers configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker.
Access and secure date (26%)
Validate user input by using HTML5 elements
Choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input.
validate user input by using javascript
Evaluate a regular expression (pattern attribute) to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection.
Consume data
Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest.
Serialize, deserialize, and transmit data
Binary data; text data (JSON, XML); implement the jQuery serialize method; Form.Submit; parse data; send data by using XMLHttpRequest; sanitize input by using URI/form encodeURI. Also be sure to take a look at onreadystatechange.
Use CSS3 in Applications (25%)
Style HTML text properties
Apply styles to Text appearance (color, bold, italics); apply styles to text font (WOFF and @font-face, size); apply styles to text alignment, spacing, and indentation; apply styles to text hyphenation; apply styles for a drop shadows.
Style HTML box properties
Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed).
Create a flexible content layout
Implement a CSS layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping, and nesting.
Create an animate and adaptive UI
Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays, and representations); hide or disable controls.
Find elements by using CSS selectors and JQuery
Choose the correct selector to reference an element; define element, style, and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child). How do I use jQuery selectors?
Structure a CSS file by using CSS selectors
Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example,jQuery nth-child selector :before, :first-line, :first-letter, :target, :lang, :checked, :first-child).