Download - Manual Certification Microsoft HTML5 CSS Javascript

Transcript

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. Pgina 1 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Write code that interacts with UI controls.References:MSDN > Home > Inspire > Content Articles > The Developer's Guide to HTML5 CanvasMSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and media > HTML Canvas > MethodsPgina 2 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.1Host: localhostContent-Type: application/x-www-form-urlencodedContent-Length: lengthHTTP/1.1 200 OKContent-Type: text/xml; charset=utf-8Content-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: 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?Item: 2 (Ref:70-480.2.4.1)$.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',Pgina 3 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement Program FlowSub-Objective:Implement a callback.References:jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax() 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()); }});Pgina 4 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 FlowSub-Objective:Raise and handle an event.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > HTML/XHTML Reference > Properties > diabledW3Schools.com > JS & DOM Reference > Submit disabled PropertyItem: 3 (Ref:70-480.2.2.6)Pgina 5 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing an application that uses a third-party JavaScript library. Library usage must meet the following runtime requirements: 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?Objective:Implement Program FlowSub-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)Item: 4 (Ref:70-480.2.3.2)try, debug, catchtry, debug, finallytry, catch, finallythrow, catch, finallyPgina 6 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-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 Item: 5 (Ref:70-480.4.6.1)article p:first-child:first-letterarticle p:nth-child(0):first-letterarticle p:nth-child(1):first-letterarticle p:first-of-type:first-letterPgina 7 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-Objective:Style HTML text properties.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > At-rules > @font-face ruleItem: 6 (Ref:70-480.4.1.1)@charset@font-face@import@mediaPgina 8 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-Objective:Create an animated and adaptive UI.Item: 7 (Ref:70-480.4.4.1).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;}Pgina 9 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedReferences:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > TransitionsMSDN Blogs > IEBlog > CSS3 3D Transforms in IE10Intro to CSS 3D transforms by David DeSandro > Card FlipPgina 10 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-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 > displayItem: 8 (Ref:70-480.1.3.1)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";Pgina 11 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN > Home > Inspire > Content Articles > The Developer's Guide to HTML5 CanvasMSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and media > 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. Pgina 12 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedHTML Canvas > MethodsPgina 13 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a portal web site. Hyperlinks must display according to the following requirements: 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?Objective:Use CSS3 in ApplicationsSub-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 Selectorsw3schools.com > CSS Advanced > CSS Pseudo-classesItem: 10 (Ref:70-480.4.6.4)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;}Pgina 14 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-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 > visibilityMSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading Style Sheets > Basic Box Model > displayItem: 11 (Ref:70-480.1.3.2)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";}Pgina 15 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-Objective:Implement a callback.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web MessagingItem: 12 (Ref:70-480.2.4.3)addEventListenerattachEventpostMessagestartPgina 16 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-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 ReferenceItem: 13 (Ref:70-480.3.2.3)Unexpect,expect,unexpectUnexpecte,expecte,unexpecteUnexpect,expect,expect,unexpectUnexpecte,expecta,expecte,unexpectePgina 17 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are creating an animation effect using CSS3. The web page contains the following markup:

  • Classics
    • Aeneid
  • Beowulf

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: 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?Objective:Use CSS3 in ApplicationsItem: 14 (Ref:70-480.4.4.2)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;}}Pgina 18 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedSub-Objective:Create an animated and adaptive UI.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > AnimationsPgina 19 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou have the following element on a Web page: Home > Inspire > Content Articles > The Developer's Guide to HTML5 CanvasMSDN > Internet Explorer Development Center > Docs > Internet Explorer API reference > Graphics and media > HTML Canvas > MethodsItem: 15 (Ref:70-480.1.2.1)var ctx = cvs.getContext('cvsMain');var cvs = document.getElementById('cvsMain');var cvs = document.getElementById('cvsMain');var ctx = cvs.getContext('2d');var cvs = document.getElementById('cvsMain');var ctx = cvs.getContext('3d');Pgina 20 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-Objective:Structure a CSS file by using CSS selectors.References:MSDN Library > Web Development > Internet Explorer > Internet Explorer API > Cascading Style Sheets > !important modifierW3C Web site > W3C Recommendation > CSS 2.1 > Assigning property values, Cascading, and Inheritance > Cascading OrderItem: 16 (Ref:70-480.4.6.2)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.Pgina 21 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Item: 17 (Ref:70-480.4.1.3)Pgina 22 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Use CSS3 in ApplicationsSub-Objective:Style HTML text properties.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > TextPgina 23 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-Objective:Create a web worker process.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web WorkersItem: 18 (Ref:70-480.2.5.2)onloadonmessageonstartontimeoutPgina 24 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Establish the scope of objects and variables.References:MSDN Library > MSDN Magazine > Script Junkie > Script Junkie | Namespacing in JavaScriptMSDN 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)Item: 19 (Ref:70-480.1.5.3)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);Pgina 25 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement Program FlowSub-Objective:Create a web worker process.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web WorkersItem: 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. Pgina 26 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing an application that contains the following content in the file account.xml:

