Manual Certification Microsoft HTML5 CSS Javascript

Click here to load reader

  • date post

    16-Aug-2015
  • Category

    Documents

  • view

    251
  • download

    7

Embed Size (px)

description

Manual Certification Microsoft HTML5 CSS Javascript

Transcript of Manual Certification Microsoft HTML5 CSS Javascript

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 132Copyrig