Manual Certification Microsoft HTML5 CSS Javascript

Pgina 1 de 132
Item: 1 (Ref:70-480.1.2.6)
You have the following element on a Web page:
<canvas id="mtnlogo" width="320" height="320" />
You want to display the following graphic:
Place the JavaScript code on the left in its correct order on the right.
This question uses Adobe Flash player and Adobe Shockwave player. For this question
to display correctly you must be using Internet Explorer with the latest version of
Adobe Flash Player and Adobe Shockwave player. Your browser must permit flash files
(.swf) to run. You MUST have your screen resolution set to 1024 x 760 to see all
the options presented in the question by the Flash player.
Copyright 2015 Self Test Software, Inc. All Rights Reserved
Pgina 2 de 132
Objective:
Implement and Manipulate Document Structures and Objects
Sub-Objective:
Write code that interacts with UI controls.
References:
MSDN > Home > Inspire > Content Articles > The Developer's Guide to HTML5 Canvas
MSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and media >
HTML Canvas > Methods
Pgina 3 de 132
Item: 2 (Ref:70-480.2.4.1)
You are developing an application that consumes an external web service. The web service provides a method
named getLatestHeadline that returns the highest trending news article in real-time. The following are a sample
HTTP POST request and response for getLatestHeadline:
POST /NewsService.asmx/getLatestHeadline HTTP/1.1
Host: localhost
Content-Type: application/x-www-form-urlencoded
Content-Length: length
HTTP/1.1 200 OK
Content-Type: text/xml; charset=utf-8
Content-Length: length
<?xml version="1.0" encoding="utf-8"?>
<NewsArticle xmlns="http://verigon-news.com/">
<title>string</title>
<byline>string</byline>
<body>string</body>
</NewsArticle>
You need to make an AJAX web service request using jQuery on a web page. The request must meet the following
requirements:
z
z
z
The article must be displayed in an element with ID breaking-news.

The most recent article must be displayed.
The web page must wait for the request to complete before performing other actions.
Which JavaScript segment should you use to perform the web service request?
$.ajax({
dataType: 'xml',
type: 'POST',
url: "/NewsService.asmx/getLatestHeadline",
success: function (xmlData) {
$('#breaking-news').html(
'<header><h1>' + $(xmlData).find('title').text() +
'</h1><address>' + $(xmlData).find('byline').text() +
'</address></header>' + $(xmlData).find('body').text());
}
});
$.ajax({
cache: false,
dataType: 'xml',
type: 'POST',
}
});
$.ajax({
async: false,
dataType: 'xml',
type: 'POST',
Pgina 4 de 132
});
}
$.ajax({
async: false,
cache: false,
dataType: 'xml',
type: 'POST',
}
});
Objective:
Implement Program Flow
Sub-Objective:
Implement a callback.
References:
jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()
Pgina 5 de 132
Item: 3 (Ref:70-480.2.2.6)
You are developing a Web page with the following markup:
<form action="/data/add_email" method="post">
<label for="email">Email:</label>
<input name="email" type="email" />
<button id="submit" type="submit" onclick="disableButton(this);">Subscribebutton>
<button id="cancel" type="reset">Clearbutton>
form>
You need to implement the disableButton function so that a user can submit the form only once. Which text
should you insert to complete the following code? (To answer, type the statement in the textbox.)
function disableButton(btn) {
}
Objective:
Sub-Objective:
Raise and handle an event.
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > HTML/XHTML Reference
> Properties > diabled
W3Schools.com > JS & DOM Reference > Submit disabled Property
Pgina 6 de 132
Item: 4 (Ref:70-480.2.3.2)
You are developing an application that uses a third-party JavaScript library. Library usage must meet the following
runtime requirements:
z
z
Some code must execute if an error occurs.

Some code must execute whether or not an error occurs.
Which sequence of JavaScript statements will meet these requirements?

try, debug, catch
try, debug, finally
try, catch, finally
throw, catch, finally
Objective:
Sub-Objective:
Implement exception handling.
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language
Reference > JavaScript Reference > JavaScript Statements > try...catch...finally Statement (JavaScript)
Pgina 7 de 132
Item: 5 (Ref:70-480.4.6.1)
You are developing web site for digital copies of children's story books. The first paragraph in each article should
display as follows:
Which CSS selector should you specify in the style sheet?

article p:first-child:first-letter
article p:nth-child(0):first-letter
article p:nth-child(1):first-letter
article p:first-of-type:first-letter
Objective:
Use CSS3 in Applications
Sub-Objective:
Structure a CSS file by using CSS selectors.
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content Design
and Presentation > Understanding CSS Selectors
Pgina 8 de 132
Item: 6 (Ref:70-480.4.1.1)
You are developing a web site for a graphic design contract firm. The web site contains the following markup:
<h2>Example of Alef Regular</h2>
<p style="font-family:Alef">
The quick brown fox jumps over the lazy dog.
</p>
The markup should be rendered in the same font for all users. Which CSS rule should you use?
@charset
@font-face
@import
@media
Objective:
Sub-Objective:
Style HTML text properties.
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style
Sheets > At-rules > @font-face rule
Pgina 9 de 132
Item: 7 (Ref:70-480.4.4.1)
You are creating a test preparation site that includes flash cards. The flash card page includes the following
markup:
<style>
#flash {
width: 300px; height: 100px;
position: relative;
perspective: 600px;
}
.card div {
position: absolute;
border: 5px solid black;
width: 100%; height: 100%;
backface-visibility: hidden;
}
.card .back { transform: rotateX( 180deg ); }
.card:hover { transform: rotateX( 180deg ); }
</style>
<section id="flash">
<div class="card">
<div class="front"><h2>Missive</h2></div>
<div class="back">
<p>A letter, often official</p>
<p>See <em>epistle</em> or <em>message</em>.</p>
</div>
</div>
</section>
You need to ensure that the card flips using 3-dimensional animation with a duration of 1 second. Which CSS rule
should you add to the style sheet?
.card {
transition: linear;
}
.card {
transition: transform 1s;
transform-style: preserve-3d;
}
.card {
position: absolute;
transition: linear;
}
.card {
position: absolute;
transition: transform 1s;
transform-style: preserve-3d;
}
Objective:
Sub-Objective:
Create an animated and adaptive UI.
Pgina 10 de 132
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS >
Transitions
MSDN Blogs > IEBlog > CSS3 3D Transforms in IE10
Intro to CSS 3D transforms by David DeSandro > Card Flip
Pgina 11 de 132
Item: 8 (Ref:70-480.1.3.1)
You are developing a web page with the following markup:
<p>Although there are many planning models available, the fundamental five stages
are <span id="dev-stages" style="font-weight: bold; font-size: 14pt;">define,
design, deploy, evaluate and refine.</span> During the define stage, the primary
activity is known as requirements analysis.</p>
You need to modify the <span> element to display as follows:
Which JavaScript code should you use?

document.getElementById('dev-stages').style.display = "block";
document.getElementById('dev-stages').style.display = "inline";
document.getElementById('dev-stages').style.display = "inline-block";
document.getElementById('dev-stages').style.display = "none";
Objective:
Sub-Objective:
Apply styling to HTML elements programmatically.
References:
MSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading Style
Sheets > Basic Box Model > display
Pgina 12 de 132
Item: 9 (Ref:70-480.1.4.5)
You have the following element on a mobile Web page:
<div>
You are currently located at
<span id="location" style="font-weight:bold" />.
</div>
You must display the current latitude and longitude of the user using the HTML5 GeoLocation API. The location
must update the position as the user moves.
Place the required JavaScript code on the left in its correct order on the right.
Objective:
Sub-Objective:
Implement HTML5 APIs.
References:
Pgina 13 de 132
Pgina 14 de 132
Item: 10 (Ref:70-480.4.6.4)
You are developing a portal web site. Hyperlinks must display according to the following requirements:
z
z
z
z
Only when a user moves over a hyperlink, should an underscore display.

When a user selects a hyperlink, it should display in dark red and bold.
Unvisited hyperlinks must display in dark blue.
Visited hyperlinks must display in dark magenta.
Which CSS style sheet should you use to meet these requirements?
a:hover {text-decoration: underline;}
a:active {color: darkred; font-weight: bold;}
a:link {color: darkblue; text-decoration: none;}
a:visited {color: darkmagenta;}
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content Design
and Presentation > Understanding CSS Selectors
w3schools.com > CSS Advanced > CSS Pseudo-classes
Pgina 15 de 132
Item: 11 (Ref:70-480.1.3.2)
You are developing an HTML5 page with the following markup:
<input id="chkEmail" type="checkbox" />
<input id="txtEmail" type="email" />
You need to display the email textbox only if the checkbox is checked. Which JavaScript code should you use?
var chkEmail = document.getElementById("chkEmail");
var txtEmail = document.getElementById("txtEmail");
if (chkEmail.checked) {
txtEmail.style.visibility = "true";
} else {
txtEmail.style.visibility = "false";
}
txtEmail.style.display = "none";
} else {
txtEmail.style.display = "visible";
}
txtEmail.style.visibility = "visible";
} else {
txtEmail.style.visibility = "hidden";
}
txtEmail.style.display = "true";
} else {
txtEmail.style.visibility = "false";
}
Objective:
Sub-Objective:
References:
Sheets > Basic Box Model > visibility
Sheets > Basic Box Model > display
Pgina 16 de 132
Item: 12 (Ref:70-480.2.4.3)
You are developing an application that that contains an embedded login. A Web page in an inline frame needs to
send login credentials to its container page.
With HTML5 Web Messaging, which method should you use to send the login credentials?
addEventListener
attachEvent
postMessage
start
Objective:
Sub-Objective:
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications >
HTML5 Web Messaging
Pgina 17 de 132
Item: 13 (Ref:70-480.3.2.3)
You are reviewing JavaScript code from a colleague. The code includes the following function:
function adjustExpectations(input) {
var pattern = /([Uu]n)?expect[^a]/g;
return input.match(pattern).toString();
}
You test the function with the following code:
adjustExpectations("Unexpected expectations are expected unexpectedly.");
What will be the expected return value?
Unexpect,expect,unexpect
Unexpecte,expecte,unexpecte
Unexpect,expect,expect,unexpect
Unexpecte,expecta,expecte,unexpecte
Objective:
Access and Secure Data
Sub-Objective:
Validate user input by using JavaScript.
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript
Language Reference > JavaScript Reference > JavaScript Objects > Regular Expression Object (JavaScript)
MSDN Library > .NET Framework Regular Expressions > Regular Expression Language Quick Reference
Pgina 18 de 132
Item: 14 (Ref:70-480.4.4.2)
You are creating an animation effect using CSS3. The web page contains the following markup:
<ul>
<li class="cat">Classics
<ul><li>Aeneid</li><li>Beowulf</li>
<li>Catcher in the Rye</li><li>Odyssey</li></ul>
</li>
<li class="cat">Fantasy
<ul><li>Alice's Adventures in Wonderland</li>
<li>Dracula</li><li>Lord of the Rings</li></ul>
</li>
<li class="cat">Science Fiction
<ul><li>Foundation</li>
<li>Hitchhiker's Guide to the Galaxy</li></ul>
</li>
</ul>
You want to perform a fade effect while the cursor hovers over a category name. The effect should meet the
following requirements:
z
z
z
The category names must remain visible.