jhesterP@$$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?Objective:Access and Secure DataSub-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)Item: 21 (Ref:70-480.3.3.6)accountInfo.getElementById('40001').credentialsaccountInfo.getElementsByTagName('username')[0].nodeValueaccountInfo.getElementById('40001').childNodes[1].nodeValueaccountInfo.getElementsByTagName('username')[0].childNodes[0].nodeValuePgina 27 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-Objective:Serialize, deserialize, and transmit data.References:jQuery.com > jQuery API > Category: FormsMSDN 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)Item: 22 (Ref:70-480.3.4.6)decodeURIdecodeURIComponenttoJSONserializeArrayPgina 28 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Item: 23 (Ref:70-480.3.4.2)[{"name":"Joshua Hester"},{"email":"[email protected]"},{"website":"http://www.transcender.com"},{"comment":"I really love this new HTML5 redesign. Nice job, guys!"}][{"name":"name","value":"Joshua Hester"},{"name":"email","value":"[email protected]"},{"name":"website","value":"http://www.transcender.com"},{"name":"comment","value":"I really love this new HTML5 redesign. Nice job, guys!"}]name=Joshua Hester,[email protected],website=http://www.transcender.com,comment=I really love this new HTML5 redesign. Nice job, guys!name=Joshua+Hester,email=josh.hester%40kaplan.com,website=http%3A%2F%2Fwww.transcender.com,comment=I+really+love+this+new+HTML5+redesign.+Nice+job%2C+guys!name=Joshua Hester&[email protected]&website=http://www.transcender.com&comment=I 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%5DPgina 29 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Access and Secure DataSub-Objective:Serialize, deserialize, and transmit data.References:jQuery.com > jQuery API > Category: FormsMSDN 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)%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%5DPgina 30 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-Objective: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. Pgina 31 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedCreate and implement objects and methods.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API references > JavaScript Language Reference > Advanced JavaScript > Prototypes and Prototype InheritanceMDN > JavaScript > JavaScript Guide > Inheritance revisitedPgina 32 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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).Objective:Access and Secure DataSub-Objective:Serialize, deserialize, and transmit data.References:jQuery.com > jQuery API > Category: FormsMSDN 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)Item: 25 (Ref:70-480.3.4.5)decodeURIencodeURIdecodeURIComponentencodeURIComponenttoJSONserializeserializeArrayPgina 33 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-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 propertyMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > XMLHTTPRequest (XHR) and AJAX Support > Objects > XMLHTTPRequest object (Internet Explorer)Item: 26 (Ref:70-480.3.3.2)READYSTATE_COMPLETEREADYSTATE_INTERACTIVEREADYSTATE_LOADINGREADYSTATE_LOADEDREADYSTATE_UNINITIALIZEDPgina 34 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-Objective:Create a web worker process.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web WorkersItem: 27 (Ref:70-480.2.5.3)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.Pgina 35 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-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 InheritanceMDN > JavaScript > JavaScript Guide > Inheritance revisitedItem: 28 (Ref:70-480.1.6.1)applycreateprototypethisPgina 36 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement Program FlowSub-Objective:Create a web worker process.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web WorkersItem: 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 rightThis 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. Pgina 37 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 FlowSub-Objective:Implement a callback.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web MessagingItem: 30 (Ref:70-480.2.4.5)Pgina 38 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ApplicationsSub-Objective:Style HTML box properties.References:w3schools.com > CSS Box Model > CSS BorderMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Backgrounds and Borders > border-radiusItem: 31 (Ref:70-480.4.2.8)Pgina 39 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement Program FlowSub-Objective:Raise and handle an event.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. Pgina 40 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedReferences:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Objects and Events > MouseEvent > clickPgina 41 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN > Dev Center > Windows Store apps > Docs > API > HTML/CSS > Storage and state reference > HTML5 Web Storagew3schools.com > HTML5 News > HTML5 Web StorageItem: 33 (Ref:70-480.1.4.1)window.urldocument.cookiewindow.localStoragewindow.sessionStoragePgina 42 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Access and Secure DataSub-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 ReferenceItem: 34 (Ref:70-480.3.2.1)'(\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,}$/iPgina 43 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-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 JavaScriptItem: 35 (Ref:70-480.1.5.2)Global msgLocal msgObject msg[object Object]Pgina 44 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-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)Item: 36 (Ref:70-480.3.2.7)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);}Pgina 45 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Item: 37 (Ref:70-480.3.4.3)[{"name":"Joshua Hester"},{"email":"[email protected]"},{"website":"http://www.transcender.com"},{"comment":"I really love this new HTML5 redesign. Nice job, guys!"}][{"name":"name","value":"Joshua Hester"},{"name":"email","value":"[email protected]"},{"name":"website","value":"http://www.transcender.com"},{"name":"comment","value":"I really love this new HTML5 redesign. Nice job, guys!"}]name=Joshua Hester,[email protected],website=http://www.transcender.com,comment=I really love this new HTML5 redesign. Nice job, guys!name=Joshua+Hester,email=josh.hester%40kaplan.com,website=http%3A%2F%2Fwww.transcender.com,comment=I+really+love+this+new+HTML5+redesign.+Nice+job%2C+guys!name=Joshua Hester&[email protected]&website=http://www.transcender.com&comment=I 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%5DPgina 46 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Access and Secure DataSub-Objective:Serialize, deserialize, and transmit data.References:jQuery.com > jQuery API > Category: FormsMSDN 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)%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%5DPgina 47 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > Geolocation > MethodsItem: 38 (Ref:70-480.1.4.4)clearWatchgetCurrentPositionwatchPositionreadAsBinaryStringPgina 48 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a Web site that uses AppCache. The manifest file is defined as follows:CACHE MANIFESTCACHE:styles/main.cssscripts/main.jsscripts/standardFALLBACK:images/ images/unavailable.pngNETWORK:*Which of the following files will be cached according to the manifest file? (Choose all that apply.)Objective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Application Cache API ("AppCache")Item: 39 (Ref:70-480.1.4.3)styles/main.cssscripts/main.jsscripts/require-2.1.5.min.jsscripts/standard/jquery-1.9.1.min.jsimages/unavailable.pngimages/image1.pngPgina 49 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Implement Program FlowSub-Objective:Create a web worker process.References:MSDN > Inspire > Content > Articles > Introduction to HTML5 Web Workers: The JavaScript Multi-threading ApproachMSDN > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Web WorkersItem: 40 (Ref:70-480.2.5.1)Report generation with SVGLoading of external XML dataImage processing with HTML5 CanvasLoading and execution of external JavaScript filesURL redirection to a login pagePgina 50 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-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 InheritanceItem: 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. Pgina 51 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedMDN > JavaScript > JavaScript Guide > Inheritance revisitedPgina 52 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a reservation form that consumes an external Web service for current weather conditions. To consume the Web service, you must provide the following information stored in the credentials.xml file:username: demo_user password: P@$$w0rd The form must authenticate with the Web service. Which text should you insert to complete the following JavaScript code? (To answer, type the missing code in the textbox.) $.ajax({ type: 'POST', contentType: 'application/json; charset=utf-8', url: "http://WebServer/WebService.asmx/LocalTemp", data: "{ zip: " + $('#zip').val() + "}", dataType: 'json', success: onSuccess, error: onError,}); Objective:Access and Secure DataSub-Objective:Consume data.References:jQuery.com > jQuery API > Ajax > Low-Level Interface > jQuery.ajax()Item: 42 (Ref:70-480.3.3.7)Pgina 53 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Access and Secure DataSub-Objective:Serialize, deserialize, and transmit data.References:jQuery.com > jQuery API > Category: FormsMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript)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. Pgina 54 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURIComponent Function (JavaScript)Pgina 55 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a blog on current Web development trends. Articles contain the following elements:

Programming Environmenth1>Joshua Hesterh2>Published:

April 2013time>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 ApplicationsSub-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 SelectorsItem: 44 (Ref:70-480.4.5.3)Pgina 56 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: 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 DataSub-Objective:Validate user input by using HTML5 elements.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > FormsMSDN Library > .NET Framework Regular Expressions > Regular Expression Language Quick ReferenceItem: 45 (Ref:70-480.3.1.3)Pgina 57 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ApplicationsSub-Objective:Find elements by using CSS selectors and jQuery.References:jQuery API > Category > SelectorsjQuery API > Category > Tree TraversalItem: 46 (Ref:70-480.4.5.2)Pgina 58 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN > Dev Center > Windows Store apps > Docs > API > HTML/CSS > Storage and state reference > HTML5 Web Storagew3schools.com > HTML5 News > HTML5 Web StorageItem: 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. Pgina 59 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Use CSS3 in ApplicationsSub-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 BoxesItem: 48 (Ref:70-480.4.1.4)You are using Visual Studio to develop a CSS style sheet. Paragraphs must be displayed as follows: 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. Pgina 60 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Create the document structure.References:MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags TodayItem: 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. Pgina 61 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou have JavaScript code that must determine whether a product is available for fulfillment based on a stocking code. The following conditions must be met: 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 FlowSub-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) Item: 50 (Ref:70-480.2.1.7)Pgina 62 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a web site using HTML5. You want to ensure the web site is available offline. Which HTML5 API should you use?Objective:Implement and Manipulate Document Structures and ObjectsSub-Objective:Implement HTML5 APIs.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > HTML5 > Application Cache API ("AppCache")Item: 51 (Ref:70-480.1.4.2)Application CacheWeb StorageWebSocketsGeolocationPgina 63 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-Objective:Implement a callback.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 Web MessagingItem: 52 (Ref:70-480.2.4.4)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);});Pgina 64 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing an online banking application that consumes the following object:var accountInfo = { id: 40001, credentials: {username: "jhester",password: "P@$$W0rd" }};Which expression(s) reference the value jhester? (Choose all that apply.)Objective:Access and Secure DataSub-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 .NETItem: 53 (Ref:70-480.3.3.5)accountInfo[1]accountInfo[1][0]accountInfo.usernameaccountInfo.credentials.usernameaccountInfo2.getElementById('40001').credentialsaccountInfo2.getElementsByTagName('username')[0].valuePgina 65 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a web application for users to upload and share their photo albums. Each album consists of the following properties: 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?Objective:Access and Secure DataSub-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)Item: 54 (Ref:70-480.3.3.1)onloadonprogressonreadystatechangeontimeoutPgina 66 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: The request has completed. There are no server or data errors. To which settings property should you assign showLocalSpecials?Objective:Implement Program FlowSub-Objective:Implement a callback.References:jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()Item: 55 (Ref:70-480.2.4.2)asynccachecompletesuccessPgina 67 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 FlowSub-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)Item: 56 (Ref:70-480.2.1.6)Pgina 68 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-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)Item: 57 (Ref:70-480.3.2.6)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;}Pgina 69 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing a customer review form that includes the following markup:
Enter Your Review HereThe 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?Objective:Access and Secure DataSub-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)Item: 58 (Ref:70-480.3.2.8)encodeURIdecodeURIencodeURIComponentdecodeURIComponentPgina 70 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Access and Secure DataSub-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 ReferenceItem: 59 (Ref:70-480.3.2.2)/^[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}$/Pgina 71 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ApplicationsItem: 60 (Ref:70-480.4.3.4)Pgina 72 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedSub-Objective:Create a flexible content layout.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Grid layoutMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > ExclusionsPgina 73 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: 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 DataSub-Objective:Validate user input by using HTML5 elements.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > FormsItem: 61 (Ref:70-480.3.1.2)Pgina 74 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou are developing an order form that includes the following markup: The quantity field must meet the following requirements: 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.) Objective:Access and Secure DataSub-Objective:Validate user input by using HTML5 elements.References:MSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Web applications > HTML5 > FormsMSDN Library > .NET Framework Regular Expressions > Regular Expression Language Quick ReferenceItem: 62 (Ref:70-480.3.1.1)type="range"type="number"step="1"required="required"pattern="\d"pattern="[0-9]"Pgina 75 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Implement Program FlowSub-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 > MethodsMSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event MethodsItem: 63 (Ref:70-480.2.2.3)addEventListenerattachEventdispatchEventfireEventsetCapturestopPropagationPgina 76 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ApplicationsSub-Objective:Style HTML text properties.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > TextItem: 64 (Ref:70-480.4.1.6)Pgina 77 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-Objective:Create an animated and adaptive UI.References:MSDN Magazine > Script Junkie > Script Junkie | Respond to Different Devices With CSS3 Media QueriesItem: 65 (Ref:70-480.4.4.4)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.Pgina 78 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou have the following elements on an HTML5 Web page:

Article 12013 Article 22013 Article 32013

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?Objective:Implement Program FlowSub-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 > clickItem: 66 (Ref:70-480.2.2.4)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";});Pgina 79 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: -2146823279 'device' is undefinedIf this error is generated at runtime, what will be the console output?Objective:Implement Program FlowSub-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)Item: 67 (Ref:70-480.2.3.1)-2146823279'device' is undefinedERROR: 'device' is undefinedWARNING: device unknownPgina 80 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Item: 68 (Ref:70-480.4.3.2)Pgina 81 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Use CSS3 in ApplicationsSub-Objective:Create a flexible content layout.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer 10 Guide for Developers > CSS > Flexible Box ("Flexbox") LayoutPgina 82 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ApplicationsSub-Objective:Style HTML box properties.References:MSDN Library > Web Development > Internet Explorer > Internet Explorer Conceptual Content > Content Design and Presentation > About Element PositioningItem: 69 (Ref:70-480.4.2.6)Pgina 83 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedPgina 84 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Use CSS3 in ApplicationsSub-Objective:Structure a CSS file by using CSS selectors.References:MSDN Library > Web Development > Internet Explorer > Internet Explorer API > Cascading Style Sheets > !important modifierW3C Web site > W3C Recommendation > CSS 2.1 > Assigning property values, Cascading, and Inheritance > Cascading OrderItem: 70 (Ref:70-480.4.6.3)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.Pgina 85 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-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)Item: 71 (Ref:70-480.2.1.4)0 1 2 3 4 5 6 7 8 91 2 3 4 5 6 7 8 9 10false true false true false true false true false truetrue false true false true false true false true falsePgina 86 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedObjective:Implement and Manipulate Document Structures and ObjectsSub-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 ReferenceItem: 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. Pgina 87 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedMSDN Library > Internet Explorer 9 Samples and Tutorials > HTML5 Graphics > How to Choose Between SVG and CanvasPgina 88 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedUsing 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? Objective:Use CSS3 in ApplicationsSub-Objective:Style HTML box properties.References:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > GradientsItem: 73 (Ref:70-480.4.2.1)#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);}Pgina 89 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ObjectsSub-Objective:Create the document structure.References:MSDN Magazine > Script Junkie > Using HTML5's New Semantic Tags TodayW3CSchools.com > HTML Reference - HTML5 Compliant > HTML by FunctionItem: 74 (Ref:70-480.1.1.1)

