Manual Certification Microsoft HTML5 CSS Javascript

Share Embed Donate


Short Description

Manual Certification Microsoft HTML5 CSS Javascript...

Description

Página 1 de 132

Item: 1 (Ref:70-480.1.2.6) You have the following element on a Web page: 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

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 string string string 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( '' + $(xmlData).find('title').text() + '' + $(xmlData).find('byline').text() + '' + $(xmlData).find('body').text()); } }); $.ajax({ cache: false, dataType: 'xml', type: 'POST', url: "/NewsService.asmx/getLatestHeadline", success: function (xmlData) { $('#breaking-news').html( '' + $(xmlData).find('title').text() + '' + $(xmlData).find('byline').text() + '' + $(xmlData).find('body').text()); } }); $.ajax({ async: false, dataType: 'xml', type: 'POST',

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 4 de 132

});

url: "/NewsService.asmx/getLatestHeadline", success: function (xmlData) { $('#breaking-news').html( '' + $(xmlData).find('title').text() + '' + $(xmlData).find('byline').text() + '' + $(xmlData).find('body').text()); }

$.ajax({ async: false, cache: false, dataType: 'xml', type: 'POST', url: "/NewsService.asmx/getLatestHeadline", success: function (xmlData) { $('#breaking-news').html( '' + $(xmlData).find('title').text() + '' + $(xmlData).find('byline').text() + '' + $(xmlData).find('body').text()); } });

Objective:

Implement Program Flow

Sub-Objective: Implement a callback.

References: jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 5 de 132

Item: 3 (Ref:70-480.2.2.6) You are developing a Web page with the following markup: Email: Subscribebutton> 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: Implement Program Flow

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: Example of Alef Regular The quick brown fox jumps over the lazy dog. The markup should be rendered in the same font for all users. Which CSS rule should you use? @charset @font-face @import @media

Objective:

Use CSS3 in Applications

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: #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 ); } Missive A letter, often official See epistle or message. 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 { width: 100%; height: 100%; position: absolute; transition: linear; } .card { width: 100%; height: 100%; position: absolute; transition: transform 1s; transform-style: preserve-3d; }

Objective:

Use CSS3 in Applications

Sub-Objective:

Create an animated and adaptive UI.

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 11 de 132

Item: 8 (Ref:70-480.1.3.1) You are developing a web page with the following markup: Although there are many planning models available, the fundamental five stages are define, design, deploy, evaluate and refine. During the define stage, the primary activity is known as requirements analysis. You need to modify the 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:

Implement and Manipulate Document Structures and Objects

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 12 de 132

Item: 9 (Ref:70-480.1.4.5) You have the following element on a mobile Web page: You are currently located at . 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. 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

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 >

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 13 de 132

HTML Canvas > Methods

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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;} a:active {color: darkred; font-weight: bold;} a:hover {text-decoration: underline;} a:link {color: darkblue; text-decoration: none;} a:visited {color: darkmagenta;} a:link {color: darkblue; text-decoration: none;} a:visited {color: darkmagenta;} a:active {color: darkred; font-weight: bold;} a:hover {text-decoration: underline;} a:link {color: darkblue; text-decoration: none;} a:visited {color: darkmagenta;} a:hover {text-decoration: underline;} a:active {color: darkred; font-weight: bold;}

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 w3schools.com > CSS Advanced > CSS Pseudo-classes

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 15 de 132

Item: 11 (Ref:70-480.1.3.2) You are developing an HTML5 page with the following markup: 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"; } var chkEmail = document.getElementById("chkEmail"); var txtEmail = document.getElementById("txtEmail"); if (chkEmail.checked) { txtEmail.style.display = "none"; } else { txtEmail.style.display = "visible"; } var chkEmail = document.getElementById("chkEmail"); var txtEmail = document.getElementById("txtEmail"); if (chkEmail.checked) { txtEmail.style.visibility = "visible"; } else { txtEmail.style.visibility = "hidden"; } var chkEmail = document.getElementById("chkEmail"); var txtEmail = document.getElementById("txtEmail"); if (chkEmail.checked) { txtEmail.style.display = "true"; } else { txtEmail.style.visibility = "false"; }

Objective:

Implement and Manipulate Document Structures and Objects

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 > visibility MSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading Style Sheets > Basic Box Model > display

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Implement a callback.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web Messaging

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Classics AeneidBeowulf Catcher in the RyeOdyssey Fantasy Alice's Adventures in Wonderland DraculaLord of the Rings Science Fiction Foundation Hitchhiker's Guide to the Galaxy 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 { animation: fade-in 5s; } li.cat { opacity: 0; } li.cat:hover { animation: fade-in 5s; } @keyframes fade-in { from { opacity: 0;} to { opacity: 1;} } li.cat ul { opacity: 0; } li.cat:hover ul { animation: fade-in 5s; } @keyframes fade-in { from { opacity: 0;} to { opacity: 1;} }

Objective:

Use CSS3 in Applications

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 19 de 132

Sub-Objective: Create an animated and adaptive UI.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Animations

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 20 de 132

Item: 15 (Ref:70-480.1.2.1) You have the following element on a Web page: 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Structure a CSS file by using CSS selectors.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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?

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 23 de 132

Objective:

Use CSS3 in Applications

Sub-Objective: Style HTML text properties.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Text

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Create a web worker process.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web Workers

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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(); console.log("ns1: %s, ns2: %s", ns1.int, ns2.int); ns1.increment(); ns2.increment(); console.log("ns1: %s, ns2: %s", ns1.int, ns2.int); ns1.increment(); ns1.increment(); ns2.decrement(); console.log("ns1: %s, ns2: %s", ns1.int, ns2.int); ns2.increment(); ns2.increment(); ns1.decrement(); console.log("ns1: %s, ns2: %s", ns1.int, ns2.int);

Objective:

Implement and Manipulate Document Structures and Objects

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Implement Program Flow

Sub-Objective:

Create a web worker process.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web Workers

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: jhester [email protected]$$W0rd 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: Access and Secure Data

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

Sub-Objective:

Serialize, deserialize, and transmit data.

References: jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 [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! %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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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%22http%3A%2F%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:

Access and Secure Data

Sub-Objective:

Serialize, deserialize, and transmit data.

References:

jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 "" + this .title + "\n" + "" + this .price + "\n" + "" + this .desc + "" ; ; 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. Place the required 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

Sub-Objective: Serialize, deserialize, and transmit data.

References:

jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

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) > Properties > readyState property MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet Explorer)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Create a web worker process.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web Workers

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 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.

Objective:

Implement Program Flow

Sub-Objective:

Create a web worker process.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web Workers

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 38 de 132

Item: 30 (Ref:70-480.2.4.5) You have the following on a web page:

function sendMessage() { var fr = document.getElementById('iframe').contentWindow; fr.postMessage(prodID, "http://www.verigon.com"); } script>

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: Implement Program Flow

Sub-Objective:

Implement a callback.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web Messaging

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Style HTML box properties.

References: w3schools.com > CSS Box Model > CSS Border MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Backgrounds and Borders > border-radius

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 40 de 132

Item: 32 (Ref:70-480.2.2.5) You have the following elements on an HTML5 Web page: 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. When the user checks the checkbox, the disclaimer should display. If the checkbox is not checked, then the disclaimer should not display. Place the required 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.

Objective:

Implement Program Flow

Sub-Objective:

Raise and handle an event.

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Establish the scope of objects and variables.

References: MSDN Library > Internet Explorer and web development > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > this Statement (JavaScript) MSDN Library > MSDN Magazine > Script Junkie > Script Junkie | Namespacing in JavaScript

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 45 de 132