Elements within sub-lists should not be visible initially.
The effect should occur once with no delay and last no longer than 5 seconds.
Which CSS should you use in the style sheet?

li.cat { opacity: 0; }
li.cat:hover {
animation: fade-in 5s;
}
li.cat ul { opacity: 0; }
li.cat:hover ul {
}
li.cat { opacity: 0; }
li.cat:hover {
}
@keyframes fade-in {
from { opacity: 0;}
to { opacity: 1;}
}
li.cat ul { opacity: 0; }
li.cat:hover ul {
}
@keyframes fade-in {
from { opacity: 0;}
to { opacity: 1;}
}
Objective:
Pgina 19 de 132
Sub-Objective:
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS >
Animations
Pgina 20 de 132
Item: 15 (Ref:70-480.1.2.1)
You have the following element on a Web page:
<canvas id="cvsMain" width="500" height="500" /
Which JavaScript code should you use before drawing a simple shape like a rectangle or circle?
var ctx = cvs.getContext('cvsMain');
var cvs = document.getElementById('cvsMain');
var ctx = cvs.getContext('2d');
var ctx = cvs.getContext('3d');
Objective:
Sub-Objective:
References:
Pgina 21 de 132
Item: 16 (Ref:70-480.4.6.2)
You are developing a company portal site using HTML5 and CSS3. The author style sheet includes the following:
p.disclaimer {font: normal 8pt "Times New Roman" !important}
The user style sheet includes the following:
p.disclaimer {font: normal 14pt "Arial" !important}
How will disclaimer paragraphs render in the client browser?
Text content will display in 14-point Arial.
Text content will display in 8-point Times New Roman.
Text content will depend on the default user agent style sheet.
Text content will depend on the normal user style declarations.
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer API > Cascading Style Sheets > !
important modifier
W3C Web site > W3C Recommendation > CSS 2.1 > Assigning property values, Cascading, and Inheritance >
Cascading Order
Pgina 22 de 132
Item: 17 (Ref:70-480.4.1.3)
You are developing an information blog that contains health-related articles for doctors and patients. You create
the paragraph style using the Modify Style dialog box. (Click the Exhibit(s) button.)
How will a paragraph with this style render in a browser?
Pgina 23 de 132
Objective:
Sub-Objective:
References:
Sheets > Text
Pgina 24 de 132
Item: 18 (Ref:70-480.2.5.2)
You are developing a web application that uses third-party JavaScript libraries. These libraries are loaded using
HTML5 Web Workers.
You need to exchange messages using two-way communication between web workers. Which event should you
handle?
onload
onmessage
onstart
ontimeout
Objective:
Sub-Objective:
Create a web worker process.
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web
Workers
Pgina 25 de 132
Item: 19 (Ref:70-480.1.5.3)
You are reviewing a web application with the following JavaScript code:
var ns1 = {
int: 0,
increment: function () {this.int++; },
decrement: function () {this.int--; }
}
var ns2 = (function () {
var int = 0;
return {
int : int,
increment: ns1.increment,
decrement: ns1.decrement
};
})();
Which of the following JavaScript segments will display the text ns1: 1, ns2: 1 in the console? (Choose all that
apply.)
ns1.increment();
console.log("ns1: %s, ns2: %s", ns1.int, ns2.int);
ns2.increment();
ns1.increment();
ns2.increment();
ns1.increment();
ns1.increment();
ns2.decrement();
ns2.increment();
ns2.increment();
ns1.decrement();
Objective:
Sub-Objective:
Establish the scope of objects and variables.
References:
MSDN Library > MSDN Magazine > Script Junkie > Script Junkie | Namespacing in JavaScript
MSDN Blogs > Canadian Developer Connection > Console.Log: Say Goodbye to JavaScript Alerts for Debugging!
MSDN Library > Internet Explorer and web development > Internet Explorer API reference > JavaScript Language
Reference > JavaScript Reference > JavaScript Statements > this Statement (JavaScript)
Pgina 26 de 132
Item: 20 (Ref:70-480.2.5.5)
You have a Web application that uses the HTML5 Web Worker API. You are writing code within a Web Worker.
Match the JavaScript code on the left with its function on the right.
Objective:
Sub-Objective:
References:
Workers
Pgina 27 de 132
Item: 21 (Ref:70-480.3.3.6)
You are developing an application that contains the following content in the file account.xml:
<?xml version="1.0" encoding="utf-8" ?>
<account id='40001'>
<credentials>
<username>jhester</username>
<password>P@$$W0rd</password>
</credentials>
</account>
A JavaScript file contains the following code:
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "account.xml", false);
xmlhttp.send();
var accountInfo = xmlhttp.responseXML;
Which expression will reference the value jhester?
accountInfo.getElementById('40001').credentials
accountInfo.getElementsByTagName('username')[0].nodeValue
accountInfo.getElementById('40001').childNodes[1].nodeValue
accountInfo.getElementsByTagName('username')[0].childNodes[0].nodeValue
Objective:
Sub-Objective:
Consume data.
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications >
XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet Explorer)
Pgina 28 de 132
Item: 22 (Ref:70-480.3.4.6)
You are developing an application sends data to another web page. The data is formatted using the JavaScript
code:
var data = encodeURIComponent($('form').serialize());
Which method should you invoke on the other web page to get the original form values?
decodeURI
decodeURIComponent
toJSON
serializeArray
Objective:
Sub-Objective:
Serialize, deserialize, and transmit data.
References:
jQuery.com > jQuery API > Category: Forms
Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI
Function (JavaScript)
Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) >
decodeURIComponent Function (JavaScript)
Pgina 29 de 132
Item: 23 (Ref:70-480.3.4.2)
You develop a contact form for users to submit comments. During testing, you fill out the form as follows:
The form page contains the following JavaScript code:

$('form').submit(function () {
$('#output').append($.toJSON($(this).serializeArray()));
});
Which of the following is the most likely displayed in the element named input?
[{"name":"Joshua Hester"},{"email":"[email protected]"},
{"website":"http://www.transcender.com"},{"comment":"I really love this new HTML5
redesign. Nice job, guys!"}]
[{"name":"name","value":"Joshua Hester"},
{"name":"email","value":"[email protected]"},
{"name":"website","value":"http://www.transcender.com"},
{"name":"comment","value":"I really love this new HTML5 redesign. Nice job,
guys!"}]
name=Joshua
Hester,[email protected],website=http://www.transcender.com,comment=I
really love this new HTML5 redesign. Nice job, guys!
name=Joshua+Hester,email=josh.hester%40kaplan.com,website=http%3A%2F%
2Fwww.transcender.com,comment=I+really+love+this+new+HTML5+redesign.+Nice+job%
2C+guys!
name=Joshua
Hester&[email protected]&website=http://www.transcender.com&comment=I
name=Joshua+Hester&email=josh.hester%40kaplan.com&website=http%3A%2F%
2Fwww.transcender.com&comment=I+really+love+this+new+HTML5+redesign.+Nice+job%
2C+guys!
%5B%7B%22name%22:%22name%22,%22value%22:%22Joshua%20Hester%22%7D,%7B%22name%22:%
22email%22,%22value%22:%[email protected]%22%7D,%7B%22name%22:%22website%
22,%22value%22:%22http://www.transcender.com%22%7D,%7B%22name%22:%22comment%22,%
22value%22:I%20really%20love%20this%20new%20HTML5%20redesign.%20Nice%20job,%
20guys!%22%7D%5D
Pgina 30 de 132
%5B%7B%22name%22%3A%22name%22%2C%22value%22%3A%22Joshua%20Hester%22%7D%2C%7B%
22name%22%3A%22email%22%2C%22value%22%3A%22josh.hester%40kaplan.com%22%7D%2C%7B%
22name%22%3A%22website%22%2C%22value%22%3A%22https%3A%2F%2F2.gy-118.workers.dev/%3A443%2Fhttp%2Fwww.transcender.com%22%
7D%2C%7B%22name%22%3A%22comment%22%2C%22value%22%3A%y%20love%20this%20new%
20HTML5%20redesign.%20Nice%20job%2C%20guys!%22%7D%5D
Objective:
Sub-Objective:
References:

Pgina 31 de 132
Item: 24 (Ref:70-480.1.6.3)
You have the following JavaScript code defined for an HTML5 Web page:
function Product(price, title, desc) {
this .price = Number(price);
this .title = title;
this .desc = desc;
}
Product.prototype.toString = function () {
return "<h3><span style='float:left'>" + this .title + "</span>\n" +
"<span style='float:right'>" + this .price + "</span></h3>\n" +
"<p>" + this .desc + "</p>" ; ;
You need to create an object derived from Product that overrides its toString method. The derived object must
track a SKU number and current stock, and limit the display of product information only to those products with
stock greater than or equal to one.
Objective:
Sub-Objective:
Pgina 32 de 132
Create and implement objects and methods.
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API references > JavaScript Language
Reference > Advanced JavaScript > Prototypes and Prototype Inheritance
MDN > JavaScript > JavaScript Guide > Inheritance revisited
Pgina 33 de 132
Item: 25 (Ref:70-480.3.4.5)
You are developing an application that will invoke a remote Windows Communication Foundation (WCF) service.
The service requires arguments using JSON.
The service is invoked by submitting arguments from a standard HTML form using POST. Which JavaScript
methods should you use? (Choose all that apply).
decodeURI
encodeURI
decodeURIComponent
encodeURIComponent
toJSON
serialize
serializeArray
Objective:
Sub-Objective:
References:

Pgina 34 de 132
Item: 26 (Ref:70-480.3.3.2)
You are developing a web application that includes the following JavaScript code:
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.verigon.com/data/", true);
xhr.onreadystatechange = function() {
//handle readyState property here
};
xhr.send();
You need to determine when some data has been received. Which readyState property value should you use?
READYSTATE_COMPLETE
READYSTATE_INTERACTIVE
READYSTATE_LOADING
READYSTATE_LOADED
READYSTATE_UNINITIALIZED
Objective:
Sub-Objective:
Consume data.
References:
XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet Explorer) >
Properties > readyState property
XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet Explorer)
Pgina 35 de 132
Item: 27 (Ref:70-480.2.5.3)
You are developing a web application performs multiple asynchronous processes. These processes are performed
using HTML5 Web Workers.
You need to exchange data between a web page and a web worker. What should you do?
Send the data with postMessage and receive the data with onmessage.
Send the data with onmessage and receive the data with postMessage.
Send the data with start and receive the data with onstart.
Send the data with onstart and receive the data with start.
Objective:
Sub-Objective:
References:
Workers
Pgina 36 de 132
Item: 28 (Ref:70-480.1.6.1)
You need to add a custom method to a native object in JavaScript code. All instances of the native object should
provide this custom method.
Which built-in functionality should you use to define the custom method?
apply
create
prototype
this
Objective:
Sub-Objective:
References:
Pgina 37 de 132
Item: 29 (Ref:70-480.2.5.4)
You have a Web application that uses the HTML5 Web Worker API. You are writing code to run a Web Worker
defined in another JavaScript file. Match the JavaScript code on the left with its function on the right
Objective:
Sub-Objective:
References:
Workers
Pgina 38 de 132
Item: 30 (Ref:70-480.2.4.5)
You have the following on a web page:
<script>
function sendMessage() {
var fr = document.getElementById('iframe').contentWindow;
fr.postMessage(prodID, "http://www.verigon.com");
}
script>
<iframe id="iframe" src="http://verigon.com/product_details.html"

onload="sendMessage();">
iframe>
You need to define the callback on the product_details.html page to use HTML5 Web Messaging. Which text
should you insert to complete the following JavaScript code? (To answer, type the missing part of the expression in
the textbox.)
window.
function receiveMessage(evt) {
//handle message
}
Objective:
Sub-Objective:
References:
HTML5 Web Messaging
Pgina 39 de 132
Item: 31 (Ref:70-480.4.2.8)
You are developing a blog on current Web development trends. Articles should display as follows:
Which text should you insert to complete the CSS rule? (To answer, type the CSS properties and value(s) in the
textbox. Use only pixel units in multiples of five.)
article > header { text-align: center; }
article > p { text-align: justify; }
article {
background: #ffc;
margin: 5px;
padding: 5px;
;
}
Objective:
Sub-Objective:
Style HTML box properties.
References:
w3schools.com > CSS Box Model > CSS Border
Sheets > Backgrounds and Borders > border-radius
Pgina 40 de 132
Item: 32 (Ref:70-480.2.2.5)
You have the following elements on an HTML5 Web page:
<input id="chkEmail" type="checkbox" value="on">
<div id="dis" style="DISPLAY: none">
If you provide your e-mail address, then we may contact you periodically with
special offers,
updated information and additional services.
This email subscription cannot be cancelled and will be continued in perpetuity
with your next of kin.
</div>
When the user checks the checkbox, the disclaimer should display. If the checkbox is not checked, then the
disclaimer should not display.
Objective:
Sub-Objective:
Pgina 41 de 132
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model
(DOM) Core > Document Object Model (DOM) Events > Objects and Events > MouseEvent > click
Pgina 42 de 132
Item: 33 (Ref:70-480.1.4.1)
You are developing a web site using HTML5 and JavaScript. The web site allows users to create and apply their
own style themes.
You have the following user requirements:
z
z
Users can view and modify any theme whenever they visit the web site.
The selected theme is applied immediately and whenever they return to the Web site.
Which JavaScript object should you use?

window.url
document.cookie
window.localStorage
window.sessionStorage
Objective:
Sub-Objective:
References:
MSDN > Dev Center > Windows Store apps > Docs > API > HTML/CSS > Storage and state reference > HTML5
Web Storage
w3schools.com > HTML5 News > HTML5 Web Storage
Pgina 43 de 132
Item: 34 (Ref:70-480.3.2.1)
You are developing a login form for a web application. Usernames must be valid email addresses.
The login page includes the following JavaScript code:
function isValidEmail(input) {
var patternEmail;
//set this variable
return patternEmail.test(input);
}
To which value(s) should you set the patternEmail variable? (Choose all that apply. Each answer is an alternate
solution.)
'(\d\w._-)*@(\d\w.-)*.\w{2,}]'
/^(\d\w._-)*@(\d\w.-)*.\w{2,}]$/
/^[\d\w+\d\w._-*]@[\d\w+\d\w.-*.\w{2,}]$/
/^(\d|\w)+(\d|\w|.|_|-)*@(\d|\w)+(\d|\w|.|-)*.\w{2,}$/
/^(0-9A-Z)+(0-9A-Z._-)*@(0-9A-Z)+(0-9A-Z.-)*.(A-Z){2,}$/
/^[0-9A-Z]+[0-9A-Z._-]*@[0-9A-Z]+[0-9A-Z.-]*.[A-Z]{2,}$/
/^(0-9A-Z)+(0-9A-Z._-)*@(0-9A-Z)+(0-9A-Z.-)*.(A-Z){2,}$/i
/^[0-9A-Z]+[0-9A-Z._-]*@[0-9A-Z]+[0-9A-Z.-]*.[A-Z]{2,}$/i
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Objects > Regular Expression Object (JavaScript)
Pgina 44 de 132
Item: 35 (Ref:70-480.1.5.2)
You are reviewing a web application with the following JavaScript segment:
var msg = "Global msg";
function MsgGen(msg) {
this.msg = msg;
}
function display() {
alert(msg);
}
function display(msg) {
alert(msg);
}
MsgGen.prototype.display = function() {
alert(this.msg);
};
var obj = new MsgGen("Object msg");
display("Local msg");
When this JavaScript segment executes, which text is displayed in the browser message box?
Global msg
Local msg
Object msg
[object Object]
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer and web development > Internet Explorer API reference > JavaScript Language
Reference > JavaScript Reference > JavaScript Statements > this Statement (JavaScript)
Pgina 45 de 132
Item: 36 (Ref:70-480.3.2.7)
You are developing an order form that includes the following markup:
<input id="qty" name="qty" type="text" />
The quantity field must support only numeric values. Which JavaScript function should you use to perform this
validation?
function validateQty() {
return document.getElementById('qty').value != NaN;
}
return !isNaN(document.getElementById('qty').value);
}
return new Number(document.getElementById('qty').value) != NaN;
}
return isNumeric(document.getElementById('qty').value);
}
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Fundamentals > Data Types (JavaScript)
Pgina 46 de 132
Item: 37 (Ref:70-480.3.4.3)

$('#output').append(encodeURI($.toJSON($(this).serializeArray())));
});
guys!"}]
name=Joshua
2C+guys!
name=Joshua
2C+guys!
20guys!%22%7D%5D
Pgina 47 de 132
Objective:
Sub-Objective:
References:

Pgina 48 de 132
Item: 38 (Ref:70-480.1.4.4)
You are developing a web site using the GeoLocation API. You must track the current position of a user during the
same session.
Which JavaScript method should you use?
clearWatch
getCurrentPosition
watchPosition
readAsBinaryString
Objective:
Sub-Objective:
References:
Geolocation > Methods
Pgina 49 de 132
Item: 39 (Ref:70-480.1.4.3)
You are developing a Web site that uses AppCache. The manifest file is defined as follows:
CACHE MANIFEST
CACHE:
styles/main.css
scripts/main.js
scripts/standard
FALLBACK:
images/ images/unavailable.png
NETWORK:
*
Which of the following files will be cached according to the manifest file? (Choose all that apply.)
styles/main.css
scripts/main.js
scripts/require-2.1.5.min.js
scripts/standard/jquery-1.9.1.min.js
images/unavailable.png
images/image1.png
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5
> Application Cache API ("AppCache")
Pgina 50 de 132
Item: 40 (Ref:70-480.2.5.1)
You are contracted to build a web application for a company. The application must execute a variety of JavaScript
processes.
You recommend using HTML5 Web Workers to optimize performance. Which of the following tasks can be
performed by a web worker? (Choose all that apply.)
Report generation with SVG
Loading of external XML data
Image processing with HTML5 Canvas
Loading and execution of external JavaScript files
URL redirection to a login page
Objective:
Sub-Objective:
References:
MSDN > Inspire > Content > Articles > Introduction to HTML5 Web Workers: The JavaScript Multi-threading
Approach
Workers
Pgina 51 de 132
Item: 41 (Ref:70-480.1.6.2)
You have the following JavaScript code defined for an HTML5 Web page:
function WebColor (r,g,b) {
this.red = Number(r);
this.green = Number(g);
this.blue = Number(b);
}
You need to define a method for the WebColor object that returns the hexadecimal value of its red , green , and
blue properties. This method should be available to all instances of the WebColor object.
Objective:
Sub-Objective:
References:
Pgina 52 de 132
Pgina 53 de 132
Item: 42 (Ref:70-480.3.3.7)
You are developing a reservation form that consumes an external Web service for current weather conditions. To
consume the Web service, you must provide the following information stored in the credentials.xml file:
username: demo_user
password: P@$$w0rd
The form must authenticate with the Web service. Which text should you insert to complete the following
JavaScript code? (To answer, type the missing code in the textbox.)
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: "http://WebServer/WebService.asmx/LocalTemp",
data: "{ zip: " + $('#zip').val() + "}",
dataType: 'json',
success: onSuccess,
error: onError,
});
Objective:
Sub-Objective:
Consume data.
References:
jQuery.com > jQuery API > Ajax > Low-Level Interface > jQuery.ajax()
Pgina 54 de 132
Item: 43 (Ref:70-480.3.4.7)
You have a form that uses HTML5 and jQuery with the following markup:
<form>
<label for="uname">Username</label><input name="uname" type="email" /> <br />
<label for="pword">Password</label><input name="pword" type="password" />
<input type="submit" value="Login" />
</form>
Match the required JavaScript code on the left with its function on the right.
Objective:
Sub-Objective:
References:

Pgina 55 de 132
Pgina 56 de 132
Item: 44 (Ref:70-480.4.5.3)
You are developing a blog on current Web development trends. Articles contain the following elements:
<header>
<h1>Programming Environmenth1>
<h2>Joshua Hesterh2>
<p>Published:
<time datetime="2013-4-1" pubdate="pubdate">
April 2013
time>
p>
header>
You need to apply a style to
and
elements only in article headers. Which text should you
insert to complete the CSS rule? (To answer, type the CSS
selector in the textbox.)
{
font-family: Verdana,Helvetica,sans-serif;
font-variant: small-caps;
color: #fff;
background-color: #333;
}
Objective:
Sub-Objective:
Find elements by using CSS selectors and jQuery.
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content
Design and Presentation > Understanding CSS Selectors
Pgina 57 de 132
Item: 45 (Ref:70-480.3.1.3)
You are developing a shipping form using HTML5. The form should accept an order number and store it as
order_num. An order number must meet the following requirements:
z
z
z
Begin with one or more digits.

End with an uppercase letter.
Digits and letters are separated by either a hyphen or colon.
The order number is required to submit the form. Which markup should you use? (To answer, type the
complete element in the textbox. Specify only the needed attributes and place them in the order of id or
name, type, pattern, min, max, step, and required.)
<input
/>
Objective:
Sub-Objective:
Validate user input by using HTML5 elements.
References:
HTML5 > Forms
MSDN Library > .NET Framework Regular Expressions > Regular Expression Language Quick
Reference
Pgina 58 de 132
Item: 46 (Ref:70-480.4.5.2)
You are developing a customer order form that contains the following elements:
<form id="order">
<div id="personal">
<table>
<tr>
<td><label>Name:label>td>
<td><input id="name" type="text" placeholder="First Last" />td>
</tr>
<tr>
<td><label>Email:label>td>
<td><input id="email" type="email" />td>
</tr>
</table>
</div>
</form>
You want to label text bolded when a user is typing into its associated input. The label text should stay
bolded to indicate form completion. Which text should you insert to complete the JavaScript code? (To
answer, type the jQuery selector in the textbox. Be as specific as possible only those elements
required should be affected.)
$('
').each(function () {
$(this).parent().prev().children().css('font-weight', "bold");
});
Objective:
Sub-Objective:
References:
jQuery API > Category > Selectors

jQuery API > Category > Tree Traversal
Pgina 59 de 132
Item: 47 (Ref:70-480.1.4.6)
You have a Web page that uses HTML5 Web storage. Match the JavaScript code on the left with its function on
the right.
Objective:
Sub-Objective:
References:
MSDN > Dev Center > Windows Store apps > Docs > API > HTML/CSS > Storage and state reference >
HTML5 Web Storage
w3schools.com > HTML5 News > HTML5 Web Storage
Pgina 60 de 132
Item: 48 (Ref:70-480.4.1.4)
You are using Visual Studio to develop a CSS style sheet. Paragraphs must be displayed as follows:
z
z
All text must be justified on both sides of its margin.

The first line should be indented by half an inch.
Using the Modify Style dialog box, click on the category option in the left pane to meet the requirements.
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > ASP.NET > ASP.NET 4 > Visual Web Developer Content Map > Visual
Web Developer User Interface Elements > CSS Editor > New Style and Modify Style Dialog Boxes
Pgina 61 de 132
Item: 49 (Ref:70-480.1.1.3)
Match the HTML5 semantic markup on the left with its intended content on the right.
Objective:
Sub-Objective:
Create the document structure.
References:
MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags Today
Pgina 62 de 132
Item: 50 (Ref:70-480.2.1.7)
You have JavaScript code that must determine whether a product is available for fulfillment based on a
stocking code. The following conditions must be met:
z
z
The stocking code must be a five-digit string.

The item must be unavailable for fulfillment if the stocking code is 00010.
You need to implement the following code to meet these conditions. Which text should you insert to
complete the following code? (To answer, type the missing part of the expression in the textbox.)
function checkForProd(stockCode) {
if (stockCode
) {
alert("Unavailable for fulfillment!");
}
Objective:
Sub-Objective:
Implement program flow.
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript
Language Reference > JavaScript Reference > JavaScript Operators > Comparison Operators (JavaScript)
Pgina 63 de 132
Item: 51 (Ref:70-480.1.4.2)
You are developing a web site using HTML5. You want to ensure the web site is available offline.
Which HTML5 API should you use?
Application Cache
Web Storage
WebSockets
Geolocation
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers >
HTML5 > Application Cache API ("AppCache")
Pgina 64 de 132
Item: 52 (Ref:70-480.2.4.4)
You have the following on a Web page:
<script>
function loadProduct() {
var fr = document.getElementById('iframe').contentWindow;
fr.postMessage(product, "*");
}
</script>
<iframe id="iframe" src="product_details.html" onload="loadProduct();"></iframe>
The product_details.html page contains a function named displayProduct that accepts a Product object
and renders it on the web page. You need to define the callback to use HTML5 Web Messaging. Which
code segment should you use?
window.addEventListener("start", function (data) {
displayProduct(data);
});
window.addEventListener("onstart", function (data) {
displayProduct(data);
});
window.addEventListener("message", function (msg) {
displayProduct(msg.data);
});
window.addEventListener("onmessage", function (msg) {
displayProduct(msg.data);
});
Objective:
Sub-Objective:
References:
HTML5 Web Messaging
Pgina 65 de 132
Item: 53 (Ref:70-480.3.3.5)
You are developing an online banking application that consumes the following object:
var accountInfo = {
id: 40001,
credentials: {
username: "jhester",
password: "P@$$W0rd"
}
};
Which expression(s) reference the value jhester? (Choose all that apply.)
accountInfo[1]
accountInfo[1][0]
accountInfo.username
accountInfo.credentials.username
accountInfo2.getElementById('40001').credentials
accountInfo2.getElementsByTagName('username')[0].value
Objective:
Sub-Objective:
Consume data.
References:
MSDN Library > .NET Development > Articles and Overviews > Web Applications (ASP.NET) > ASP.NET >
Client-side Development > An Introduction to JavaScript Object Notation (JSON) in JavaScript and .NET
Pgina 66 de 132
Item: 54 (Ref:70-480.3.3.1)
You are developing a web application for users to upload and share their photo albums. Each album
consists of the following properties:
z
z
z
Title and description

Creation and modification dates
Array of image file locations and descriptions
These properties are retrieved from a Windows Communication Foundation (WCF) service using the
XMLHttpRequest object. You need to update a status label based on the current state of the request
operation. Which event should you use?
onload
onprogress
onreadystatechange
ontimeout
Objective:
Sub-Objective:
Consume data.
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web
applications > XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet
Explorer)
Pgina 67 de 132
Item: 55 (Ref:70-480.2.4.2)
You are developing an application for a restaurant chain that consumes an external web service. The web
service provides a method named getLocalSpecials that returns a list of menu items that are available at a
specific local restaurant.
You will use the jQuery method ajax to perform the web service request. The showLocalSpecials function
will take the list of menu items and display it on the specials web page. The showLocalSpecials method
should be executed only if these conditions exist:
z
z
The request has completed.

There are no server or data errors.
To which settings property should you assign showLocalSpecials?

