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 SVGIntroduction to web storage


Apply styling to HTML elements programmatically

    Change the location of an element; apply a transform; show and hide elements.


Implement HTML5 APIs

    Implement storage APIsAppCache API, and Geolocation API.

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 (OnBlurOnFocusOnClick); 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 attributeto 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). 


Comments

Popular posts from this blog

Nginx Best Practices Extended

Installing Windows on Acer chromebook 15 cb3-532

Entity Framework: ToListAynsc & WhereAsync