Pgina 90 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 keyHow will this markup render in a browser?Objective:Use CSS3 in ApplicationsSub-Objective:Style HTML text properties.References:MSDN > Home > Inspire > Content > Articles > Mastering CSS3: Text shadowsMSDN Library > Internet Explorer Developer Center > Docs > Internet Item: 75 (Ref:70-480.4.1.2)Pgina 91 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-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)Item: 76 (Ref:70-480.2.1.1)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 '';Pgina 92 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedUsing 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?Objective:Use CSS3 in ApplicationsSub-Objective:Style HTML box properties.Item: 77 (Ref:70-480.4.2.2)#desktop { background-attachment: url('images/wood_grain.jpg'); }#desktop { background-image: url('images/wood_grain.jpg'); }#desktop { background-image: url('images/wood_grain.jpg'); background-repeat:repeat-x}#desktop { background-attachment: url('images/wood_grain.jpg'); background-repeat:repeat-y}Pgina 93 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedReferences:MSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Cascading Style Sheets > Backgrounds and BordersPgina 94 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: 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?Objective:Implement Program FlowSub-Objective:Implement program flow.Item: 78 (Ref:70-480.2.1.2)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;}Pgina 95 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedReferences: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)Pgina 96 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Implement Program FlowSub-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 > MethodsMSDN > Internet Explorer Developer Center > Docs > Internet Explorer API reference > Document Object Model (DOM) Core > Document Object Model (DOM) Events > Legacy Platform Events > Legacy Event MethodsItem: 79 (Ref:70-480.2.2.2)addEventListenerattachEventdispatchEventfireEventsetCapturestopPropagationPgina 97 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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. = handleLoading; xhr.send(); Objective:Access and Secure DataSub-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)Item: 80 (Ref:70-480.3.3.9)Pgina 98 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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.)Objective:Access and Secure DataSub-Objective:Consume data.References:jQuery.com > API Documentation > Ajax > Low-Level Interface > jQuery.ajax()Item: 81 (Ref:70-480.3.3.3)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.Pgina 99 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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?Objective:Implement Program FlowSub-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)Item: 82 (Ref:70-480.2.3.3)Begin work.ERROR!Begin work.End work.ERROR!Begin work.ERROR!Cleanup.Begin work.End work.ERROR!Cleanup.Pgina 100 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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: 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?Objective:Access and Secure DataSub-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: FormsMSDN Library > Internet Explorer Developer Center > Docs > Internet Explorer API reference > JavaScript Language Reference > JavaScript Reference > JavaScript Objects > Global Object (JavaScript) > decodeURI Function (JavaScript)Item: 83 (Ref:70-480.3.4.4)the encodeURI and decodeURI methodsthe encodeURIComponent and decodeURIComponent methodsthe serialize and deserialize methodsthe serializeArray and deserializeArray methodsPgina 101 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou 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 ObjectsSub-Objective:Apply styling to HTML elements programmatically.References:MSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading Style Sheets > Text > text-transformMSDN Library > Internet Explorer and Web Development > Internet Explorer API Reference > Cascading Style Sheets > Text > text-decorationItem: 84 (Ref:70-480.1.3.3)Pgina 102 de 132Copyright 2015 Self Test Software, Inc. All Rights ReservedYou need to use CSS Regions to design the layout