async
cache
complete
success
Objective:
Sub-Objective:
References:
Pgina 68 de 132
Item: 56 (Ref:70-480.2.1.6)
You have JavaScript code that must determine whether a product quantity qualifies for a bulk discount. To
qualify for a bulk discount, the quantity must be a multiple of 25.
You need to implement the following code to meet these conditions. The variable pQty is directly retrieved
from an HTML textbox. Which text should you insert to complete the following code? (To answer, type the
missing part of the expression in the textbox.)
if (pQty
//Apply discount
}
) {
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Operators > Comparison Operators
(JavaScript)
Pgina 69 de 132
Item: 57 (Ref:70-480.3.2.6)
You are developing a profile update form that includes the following markup:
<input id="pword" name="pword" type="password" />
You need to ensure that this field contains a value before submitting the form. Which JavaScript function
should you use to perform validation?
function validatePwd() {
return ! document.getElementById('pword').value.isEmpty();
}
return ! document.getElementById('pword').value.match(//);
}
return document.getElementById('pword').value.length > 0;
}
return document.getElementById('pword').value.lastIndexOf(null) > 0;
}
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Objects > String Object (JavaScript)
Pgina 70 de 132
Item: 58 (Ref:70-480.3.2.8)
You are developing a customer review form that includes the following markup:
<input id="rating" name="rating" type="range" min="1" max="5" /><br />
<textarea id="review" name="review" maxlength="100">Enter Your Review
Here</textarea>
The review field will be sent via an HTTP GET operation. To prevent code injection, all special characters
should be converted to character codes. Which JavaScript function should you use?
encodeURI
decodeURI
encodeURIComponent
decodeURIComponent
Objective:
Sub-Objective:
References:
decodeURI Function (JavaScript)
Pgina 71 de 132
Item: 59 (Ref:70-480.3.2.2)
You are developing a user profile form for a US bidding site. Customers must provide a valid phone
number to receive text messages when they are outbid, lose or win an item.
The login page includes the following JavaScript code:
function isValidPhone(input) {
var patternPhone;
return patternPhone.test(input);
}
To which value should you set the patternPhone variable?
/^[0-9]{3,}[0-9]{3,}[0-9]{4,}$/
/^[0-9]{,3}[0-9]{,3}[0-9]{,4}$/
/^1*[\s$-]*\d{3}[\s$-]*\d{3}[\s)-]*\d{4}$/
/^1?[\s$-]?\d{3}[\s$-]?\d{3}[\s)-]?\d{4}$/
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Objects > Regular Expression Object
(JavaScript)
Pgina 72 de 132
Item: 60 (Ref:70-480.4.3.4)
You are developing a blog page that includes illustrations. Illustrations should display as follows in article
text:
Both the position of an illustration and text flow around it should match the required display. Which text
should you insert to complete the CSS rule? (To answer, type the CSS code in the textbox.)
.article {
display: -ms-grid;
-ms-grid-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr;
}
.article-text {
text-align: justify;
-ms-grid-column: 1;
-ms-grid-row: 1;
-ms-grid-column-span: 3;
-ms-grid-row-span: 3;
}
.article-illustration {
z-index: 1;
-ms-wrap-margin: 15px;
;
}
Objective:
Pgina 73 de 132
Sub-Objective:
Create a flexible content layout.
References:
CSS > Grid layout
CSS > Exclusions
Pgina 74 de 132
Item: 61 (Ref:70-480.3.1.2)
You are developing an order form using HTML5. The order form should accept a bulk quantity and store it
as blk_qty. A bulk quantity must meet the following requirements:
z
z
z
Must be a numeric value

Cannot be less than 5 nor greater than 50
Must only support multiples of 5
The bulk quantity is optional when submitting the form. Which markup should you use? (To answer, type
the complete element in the textbox. Specify only the needed attributes and place them in the order of id or
name, type, pattern, min, max, step, and required.)
<input
/>
Objective:
Sub-Objective:
References:
HTML5 > Forms
Pgina 75 de 132
Item: 62 (Ref:70-480.3.1.1)
You are developing an order form that includes the following markup:
<input name="quantity" id="quantity" type="text" />
The quantity field must meet the following requirements:
z
z
The user can specify only numeric values.

The user must provide a numeric value to submit the order form.
Which attributes should you modify or add in the markup? (Choose all that apply.)
type="range"
type="number"
step="1"
required="required"
pattern="\d"
pattern="[0-9]"
Objective:
Sub-Objective:
References:
HTML5 > Forms
Pgina 76 de 132
Item: 63 (Ref:70-480.2.2.3)
You are developing a custom mobile interface using HTML5. When a user performs a left or right swipe,
then the button relative to that direction should be clicked.
Which method(s) should you use to raise the click event from a JavaScript function? (Choose all that
apply. Each answer is an alternate solution.)
addEventListener
attachEvent
dispatchEvent
fireEvent
setCapture
stopPropagation
Objective:
Sub-Objective:
References:
MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object
Model (DOM) Core > Document Object Model (DOM) Events > Methods
Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event
Methods
Pgina 77 de 132
Item: 64 (Ref:70-480.4.1.6)
You are developing company Web site that display industry-wide article. Header elements should display
in uppercase and horizontally centered relative to their articles.
Which text should you insert to complete the CSS rule? (To answer, type the CSS properties and values in
the textbox.)
article > header {
font : bold 32pt Arial , Verdana ;
;
}
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading
Style Sheets > Text
Pgina 78 de 132
Item: 65 (Ref:70-480.4.4.4)
You are using CSS media queries to create an adaptive web page. The web page contains the following
embedded stylesheet:
aside {
border: 1px solid;
}
@media screen and (max-width: 480px) {
article {width: 400px; margin: 5px;}
aside {
width: 400px; text-align: center;
display: block;
}
}
@media screen and (min-width: 480px) {
article {width: 600px; margin: 15px;}
aside {
display: inline-block;
text-align: justify;
padding: 5px; margin: 5px;
width: 200px; float: right;
}
}
Which statement describes how the <aside> element will be rendered?
Mobile devices with a maximum width of 480 pixels will display <aside> content within a second 200-pixel
column to the right of its containing article.
Mobile devices with a maximum width of 480 pixels will display <aside> content within the same 400-pixel
column as its containing article.
Devices that support a screen width over 480 pixels will display <aside> content as center-aligned.
Devices that support a screen width over 480 pixels will display <aside> content in 400-pixel column.
Objective:
Sub-Objective:
References:
MSDN Magazine > Script Junkie > Script Junkie | Respond to Different Devices With CSS3 Media Queries
Pgina 79 de 132
Item: 66 (Ref:70-480.2.2.4)
<section id="s1">
<article id="a1">
<header><h1 class="title">Article 1</h1></header>
<footer><address>2013</address></footer>
</article>
<article id="a2">
</article>
<article id="a3">
</article>
</section>
You need to ensure that a yellow border appears around an article when its title is clicked. Which of the
following JavaScript code segments should you use?
document.getElementById('s1').addEventListener('click', function () {
if( event.srcElement.classList.contains("title")) {
event.srcElement.parentElement.parentElement.style.border = "1px solid
yellow";
}
});
document.getElementById('a1').addEventListener('click', function () {
if( event.srcElement.classList.contains("title")) {
yellow";
}
});
document.getElementById('a2').attachEvent('onclick', function () {
yellow";
});
document.getElementById('a3').attachEvent('onclick', function () {
yellow";
});
Objective:
Sub-Objective:
References:
Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > MouseEvent > click
Pgina 80 de 132
Item: 67 (Ref:70-480.2.3.1)
You are developing an application that uses a remote third-party JavaScript library. The library provides an
object named device, which is used in the following code:
var os, user_agent;
try {
var info = device.getInfo();
os = info.os;
user_agent = info.user;
} catch (err) {
if (err.number == -2146823279)
console.log("WARNING: device unknown");
else console.log("ERROR: " + err.message);
}
Occasionally, the library is unavailable and an error is generated with following values:
z
z
-2146823279
'device' is undefined
If this error is generated at runtime, what will be the console output?

-2146823279
'device' is undefined
ERROR: 'device' is undefined
WARNING: device unknown
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Statements > try...catch...finally Statement
(JavaScript)
Language Reference > JavaScript Reference > JavaScript Objects > Error Object (JavaScript)
Pgina 81 de 132
Item: 68 (Ref:70-480.4.3.2)
You are using CSS to layout buttons for a custom media player. The media player uses the following
markup:
<style>
#media-controls {
display: -ms-flexbox;
-ms-flex-flow: row;
-ms-flex-wrap: wrap-reverse;
}
</style>
<div id="media-controls">
<img id="btn1" src="images/player/rewind.jpg" />
<img id="btn2" src="images/player/play.jpg" />
<img id="btn3" src="images/player/pause.jpg" />
<img id="btn4" src="images/player/fastforward.jpg" />
<img id="btn5" src="images/player/previous.jpg" />
<img id="btn6" src="images/player/stop.jpg" />
<img id="btn7" src="images/player/next.jpg" />
</div>
Assuming a fixed width for the browser window, how will this markup render in Internet Explorer 10?
Pgina 82 de 132
Objective:
Sub-Objective:
References:
CSS > Flexible Box ("Flexbox") Layout
Pgina 83 de 132
Item: 69 (Ref:70-480.4.2.6)
You are developing an information blog that contains health-related articles for doctors and patients. A
web page contains the following markup:
<style>
article, header {
position: absolute; left: 0px; top: 0px
}
</style>
<article>
<header>
<h1>Are you okay, Sparky?</h1>
</header>
<p>Herbs have supplemented traditional healthcare since
the dawn of time. Now over 90% of North American doctors
provide herbs as part of their patient's health.</p>
<p>What about our pets?</p>
</article>
How will this markup render in a browser?
Objective:
Sub-Objective:
References:
Design and Presentation > About Element Positioning
Pgina 84 de 132
Pgina 85 de 132
Item: 70 (Ref:70-480.4.6.3)
You are developing a company portal site using HTML5 and CSS3. A style sheet includes the following:
p.disclaimer {font: normal 8pt "Times New Roman"}
During user testing, you determine that some employees are required to use custom user style sheets
because they require larger text sizes. You need to ensure the style is overridden by a normal user style
declaration. What should you do?
Add the style declaration to each user style sheet.
Add the style declaration to the default user agent style sheet.
Add the !important modifier to the existing author style declaration.
Add the !important modifier to the existing user style declaration.
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer API > Cascading Style Sheets > !
important modifier
W3C Web site > W3C Recommendation > CSS 2.1 > Assigning property values, Cascading, and Inheritance
> Cascading Order
Pgina 86 de 132
Item: 71 (Ref:70-480.2.1.4)
You are developing an HTML5 application. A web page contains the following JavaScript code block:
<script>
var boolArr = [];
for (var i = 0; i < 10; i++)
boolArr[i + 1] = (i % 2) ? true : false;
var strOutput = "";
for (var b in boolArr)
strOutput += b + " ";
document.body.innerHTML = strOutput;
</script>
Which text will be displayed on the web page?
0 1 2 3 4 5 6 7 8 9
1 2 3 4 5 6 7 8 9 10
false true false true false true false true false true
true false true false true false true false true false
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Statements > for...in Statement (JavaScript)
Language Reference > JavaScript Reference > JavaScript Statements > ifelse statement (JavaScript)
Pgina 87 de 132
Item: 72 (Ref:70-480.1.2.5)
You want to display the following graphic on a Web page:
Place the markup on the left in its correct order on the right.
Objective:
Sub-Objective:
References:
MSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and
media > Scalable Vector Graphics (SVG) > SVG Element Reference
Pgina 88 de 132
MSDN Library > Internet Explorer 9 Samples and Tutorials > HTML5 Graphics > How to Choose Between
SVG and Canvas
Pgina 89 de 132
Item: 73 (Ref:70-480.4.2.1)
Using HTML5 and JavaScript, you are creating an online interactive game. The main web page contains the
following markup:
<div id="background" style="width: 800px; height: 600px">
</div>
You want to display the following background for the <div> element:
Which CSS rule should you specify in the style sheet?