Item: 36 (Ref:70-480.3.2.7) You are developing an order form that includes the following markup: 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; } function validateQty() { return !isNaN(document.getElementById('qty').value); } function validateQty() { return new Number(document.getElementById('qty').value) != NaN; } function validateQty() { return isNumeric(document.getElementById('qty').value); }

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 Fundamentals > Data Types (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 46 de 132

Item: 37 (Ref:70-480.3.4.3) 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(encodeURI($.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 [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! %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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 47 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%22http%3A%2F%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:

Access and Secure Data

Sub-Objective:

Serialize, deserialize, and transmit data.

References:

jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > Geolocation > Methods

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Application Cache API ("AppCache")

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Create a web worker process.

References: MSDN > Inspire > Content > Articles > Introduction to HTML5 Web Workers: The JavaScript Multi-threading Approach MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web Workers

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. Place the required 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective: 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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 52 de 132

MDN > JavaScript > JavaScript Guide > Inheritance revisited

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: [email protected]$$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:

Access and Secure Data

Sub-Objective: Consume data.

References:

jQuery.com > jQuery API > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 54 de 132

Item: 43 (Ref:70-480.3.4.7) You have a form that uses HTML5 and jQuery with the following markup: Username Password Match the required JavaScript code on the left with its function 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.

Objective:

Access and Secure Data

Sub-Objective:

Serialize, deserialize, and transmit data.

References:

jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 55 de 132

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: Programming Environmenth1> Joshua Hesterh2> Published: 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:

Use CSS3 in Applications

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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.)



Objective:

Access and Secure Data

Sub-Objective: Validate user input by using HTML5 elements.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > Forms MSDN Library > .NET Framework Regular Expressions > Regular Expression Language – Quick Reference

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 58 de 132

Item: 46 (Ref:70-480.4.5.2) You are developing a customer order form that contains the following elements: Name:label>td> td> Email:label>td> td> 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:

Use CSS3 in Applications

Sub-Objective: Find elements by using CSS selectors and jQuery.

References:

jQuery API > Category > Selectors jQuery API > Category > Tree Traversal

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective: Use CSS3 in Applications

Sub-Objective:

Style HTML text properties.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Create the document structure.

References: MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags Today

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Implement HTML5 APIs.

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Application Cache API ("AppCache")

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 64 de 132

Item: 52 (Ref:70-480.2.4.4) You have the following on a Web page: function loadProduct() { var fr = document.getElementById('iframe').contentWindow; fr.postMessage(product, "*"); } 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:

Implement Program Flow

Sub-Objective: Implement a callback.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web Messaging

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: "[email protected]$$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: Access and Secure Data

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Implement a callback.

References:

jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 69 de 132

Item: 57 (Ref:70-480.3.2.6) You are developing a profile update form that includes the following markup: 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(); } function validatePwd() { return ! document.getElementById('pword').value.match(//); } function validatePwd() { return document.getElementById('pword').value.length > 0; } function validatePwd() { return document.getElementById('pword').value.lastIndexOf(null) > 0; }

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 > String Object (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Fundamentals > Data Types (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 70 de 132

Item: 58 (Ref:70-480.3.2.8) You are developing a customer review form that includes the following markup: Enter Your Review Here 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: 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 > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: Use CSS3 in Applications

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 73 de 132

Sub-Objective: Create a flexible content layout.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Grid layout MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Exclusions

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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.)



Objective:

Access and Secure Data

Sub-Objective: Validate user input by using HTML5 elements.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > Forms

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 75 de 132

Item: 62 (Ref:70-480.3.1.1) You are developing an order form that includes the following markup: 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:

Access and Secure Data

Sub-Objective:

Validate user input by using HTML5 elements.

References: MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > Forms MSDN Library > .NET Framework Regular Expressions > Regular Expression Language Quick Reference

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective: Raise and handle an event.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Methods MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event Methods

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Style HTML text properties.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Text

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 element will be rendered? Mobile devices with a maximum width of 480 pixels will display 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 content within the same 400-pixel column as its containing article. Devices that support a screen width over 480 pixels will display content as center-aligned. Devices that support a screen width over 480 pixels will display content in 400-pixel column.

Objective:

Use CSS3 in Applications

Sub-Objective:

Create an animated and adaptive UI.

References:

MSDN Magazine > Script Junkie > Script Junkie | Respond to Different Devices With CSS3 Media Queries

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 79 de 132

Item: 66 (Ref:70-480.2.2.4) You have the following elements on an HTML5 Web page: Article 1 ©2013 Article 2 ©2013 Article 3 ©2013 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")) { event.srcElement.parentElement.parentElement.style.border = "1px solid yellow"; } }); document.getElementById('a2').attachEvent('onclick', function () { event.srcElement.parentElement.parentElement.style.border = "1px solid yellow"; }); document.getElementById('a3').attachEvent('onclick', function () { event.srcElement.parentElement.parentElement.style.border = "1px solid yellow"; });

Objective:

Implement Program Flow

Sub-Objective:

Raise and handle an event.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: Implement Program Flow

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) MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Error Object (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: #media-controls { display: -ms-flexbox; -ms-flex-flow: row; -ms-flex-wrap: wrap-reverse; } Assuming a fixed width for the browser window, how will this markup render in Internet Explorer 10?

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 82 de 132

Objective: Use CSS3 in Applications

Sub-Objective:

Create a flexible content layout.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Flexible Box ("Flexbox") Layout

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: article, header { position: absolute; left: 0px; top: 0px } Are you okay, Sparky? 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. What about our pets? How will this markup render in a browser?

Objective:

Use CSS3 in Applications

Sub-Objective:

Style HTML box properties.

References: MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content Design and Presentation > About Element Positioning

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 84 de 132

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Structure a CSS file by using CSS selectors.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: 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; 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:

Implement Program Flow

Sub-Objective: Implement program flow.

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > for...in Statement (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > if…else statement (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Write code that interacts with UI controls.

References:

MSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and media > Scalable Vector Graphics (SVG) > SVG Element Reference

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 88 de 132

MSDN Library > Internet Explorer 9 Samples and Tutorials > HTML5 Graphics > How to Choose Between SVG and Canvas

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: You want to display the following background for the 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:

Use CSS3 in Applications

Sub-Objective: Style HTML box properties.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Gradients

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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?

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective: Create the document structure.

References:

MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags Today W3CSchools.com > HTML Reference - HTML5 Compliant > HTML by Function

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: h1 {

color: #fff; font: italic bold 28pt Cambria; text-shadow: 0 0 0 5px #300; text-transform: capitalize;

} detoxification is the key How will this markup render in a browser?

Objective:

Use CSS3 in Applications

Sub-Objective:

Style HTML text properties.

References:

MSDN > Home > Inspire > Content > Articles > Mastering CSS3: Text shadows MSDN Library > Internet Explorer Developer Center > Docs > Internet

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Implement program flow.

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Operators > Conditional (Ternary) Operator (?) (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > ifelse statement (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: This is your desktop. You have small image named wood_grain.jpg in the images folder that should fill the 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:

Use CSS3 in Applications

Sub-Objective: Style HTML box properties.

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 94 de 132

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Backgrounds and Borders

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 95 de 132

Item: 78 (Ref:70-480.2.1.2) You are creating a function using JavaScript. The function is declared as follows: 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:

Implement Program Flow

Sub-Objective:

Implement program flow.

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 96 de 132

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > ifelse statement (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > switch Statement (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

Sub-Objective:

Raise and handle an event.

References: MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Methods MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event Methods

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

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)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

Sub-Objective: Consume data.

References:

jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement Program Flow

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) MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Error Object (JavaScript) MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > throw Statement (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

Sub-Objective: Serialize, deserialize, and transmit data.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript) jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 102 de 132

Item: 84 (Ref:70-480.1.3.3) You are developing a web page with the following markup: window.onload = function () { document.getElementById('dev-stages').style.textTransform = "capitalize"; }; Although there are many planning models available, the fundamental five stages are define, design, deploy, evaluate and refine. During the define stage, the primary activity is known as requirements analysis. How will the text in the element be displayed?

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Apply styling to HTML elements programmatically.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: #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; } Test Test Which style rules should you add to the inline style sheet? #source { -ms-flow-from: content; } .region { -ms-flow-into: content; } #source { -ms-flow-into: content; } .region { -ms-flow-from: content; } .source { -ms-flow-from: content; } #region { -ms-flow-into: content; } .source { -ms-flow-into: content; } #region { -ms-flow-from: content; }

Objective:

Use CSS3 in Applications

Sub-Objective:

Create a flexible content layout.

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Regions

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Style HTML text properties.

References:

MSDN > Home > Inspire > Content > Articles > Mastering CSS3: Text shadows

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: Enactivate Education! Blog on bleeding edge learning theories and strategies Diffusion Theory Joshua Hester There is an organized meta-theory involving innovation adoption: Diffusion Theory! Where are you in the bell curve of adoption? Posted at 8:07 PM The CSS class slick-blue should be applied to all , , and 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:

Use CSS3 in Applications

Sub-Objective:

Find elements by using CSS selectors and jQuery.

References: jQuery API > Category > Selectors

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 106 de 132

Item: 88 (Ref:70-480.3.4.1) 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($(this).serialize()); }); 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 [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! %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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 107 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%22http%3A%2F%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:

Access and Secure Data

Sub-Objective:

Serialize, deserialize, and transmit data.

References:

jQuery.com > jQuery API > Category: Forms MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: var i = 10; var strOutput = ""; do { strOutput += --i + " "; } while (i > 0); document.body.innerHTML = strOutput + "BLAST OFF!"; 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:

Implement Program Flow

Sub-Objective:

Implement program flow.

References: MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > do...while Statement (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Operators > Increment (++) and Decrement (--) Operators (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Use CSS3 in Applications

Sub-Objective:

Style HTML box properties.

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 110 de 132

Item: 91 (Ref:70-480.3.2.5) You are developing an account login form that includes the following markup: 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 != ""; } function validateCred() { var usr = document.getElementById('uname').value; var pwd = document.getElementById('pword').value; return usr != undefined && pwd != undefined; } function validateCred() { var usr = document.getElementById('uname').value; var pwd = document.getElementById('pword').value; return usr != null && pwd != null; } function validateCred() { var usr = document.getElementById('uname').value; var pwd = document.getElementById('pword').value; return typeof(usr) != "undefined" && typeof(pwd) != "undefined"; }

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 Fundamentals > Data Types (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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: 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); } function validateSKU() { var strSKU = document.getElementById('SKU').value; var ptnSKU = /^[0-9]{5}-?[a-z]{1,2}-?[A-Z]{3}$/; return ptnSKU.test(strSKU); } function validateSKU() { var strSKU = document.getElementById('SKU').value; var ptnSKU = /^[0-9]{5}[a-z]{1,2}[A-Z]{3}$/; return strSKU.test(ptnSKU); } function validateSKU() { var strSKU = document.getElementById('SKU').value; var ptnSKU = /^[0-9]{5}-?[a-z]{1,2}-?[A-Z]{3}$/; return strSKU.test(ptnSKU); }

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

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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.)



Objective:

Access and Secure Data

Sub-Objective: Validate user input by using HTML5 elements.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > Forms

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 113 de 132

Item: 94 (Ref:70-480.2.1.3) You are creating a function using JavaScript. The function is declared as follows: 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]) { return salesTax[state]; } else { var strStates = ""; for (var s in salesTax) { strStates += s + " "; } return strStates; } if (state) { return salesTax[state]; } else { var strStates = ""; for (var s = 0, len = salesTax.length; s < len; s ++) { strStates += salesTax[s] + " "; } return strStates; } if (salesTax[state]) { return salesTax[state]; } else { var strStates = ""; for (var s = 0, len = salesTax.length; s < len; s ++) { strStates += salesTax[s] + " ";

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 114 de 132

}

} return strStates;

Objective:

Implement Program Flow

Sub-Objective:

Implement program flow.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > for...in Statement (JavaScript) MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > ifelse statement (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Access and Secure Data

Sub-Objective: Consume data.

References: jQuery.com > jQuery API > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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 screen and (max-width: 480px) { @-ms-viewport {width: 400px;} } @media size and (max-width: 400px) { @-ms-viewport {width: 480px;} } @media screen and (max-width: 400px) { @-ms-viewport {width: 480px;} }

Objective: Use CSS3 in Applications

Sub-Objective:

Create an animated and adaptive UI.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Device Adaptation

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Use CSS3 in Applications

Sub-Objective:

Create a flexible content layout.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Grid layout MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Exclusions

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. 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.

Objective:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Create the document structure.

References: MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags Today W3CSchools.com > HTML Reference - HTML5 Compliant > HTML by Function

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 119 de 132

Item: 99 (Ref:70-480.1.2.4) You are developing an HTML5 page with the following markup: 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 element. Add the controls attribute to the element. Add the preload attribute to the 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: Implement and Manipulate Document Structures and Objects

Sub-Objective:

Write code that interacts with UI controls.

References:

MSDN Magazine > Issues and Downloads > 2011 > November 2011 Issues > HTML5 Working with Media in HTML5

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 120 de 132

Item: 100 (Ref:70-480.4.2.4) You are developing a web page that contains the following markup: div {border: 1px solid red;} Content 1 Content 2 Content 3 The markup should be rendered as follows:

Which property assignment should you add to the CSS rule for elements? margin: 20px; margin: -20px; padding: 20px; padding: -20px;

Objective:

Use CSS3 in Applications

Sub-Objective: Style HTML box properties.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Basic Box Model

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Establish the scope of objects and variables.

References: MSDN Library > Internet Explorer and web development > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Statements > this Statement (JavaScript) MSDN Library > MSDN Magazine > Script Junkie > Script Junkie | Namespacing in JavaScript

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 122 de 132

Item: 102 (Ref:70-480.2.2.1) You have the following elements on an HTML5 Web page:

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() { event.srcElement.style.backgroundColor = "yellow"; } function backNormal() { event.srcElement.style.backgroundColor = ""; } 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 () { event.srcElement.style.backgroundColor = ""; } document.getElementById('txtEmail').onblur = function () { event.srcElement.style.backgroundColor = "yellow"; } document.getElementById('txtPass').onfocus = function () { event.srcElement.style.backgroundColor = ""; } document.getElementById('txtPass').onblur = function () { event.srcElement.style.backgroundColor = "yellow"; } document.getElementById('txtEmail').onfocus = function () { event.srcElement.style.backgroundColor = "yellow"; } document.getElementById('txtEmail').onblur = function () { event.srcElement.style.backgroundColor = ""; } document.getElementById('txtPass').onfocus = function () { event.srcElement.style.backgroundColor = "yellow"; } document.getElementById('txtPass').onblur = function () { event.srcElement.style.backgroundColor = ""; }

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 123 de 132

Objective: Implement Program Flow

Sub-Objective:

Raise and handle an event.

References:

MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > FocusEvent > focus MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > FocusEvent > blur

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 124 de 132

Item: 103 (Ref:70-480.4.2.5) You are developing a company blog. An article includes the following markup: Over-hype The next age of business marketing 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. Make the impossible seem possible. 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:

Use CSS3 in Applications

Sub-Objective: Style HTML box properties.

References:

MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content Design and Presentation > About Element Positioning

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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. Place the required 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.

Objective:

Implement Program Flow

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) MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Error Object (JavaScript)

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 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', url: "http://www.verigon.com/AccountService/GetAccount", complete: onLoad, data: "{ 'AccountID': " + accountID + "}", username: username, password: password }); $.ajax({ dataType: 'json', type: 'POST', url: "http://www.verigon.com/AccountService/GetAccount", complete: onLoad, AccountID: accountID, username: username, password: password });

Objective:

Access and Secure Data

Sub-Objective:

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 127 de 132

Consume data.

References:

jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 128 de 132

Item: 106 (Ref:70-480.1.2.2) You are developing a web page with the following content: 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); } Add Notes 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:

Implement and Manipulate Document Structures and Objects

Sub-Objective:

Write code that interacts with UI controls.

References:

MSDN Library > Web Development > Internet Explorer > Internet Explorer API Reference > Document Object Model (DOM) > Document Object Model (DOM) Traversal and Range

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 129 de 132

Item: 107 (Ref:70-480.4.2.3) You are developing a web page that contains the following markup: 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 element? background-clip clip overflow visibility

Objective:

Use CSS3 in Applications

Sub-Objective: Style HTML box properties.

References:

MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Visual Effects MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Backgrounds and Borders > background-clip

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 130 de 132

Item: 108 (Ref:70-480.1.2.3) You are developing a web page with the following markup: Objective 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: Implement and Manipulate Document Structures and Objects Implement Program Flow Access and Secure Data Use CSS3 in Applications 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 objList = document.getElementById("objectives-list"); var objTemplate = objList.firstElementChild; for (var i = 0, len = objArray.length; i < len; i++) { var objCurrent = objTemplate.cloneNode(true); objCurrent.firstElementChild.setAttribute('href', "objective" + i + ".html"); objCurrent.firstElementChild.innerHTML = objArray[i]; objList.appendChild(objCurrent); } var objList = document.getElementById("objectives-list"); var objTemplate = objList.firstElementChild.removeNode(); 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 objList = document.getElementById("objectives-list"); var objTemplate = objList.firstElementChild.removeNode(true); for (var i = 0, len = objArray.length; i < len; i++) { var objCurrent = objTemplate.cloneNode(true); objCurrent.firstElementChild.setAttribute('href', "objective" + i + ".html"); objCurrent.firstElementChild.innerHTML = objArray[i];

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 131 de 132

}

objList.appendChild(objCurrent);

Objective: Implement and Manipulate Document Structures and Objects

Sub-Objective:

Write code that interacts with UI controls.

References:

Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Basic DOM Reference > Methods

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

Página 132 de 132

Copyright © 2015 Self Test Software, Inc. All Rights Reserved

View more...

Comments

Copyright ©2017 KUPDF Inc.