#background {background-image:radial-gradient(yellow, red, black);}
#background {background-image:radial-gradient(black, red, yellow);}
#background {background-image:linear-gradient(yellow, red, black);}
#background {background-image:linear-gradient(black, red, yellow);}
Objective:
Sub-Objective:
References:
Style Sheets > Gradients
Pgina 90 de 132
Item: 74 (Ref:70-480.1.1.1)
You are modifying an existing Web site to leverage new HTML5 elements. You need to ensure that optional
content can be open or closed using a standardized widget. Which element should you use?
<nav>
<aside>
<details>
<summary>
Objective:
Sub-Objective:
References:
W3CSchools.com > HTML Reference - HTML5 Compliant > HTML by Function
Pgina 91 de 132
Item: 75 (Ref:70-480.4.1.2)
You are developing an information blog that contains health-related articles for doctors and patients. A
web page contains the following markup:
<style>
h1 {
color: #fff;
font: italic bold 28pt Cambria;
text-shadow: 0 0 0 5px #300;
text-transform: capitalize;
}
</style>
<h1>detoxification is the key</h1>
How will this markup render in a browser?
Objective:
Sub-Objective:
References:
MSDN > Home > Inspire > Content > Articles > Mastering CSS3: Text shadows
MSDN Library > Internet Explorer Developer Center > Docs > Internet
Pgina 92 de 132
Item: 76 (Ref:70-480.2.1.1)
You are creating a function using JavaScript. The function is declared as follows:
function updateSelected(element) {
//insert code here
element.className = style;
}
The className property should be set to selected if the checked property of the element is true. Which
of the following code statements should you insert in the updateSelected function?
var style = (element.checked) ? 'selected';
var style = (element.checked) ? 'selected' : '';
var style = if (element.checked) return 'selected';
var style = if (element.checked) return 'selected' else return '';
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Operators > Conditional (Ternary) Operator (?)
(JavaScript)
Pgina 93 de 132
Item: 77 (Ref:70-480.4.2.2)
Using HTML5 and JavaScript, you are creating a virtual desktop for an online storage application. The
main web page contains the following markup:
<div id="desktop" style="width:800px;height:600px">
This is your desktop.
</div>
You have small image named wood_grain.jpg in the images folder that should fill the <div> element. (Click
the Exhibit(s) button.)
Which CSS rule should you specify in the style sheet?
#desktop { background-attachment: url('images/wood_grain.jpg'); }
#desktop { background-image: url('images/wood_grain.jpg'); }
#desktop { background-image: url('images/wood_grain.jpg'); backgroundrepeat:repeat-x}
#desktop { background-attachment: url('images/wood_grain.jpg'); backgroundrepeat:repeat-y}
Objective:
Sub-Objective:
Pgina 94 de 132
References:
Style Sheets > Backgrounds and Borders
Pgina 95 de 132
Item: 78 (Ref:70-480.2.1.2)
function getBonus(sales) {
var bonus;
//insert code here
return bonus;
}
The sales argument determines the bonus based on the following criteria:
z
z
z
If sales are equal to or exceed $10,000 but are less than $20,000, the bonus should be 1.5%.
If the sales are equal to or exceed $20,000, the bonus should be 3%.
If sales are lower than $10,000, then the bonus should be 0.5%
Which of the following code segments should you use in the getBonus function?
if (sales >= 10000)
bonus = .015;
else if (sales >= 20000)
bonus = .03;
else
bonus = .005;
if (sales >= 10000 && sales < 20000)
bonus = .015;
else if (sales >= 20000)
bonus = .03;
else
bonus = .005;
switch (sales) {
case >= 10000:
bonus = .015;
case >= 20000:
bonus = .03;
default:
salesTax = .005;
}
switch (sales) {
case >= 10000:
case < 20000:
bonus = .015;
break;
case >= 20000:
bonus = .03;
break;
default:
salesTax = .005;
}
Objective:
Sub-Objective:
Pgina 96 de 132
References:
Language Reference > JavaScript Reference > JavaScript Statements > switch Statement (JavaScript)
Pgina 97 de 132
Item: 79 (Ref:70-480.2.2.2)
You are developing a keyboard-based game in HTML5. When a user presses the space bar, the playable
character should jump. The keys W, A, S, and D should be used for movement and the SHIFT and CTRL
keys should control the aiming reticle.
Which method(s) should you use to associate these events with JavaScript functions? (Choose all that
apply. Each answer is an alternate solution.)
addEventListener
attachEvent
dispatchEvent
fireEvent
setCapture
stopPropagation
Objective:
Sub-Objective:
References:
Model (DOM) Core > Document Object Model (DOM) Events > Methods
Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event
Methods
Pgina 98 de 132
Item: 80 (Ref:70-480.3.3.9)
You have a company blog that uses the following JavaScript to display articles:
function displayArticles(xmlText) {
var xmlDoc = $.parseXML(xmlText);
$(xmlDoc).find( article ).each(
function (index) {
$( section ).append($( this ));
}
);
}
The main blog page also contains the following markup:
< progress id ="loadBar" value ="0" max ="4">
Articles loading... < span id ="loadText"> 0 span > %.
progress >
Blog articles are retrieved from a Windows Communication Foundation (WCF) service. You create a
function named handleLoading to update the status of the progress element when data state changes and
invoke the displayArticles function when articles text is fully loaded. The handleLoading function should
be associated with the XMLHttpRequest object to meet these requirements.
Which text should you insert to complete the following JavaScript code? (To answer, type the missing part
of the expression in the textbox.)
var xhr = new XMLHttpRequest();
xhr.open( "GET" , "http://www.verigon.com/data/articles" , true );
xhr.
xhr.send();
= handleLoading;
Objective:
Sub-Objective:
Consume data.
References:
MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web
applications > XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet
Explorer)
Pgina 99 de 132
Item: 81 (Ref:70-480.3.3.3)
You are developing an application that consumes an external web service with the following JavaScript
code:
$.ajax({
dataType: 'json',
type: 'POST',
url: "/ImageService.asmx/getLatestPhotoDetails",
success: function (jsonData) {
//handle Web service data here
}
});
You need to ensure that data is always up-to-date and the request completes before any other actions are
performed. Which modifications should you make to the JavaScript code? (Choose all that apply. Each
answer is part of the complete solution.)
Set the async property to true.
Set the async property to false.
Set the cache property to true.
Set the cache property to false.
Set the data property to true.
Set the data property to false.
Objective:
Sub-Objective:
Consume data.
References:
Pgina 100 de 132
Item: 82 (Ref:70-480.2.3.3)
You are developing an application that contains the following JavaScript code:
try {
console.log("Begin work.");
throw new Error("ERROR!");
console.log("End work.");
} catch (err) {
console.log(err.message);
} finally {
console.log("Cleanup.");
}
What will be the console output when this code executes?
Begin work.
ERROR!
Begin work.
End work.
ERROR!
Begin work.
ERROR!
Cleanup.
Begin work.
End work.
ERROR!
Cleanup.
Objective:
Sub-Objective:
References:
(JavaScript)
Language Reference > JavaScript Reference > JavaScript Statements > throw Statement (JavaScript)
Pgina 101 de 132
Item: 83 (Ref:70-480.3.4.4)
You are developing a social media application that allows users to share hyperlinks. When a user clicks on
a shared hyperlink, the following actions should occur:
z
z
z
The hyperlink reference will be appended to the current URL.

The web server will retrieve and track the hyperlink reference.
The web server will redirect the browser to the hyperlink reference.
Which JavaScript methods should you use to append and retrieve the hyperlink reference?
the encodeURI and decodeURI methods
the encodeURIComponent and decodeURIComponent methods
the serialize and deserialize methods
the serializeArray and deserializeArray methods
Objective:
Sub-Objective:
References:
Pgina 102 de 132
Item: 84 (Ref:70-480.1.3.3)
<script>
window.onload = function () {
document.getElementById('dev-stages').style.textTransform = "capitalize";
};
</script>
<p>Although there are many planning models available, the fundamental five stages
are <span id="dev-stages">define, design, deploy, evaluate and refine.</span> During
the define stage, the primary activity is known as requirements analysis.</p>
How will the text in the <span> element be displayed?
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading
Style Sheets > Text > text-transform
MSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading
Style Sheets > Text > text-decoration
Pgina 103 de 132
Item: 85 (Ref:70-480.4.3.3)
You need to use CSS Regions to design the layout of a web page. The web page contains the following
markup:
<style>
#page {
display: -ms-grid;
-ms-grid-columns: 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
#region1 { -ms-grid-row:1; -ms-grid-column:1; }
#region2 { -ms-grid-row:2; -ms-grid-column:2; }
</style>
<iframe id="source" src="/data/content.txt"></iframe>
<div id="page">
<div id="region1" class="region">Test</div>
<div id="region2" class="region">Test</div>
</div>
Which style rules should you add to the inline style sheet?
#source {
-ms-flow-from: content;
}
.region {
-ms-flow-into: content;
}
#source {
}
.region {
}
.source {
}
#region {
}
.source {
}
#region {
}
Objective:
Sub-Objective:
References:
CSS > Regions
Pgina 104 de 132
Item: 86 (Ref:70-480.4.1.5)
You are developing a blog on current Web development trends. Article headers should appear as follows:
Which text should you insert to complete the CSS rule? (To answer, type the CSS property value(s) in the
textbox. Use only pixel units in multiples of five.)
article > header {
color: #f00;
font: bold 32pt Arial, Verdana;
text-shadow:
#000;
Objective:
Sub-Objective:
References:
MSDN > Home > Inspire > Content > Articles > Mastering CSS3: Text shadows
Pgina 105 de 132
Item: 87 (Ref:70-480.4.5.1)
You are developing blog site using HTML5 and jQuery. The main web page contains the following markup:
<h1>Enactivate Education!</h1>
<h2>Blog on bleeding edge learning theories and strategies</h2>
<article>
<header>
<h3>Diffusion Theory</h3>
<h4>Joshua Hester</h4>
</header>
<p>There is an organized meta-theory involving innovation adoption:</p>
<p><em>Diffusion Theory!</em></p>
<img src="diffusion_bellcurve.jpg" alt="Bellcurve of diffusion" />
<p>Where are you in the bell curve of adoption?</p>
<footer><p>Posted at 8:07 PM</p></footer>
</article>
The CSS class slick-blue should be applied to all <h1>, <h2>, <h3> and <h4> elements. Which JavaScript
statement should you use?
$('header').addClass("slick-blue");
$(':header').addClass("slick-blue");
$('h1 h2 h3 h4').addClass("slick-blue");
$('h1>h2>h3>h4').addClass("slick-blue");
Objective:
Sub-Objective:
References:
jQuery API > Category > Selectors
Pgina 106 de 132
Item: 88 (Ref:70-480.3.4.1)

$('#output').append($(this).serialize());
});
guys!"}]
name=Joshua
2C+guys!
name=Joshua
2C+guys!
20guys!%22%7D%5D
Pgina 107 de 132
Objective:
Sub-Objective:
References:

Pgina 108 de 132
Item: 89 (Ref:70-480.2.1.5)
You are developing an HTML5 application. A web page contains the following JavaScript code block:
<script>
var i = 10;
var strOutput = "";
do {
strOutput += --i + " ";
} while (i > 0);
document.body.innerHTML = strOutput + "BLAST OFF!";
</script>
Which text will be displayed on the web page?
9 8 7 6 5 4 3 2 1 BLAST OFF!
9 8 7 6 5 4 3 2 1 0 BLAST OFF!
10 9 8 7 6 5 4 3 2 1 BLAST OFF!
10 9 8 7 6 5 4 3 2 1 0 BLAST OFF!
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Statements > do...while Statement (JavaScript)
Language Reference > JavaScript Reference > JavaScript Operators > Increment (++) and Decrement (--)
Operators (JavaScript)
Pgina 109 de 132
Item: 90 (Ref:70-480.4.2.7)
You are using Visual Studio to develop a CSS style sheet. Images used as page logos must be displayed as
follows:
z
z
At the top left corner of the page, regardless of the location of other elements.
Images must be placed behind all other elements.
Using the Modify Style dialog box, click on the category option in the left pane to meet the requirements.
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > ASP.NET > ASP.NET 4 > Visual Web Developer Content Map > Visual
Web Developer User Interface Elements > CSS Editor > New Style and Modify Style Dialog Boxes
Pgina 110 de 132
Item: 91 (Ref:70-480.3.2.5)
You are developing an account login form that includes the following markup:
<input id="uname" name="uname" type="text" />
<input id="pword" name="pword" type="password" />
You need to ensure that both fields contain a value before submitting the login form. Which JavaScript
function should you use to perform validation?
function validateCred() {
var usr = document.getElementById('uname').value;
var pwd = document.getElementById('pword').value;
return usr != "" && pwd != "";
}
return usr != undefined && pwd != undefined;
}
return usr != null && pwd != null;
}
return typeof(usr) != "undefined" && typeof(pwd) != "undefined";
}
Objective:
Sub-Objective:
References:
Pgina 111 de 132
Item: 92 (Ref:70-480.3.2.4)
You are developing a restocking form for an online ordering application. Stockers must provide a valid
stock keeping unit (SKU) number to reorder a manufacturer part.
The form includes the following markup:
<input id="SKU" name="SKU" type="text" />
You need to ensure the SKU number meets the following requirements:
z
z
z
The first portion is five-digit part identifier.

The second portion is one to two lower-case letters identifying the variant.
The third portion is three upper-case letters representing the origin country.
All three portions can be optionally separated by hyphens.

Which JavaScript function should you use to validate the SKU field?
function validateSKU() {
var strSKU = document.getElementById('SKU').value;
var ptnSKU = /^[0-9]{5}[a-z]{1,2}[A-Z]{3}$/;
return ptnSKU.test(strSKU);
}
var ptnSKU = /^[0-9]{5}-?[a-z]{1,2}-?[A-Z]{3}$/;
return ptnSKU.test(strSKU);
}
var ptnSKU = /^[0-9]{5}[a-z]{1,2}[A-Z]{3}$/;
return strSKU.test(ptnSKU);
}
var ptnSKU = /^[0-9]{5}-?[a-z]{1,2}-?[A-Z]{3}$/;
return strSKU.test(ptnSKU);
}
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Objects > Regular Expression Object
(JavaScript)
Pgina 112 de 132
Item: 93 (Ref:70-480.3.1.4)
You are developing a customer form using HTML5.
The form should accept a customer's email address and store it as cust_email. This data should not
prevent a customer from submitting the form.
Which markup should you use? (To answer, type the complete element in the textbox. Specify only the
needed attributes and place them in the order of id or name, type, pattern, min, max, step, and required.)
<input
/>
Objective:
Sub-Objective:
References:
HTML5 > Forms
Pgina 113 de 132
Item: 94 (Ref:70-480.2.1.3)
function getSalesTax(state) {
var salesTax = new Array();
salesTax["AL"] = .04;
salesTax["AR"] = .06;
salesTax["FL"] = .06;
salesTax["GA"] = .04;
salesTax["HI"] = .04;
salesTax["AI"] = .06;
salesTax["KY"] = .06;
//insert code here
}
The getSalesTax function should meet the following requirements:
z
z
If the state is specified by its two-digit postal code exists in the array, then the sales tax for that
state should be returned.
If the state does not exist in the array, then a space-separated list of states that do exist in the array
should be returned.
Which of the following code segments should you use in the getSalesTax function?
if (state) {
return salesTax[state];
} else {
var strStates = "";
for (var s in salesTax) {
strStates += s + " ";
}
return strStates;
}
if (salesTax[state]) {
} else {
var strStates = "";
for (var s in salesTax) {
strStates += s + " ";
}
return strStates;
}
if (state) {
} else {
var strStates = "";
for (var s = 0, len = salesTax.length; s < len; s ++) {
strStates += salesTax[s] + " ";
}
return strStates;
}
if (salesTax[state]) {
} else {
var strStates = "";
for (var s = 0, len = salesTax.length; s < len; s ++) {
strStates += salesTax[s] + " ";
Pgina 114 de 132
}
return strStates;
Objective:
Sub-Objective:
References:
Language Reference > JavaScript Reference > JavaScript Statements > for...in Statement (JavaScript)
Pgina 115 de 132
Item: 95 (Ref:70-480.3.3.8)
You are developing an order form that consumes an external Web service for currency conversions. The
conversion rate must be reliable and always up-to-date. The Web page must wait for the converted value
before displaying the order form.
Which text should you insert to complete the following JavaScript code? (To answer, type the missing
code in the textbox.)
$.ajax({
,
url: "http://WebServer/CurrencyConverter.asmx/Convert" ,
data: "{ amt: " + $( #txtCur ).val() + ",inCur: USD,outCur : GBP }" ,
dataType: json ,
success: function (msg) {$( #costLocal ).val(msg.d);}
});
Objective:
Sub-Objective:
Consume data.
References:
jQuery.com > jQuery API > Ajax > Low-Level Interface > jQuery.ajax()
Pgina 116 de 132
Item: 96 (Ref:70-480.4.4.3)
You need to optimize a web page for difference device and screen sizes. For devices with a maximum
width of 480 pixels, the content width should never be less than 400 pixels.
Which CSS should you use in a style sheet to meet this requirement?
@media size and (max-width: 480px) {
@-ms-viewport {width: 400px;}
}
}
@media size and (max-width: 400px) {
}
}
Objective:
Sub-Objective:
References:
CSS > Device Adaptation
Pgina 117 de 132
Item: 97 (Ref:70-480.4.3.1)
You are developing an HTML5 web application using the ms-grid layout. You need to use the -ms-wrapflow property to control text flow around an image.
Which values are valid for the -ms-wrap-flow property? (Choose all that apply.)
absolute
clear
justify
start
static
Objective:
Sub-Objective:
References:
CSS > Grid layout
CSS > Exclusions
Pgina 118 de 132
Item: 98 (Ref:70-480.1.1.2)
Match the HTML5 semantic markup on the left with its intended content on the right.
Objective:
Sub-Objective:
References:
W3CSchools.com > HTML Reference - HTML5 Compliant > HTML by Function
Pgina 119 de 132
Item: 99 (Ref:70-480.1.2.4)
You are developing an HTML5 page with the following markup:
<video id="movie" src="videos/wildlife.mp4" />
The user should be able to play and pause the video and control its volume. Which actions should you
perform? (Choose all that apply. Each action is an alternate solution.)
Add the autoplay attribute to the <video> element.
Add the controls attribute to the <video> element.
Add the preload attribute to the <video> element.
Set the autoplay property to true with JavaScript code.
Set the controls property to true with JavaScript code.
Set the preload property to true with JavaScript code.
Objective:
Sub-Objective:
References:
MSDN Magazine > Issues and Downloads > 2011 > November 2011 Issues > HTML5 Working with Media in
HTML5
Pgina 120 de 132
Item: 100 (Ref:70-480.4.2.4)

You are developing a web page that contains the following markup:
<style>
div {border: 1px solid red;}
</style>
<div id="outer">
<div id="inner1">
Content 1
</div>
<div id="inner2">
Content 2
</div>
Content 3
</div>
The markup should be rendered as follows:
Which property assignment should you add to the CSS rule for <div> elements?
margin: 20px;
margin: -20px;
padding: 20px;
padding: -20px;
Objective:
Sub-Objective:
References:
Style Sheets > Basic Box Model
Pgina 121 de 132
Item: 101 (Ref:70-480.1.5.1)

You are reviewing a web application with the following JavaScript segment:
var msg = "Global msg";
function MsgGen(msg) {
this.msg = msg;
}
function display() {
alert(msg);
}
function display(msg) {
alert(msg);
}
MsgGen.prototype.display = function() {
alert(this.msg);
};
var obj = new MsgGen("Object msg");
obj.display("Local msg");
When this JavaScript segment executes, which text is displayed in the browser message box?
Global msg
Local msg
Object msg
[object Object]
Objective:
Sub-Objective:
References:
MSDN Library > Internet Explorer and web development > Internet Explorer API reference > JavaScript
Language Reference > JavaScript Reference > JavaScript Statements > this Statement (JavaScript)
Pgina 122 de 132
Item: 102 (Ref:70-480.2.2.1)

<label
<input
<br />
<label
<input
for="txtEmail">Username:</label>
type="email" id="txtEmail" name="txtEmail" />
for="txtPass">Password:</label>
type="password" id="txtPass" name="txtPass" />
You need to change the background color to yellow when the user reaches either textbox. Which of the
following JavaScript code segments should you use?
function backYellow() {
event.srcElement.style.backgroundColor = "yellow";
}
function backNormal() {
event.srcElement.style.backgroundColor = "";
}
document.getElementById('txtEmail').addEventListener('onfocus', backYellow);
document.getElementById('txtEmail').addEventListener('onblur', backNormal);
document.getElementById('txtPass').addEventListener('onfocus', backYellow);
document.getElementById('txtPass').addEventListener('onblur', backNormal);
function backYellow() {
}
function backNormal() {
}
document.getElementById('txtEmail').addEventListener('onblur', backYellow);
document.getElementById('txtEmail').addEventListener('onfocus', backNormal);
document.getElementById('txtPass').addEventListener('onblur', backYellow);
document.getElementById('txtPass').addEventListener('onfocus', backNormal);
document.getElementById('txtEmail').onfocus = function () {
}
document.getElementById('txtEmail').onblur = function () {
}
document.getElementById('txtPass').onfocus = function () {
}
document.getElementById('txtPass').onblur = function () {
}
document.getElementById('txtEmail').onfocus = function () {
}
document.getElementById('txtEmail').onblur = function () {
}
document.getElementById('txtPass').onfocus = function () {
}
document.getElementById('txtPass').onblur = function () {
}
Pgina 123 de 132
Objective:
Sub-Objective:
References:
Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > FocusEvent > focus
Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > FocusEvent > blur
Pgina 124 de 132
Item: 103 (Ref:70-480.4.2.5)

You are developing a company blog. An article includes the following markup:
<article>
<header>
<h1>Over-hype</h1>
<h2>The next age of business marketing</h2>
</header>
<p>In the past decades, marketing strategy has been drastically redefined.
Where product quality was once required for a successful campaign, now
customer demand is driven by the "hype" over even mediocre products.</p>
<aside>Make the impossible seem possible.</aside>
</article>
This article is one of many other articles on the same page. You need to position the aside 100 pixels down
and to the left of the page. Which value should you specify for the CSS property position?
absolute
fixed
relative
static
Objective:
Sub-Objective:
References:
Design and Presentation > About Element Positioning
Pgina 125 de 132
Item: 104 (Ref:70-480.2.3.4)

You have a method named getNextAd defined in an external JavaScript file. You need to ensure that any errors
that occur within the getNextAd are handled by the JavaScript code that invokes it. The error description should
be displayed in a dialog for debugging.
Objective:
Sub-Objective:
References:
(JavaScript)
Pgina 126 de 132
Item: 105 (Ref:70-480.3.3.4)

You are developing an online banking application that consumes a Windows Communication Foundation
(WCF) service to retrieve financial accounts. The WCF service is located at
http://www.verigon.com/AccountService/GetAccount and requires a value for the AccountID
parameter.
The following method will perform the AJAX request:
function getAcccountInfo(accountID, username, password, onLoad) {
//AJAX request goes here
}
The username and password arguments are required for authentication, while onLoad argument is a
function that should be invoked when the request completes, whether normally or with error. Which code
segment should you use in the getAccountInfo function?
$.ajax({
dataType: 'json',
type: 'POST',
url: "http://www.verigon.com/AccountService/GetAccount",
success: onLoad,
data: "{ 'AccountID': " + accountID +
", 'Username': " + username +
", 'Password': " + password + "}"
});
$.ajax({
dataType: 'json',
type: 'POST',
url: "http://www.verigon.com/AccountService/GetAccount" +
"?Username=" + username + "&Password=" + password,
success: onLoad,
data: "{ 'AccountID': " + accountID + "}"
});
$.ajax({
dataType: 'json',
type: 'POST',
complete: onLoad,
data: "{ 'AccountID': " + accountID + "}",
username: username,
password: password
});
$.ajax({
dataType: 'json',
type: 'POST',
complete: onLoad,
AccountID: accountID,
username: username,
password: password
});
Objective:
Sub-Objective:
Pgina 127 de 132
Consume data.
References:
Pgina 128 de 132
Item: 106 (Ref:70-480.1.2.2)

You are developing a web page with the following content:
<script>
function addNotes() {
addNotes.count = ++addNotes.count || 1;
var note = document.createElement('input');
note.setAttribute('id', "note" + addNotes.count);
note.setAttribute('type', "text");
document.getElementById('notes').applyElement(note);
}
</script>
<button onclick="addNotes();">Add Notes</button>
<div id="notes"><input id="note0" type="text" /></div>
What is the result of a user clicking the Add Notes button twice?
One textbox will be displayed.
Two textboxes will be displayed.
Three textboxes will be displayed.
No textboxes will be displayed.
Objective:
Sub-Objective:
References:
MSDN Library > Web Development > Internet Explorer > Internet Explorer API Reference > Document
Object Model (DOM) > Document Object Model (DOM) Traversal and Range
Pgina 129 de 132
Item: 107 (Ref:70-480.4.2.3)

You are developing a web page that contains the following markup:
<div id="imageContainer" width="600" height="800">
<img src="images/blackhole.jpg" width="1024" height="768"/>
</div>
Other content is included in the page, so you want to restrict how much of the image is displayed. Users
should be able to scroll to see the complete image without displacing other content. Which CSS property
should you specify for the <div> element?
background-clip
clip
overflow
visibility
Objective:
Sub-Objective:
References:
Style Sheets > Visual Effects
Style Sheets > Backgrounds and Borders > background-clip
Pgina 130 de 132
Item: 108 (Ref:70-480.1.2.3)

<ul id="objectives-list">
<li><a href="objective.html">Objective</a></li>
</ul>
You declare the following array of objectives:
var objArray = new Array("Implement and Manipulate Document Structures and Objects",
"Implement Program Flow", "Access and Secure Data", "Use CSS3 in Applications");
Using objArray, you need to modify the markup as follows:
<ul id="objectives-list">
<li><a href="objective0.html">Implement and Manipulate Document Structures and
Objects</a></li>
<li><a href="objective1.html">Implement Program Flow</a></li>
<li><a href="objective2.html">Access and Secure Data</a></li>
<li><a href="objective3.html">Use CSS3 in Applications</a></li>
</ul>
Which JavaScript code should you use?
var objList = document.getElementById("objectives-list");
var objTemplate = objList.firstElementChild;
for (var i = 0, len = objArray.length; i < len; i++) {
var objCurrent = objTemplate.cloneNode();
objCurrent.firstElementChild.setAttribute('href', "objective" + i +
".html");
objCurrent.firstElementChild.innerHTML = objArray[i];
objList.appendChild(objCurrent);
}
var objTemplate = objList.firstElementChild;
var objCurrent = objTemplate.cloneNode(true);
".html");
}
var objTemplate = objList.firstElementChild.removeNode();
var objCurrent = objTemplate.cloneNode();
".html");
}
var objTemplate = objList.firstElementChild.removeNode(true);
var objCurrent = objTemplate.cloneNode(true);
".html");
Pgina 131 de 132
Objective:
Sub-Objective:
References:
Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model
(DOM) Core > Basic DOM Reference > Methods
Pgina 132 de 132

Manual Certification Microsoft HTML5 CSS Javascript

Uploaded by

Copyright:

Available Formats

Manual Certification Microsoft HTML5 CSS Javascript

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Manual Certification Microsoft HTML5 CSS Javascript

Uploaded by

Copyright:

Available Formats

Pgina 1 de 132

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Copyright 2015 Self Test Software, Inc. All Rights Reserved

The article must be displayed in an element with ID breaking-news.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement Program Flow

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Raise and handle an event.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Some code must execute if an error occurs.

Which sequence of JavaScript statements will meet these requirements?

Implement Program Flow

Implement exception handling.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Which CSS selector should you specify in the style sheet?

Use CSS3 in Applications

Structure a CSS file by using CSS selectors.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Use CSS3 in Applications

Style HTML text properties.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Use CSS3 in Applications

Create an animated and adaptive UI.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Which JavaScript code should you use?

Implement and Manipulate Document Structures and Objects

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement and Manipulate Document Structures and Objects

Implement HTML5 APIs.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

HTML Canvas > Methods

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Only when a user moves over a hyperlink, should an underscore display.

Use CSS3 in Applications

Structure a CSS file by using CSS selectors.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement and Manipulate Document Structures and Objects

Apply styling to HTML elements programmatically.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement Program Flow

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Validate user input by using JavaScript.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

The category names must remain visible.

Which CSS should you use in the style sheet?

Use CSS3 in Applications

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement and Manipulate Document Structures and Objects

Write code that interacts with UI controls.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Use CSS3 in Applications

Structure a CSS file by using CSS selectors.

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Use CSS3 in Applications

Copyright 2015 Self Test Software, Inc. All Rights Reserved

Implement Program Flow

Create a web worker process.