Quiz
Mcrsft Test
This quiz has question types that open in the usual player.
Questions in this quiz (71)
1You want to create an expando attribute on several <h3> tags that display vehicles for sale. The expando attribute will store the VIN (vehicle identification number). Which of the following is the most appropiate example of creating the expando attribute?
- A<h3 vin='current Vin here'> 1965 VW Beetle </h3>
- B<h3 id='current Vin here'> 1965 VW Beetle </h3>
- C<h3 data-vin='current Vin here'> 1965 VW Beetle </h3>
- D<h3 datavin='current Vin here'> 1965 VW Beetle </h3>
2Which technology is HTML5 preceded by and derived from?
- AHTML 4.01
- BSGML
- CXHTML 1.0
- DXML
3How should you start each HTML5 document?
- A<html>
- B<head>
- C<title>
- D<!DOCTYPE html>
4You want to use the disabled Boolean attribute on a text box. How can you accomplish this?
- A<input name='firstName' type='text' disabled/>
- B<input name='firstName' type='text' disabled=''/>
- C<input name='firstName' type='text' disabled='true'/>
- D<input name='firstName' type='text' disabled='disabled'/>
5Select the sentence true for canvas
- AA canvas is a rectangular area on an HTML page. By default, a canvas has no border and no content.
- BA canvas is a shadow area on an HTML page. By default, a canvas has empty content.
- CA canvas is a transparent area on an HTML page. By default, a canvas has border and empty content.
- DA canvas is a circular area on an HTML page. By default, a canvas has no border and no content.
6How define canvas in HTML5
- A<canvas>
- B<div class="canvas">
- C<canv>
- D<div id=canvas>
7You are developing an HTML5 web application that displays the current temperature whenever a button is clicked.
The following code provides this functionality.
When the temperature is loaded, the status propertyon the loader instance does not change.
You need to ensure that the status property on the loader instance is updated when the temperature is loaded.
Which code segment should you use to replace the Loader function?
- A
- B
- C
- D
- A
8You are creating a class named Consultant that must inherit from the Employee class. The Consultant class must modify the inherited PayEmployee method.
Future instances of Consultant must be created with the overridden method.
You need to write the code to implement the Consultant class.
Which code segments should you use?
(Each correct answer presents part of the solution. Choose two.)
- A
- B
- C
- D
- A
9You are developing a customer contact form that will be displayed on a page of a company’s website.
The page collects information about the customer.
If a customer enters a value before submitting the form, it must be a valid email address.
You need to ensure that the data validation requirement is met.
What should you use?- A<input name=”email” type=”url”/>
- B<input name=”email” type=”text” required=”required”/>
- C<input name=”email” type=”text”/>
- D<input name=”email” type=”email”/>
10You are developing a form that captures a user’s email address by using HTML5 and jQuery.
The form must capture the email address and return it as a query string parameter. The query string parameter must display the @ symbol that is used in the emailaddress.
You need to implement this functionality.
How should you develop the form? (To answer, drag the appropriate code segment to the correct target or targets in the answer area.
Each code segment may be used once, more than once,or not at all. You may need to drag the split bar between panes or scroll to view content.)
- Astr = $("form").serialize();
- Bstr = decodeURIComponent(str);
- Cstr = $("form").contents.toString();
- Dstr = $("form").toLocaleString();
- Estr = decodeURI(str);
11You are developing an application that consumes a Windows Communication Foundation (WCF) service.
The application interacts with the service by usingthe following code. (Line numbers are included forreference only.) If you need to authenticate th the WCF service. What should you do?
- AAt line 11, add the following lines of code.
,username: yourusername
,password: yourpassword - BAt line 06, replace the code with the following line of code.
url: “http://contoso.com/Service.svc/GetCountry?
Username=username&password=psssword”, - CAt line 11, add the following line of code. The username and password will be stored in an XML file.
,credentials: credentials.xml - DB.
At line 11, add the following line of code.
,credentials: prompt
- AAt line 11, add the following lines of code.
12You are developing a web page that enables customers to upload documents to a web server.
The page includes an HTML5 PROGRESS element named progressBar that displays information about the status of the upload.
An event handler must be attached to the request object to update the PROGRESS element on the page.
You need to ensure that the status of the upload isdisplayed in the progress bar.
Which line of code should you insert at line 03?
- Axhr.upload.onloadeddata =
- Bxhr.upload.onplaying =
- Cxhr.upload.onseeking =
- Dxhr.upload.onprogress =
13You are developing a customer web form that includes the following HTML.
<label id=”txtValue”></label>
Information from the web form is submitted to a webservice. The web service returns the following JSON object.
{
“Confirmation”: “1234”,
“FirstName”: “John”
}
You need to display the Confirmation number from the JSON response in the txtValue label field.
Which JavaScript code segment should you use?- A$(“#txtValue”).val = (JSONObject.Confirmation);
- B$(“#txtValue”).val(JSONObject.Confirmation);
- C$(“#txtValue”).text = (JSONObject.Confirmation);
- D$(“#txtValue”).text(JSONObject.Confirmation);
14You are developing a customer web form that includes the following HTML.
<input id=”txtValue” />
A customer must enter a value in the text box priorto submitting the form.
You need to add validation to the text box control.
Which HTML should you use?- A<input id=”txtValue” type=”text” required=”required”/>
- B<input id=”txtValue” type=”text” pattern=”[A-Za-z]{3}” />
- C<input id=”txtValue” type=”required” />
- D<input id=”txtValue” type=”required” autocomplete=”on” />
15You are developing a web application that retrievesdata from a web service. The data being retrieved is a custom binary datatype named bint. The data can also be represented in XML. Two existing methods named parseXml() and parseBint() are defined on the page.
The application must:
Retrieve and parse data from the web service by using binary format if possible
Retrieve and parse the data from the web service by using XML when binary format is not possible
You need to develop the application to meet the requirements.
What should you do? (To answer, drag the appropriate code segment to the correct location. Each code segment may be used once, more than once, or not atall. You may need to drag the split bar between panes or scroll to view content.)
- Aaccepts: 'application/bint, text/xml',
- BcontentType: 'application/bint, text/xml
- CdataType: 'application/bint, text/xml'
- Dif(type == 'application/bint')
- Eif(request.getResponseHeader("Content-Type") == "application/bint")
- Fif(request.mimeType == "application/bint")
16You are developing a web page for runners who register for a race. The page includes a slider control that allows users to enter their age.
You have the following requirements:
All runners must enter their age.
Applications must not be accepted from runners less than 18 years of age or greater than 90 years.
The slider control must be set to the average age(37) of all registered runners when the page is first displayed.
You need to ensure that the slider control meets the requirements.
What should you do? (To answer, drag the appropriate word or number to the correct location in the answer area. Each word or number may be used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view content.)
- Arange
- B18
- C90
- Dvalue
- E37
- Frequired
17You are developing an HTML5 web application that displays the current temperature whenever a
button is clicked. The following code provides this functionality.
When the temperature is loaded, the status property on the loader instance does not change.
You need to ensure that the status property on the loader instance is updated when the
temperature is loaded.
Which code segment should you use to replace the Loader function?
- A
- B
- C
- D
- A
18Which code segments should you use? (Each correct answer presents part of the solution)
- A
- B
- C
- D
- A
19With which container tags should you wrap the existing markup?
- A<navmap> </navmap>
- B<div id=”nav”> </div>
- C<nav> </nav>
- D<map> </map>
20You are developing an airline reservation website by using HTML5 and JavaScript. A page on the site allows users to enter departure and destination airport information and search for tickets.
You have the following requirements:
Users must be able to save information in the application about their favorite destination airport.
The airport information must be displayed in the destination text box whenever the user returns to the page.
You need to develop the site to meet the requirements.
Which lines of code should you use? (To answer, select the appropriate options from the drop-down lists in the answer area.)
- Avar dest = localStorage.destination;
- Bvar dest = sessionStorage.destination;
- ClocalStorage.destination = dest;
- DsessionStorage.destination = dest;
21Your application prompts the user to enter his or her age, which is placed in an age
variable. A user ran the application and entered I Don’t Know for the age. The application then multiplies age by two. What is the result?- Aundefined
- Bnull
- CNan
- Dinfinity
22Which of the following represent valid variable declarations? (Choose all that apply.)
- Avar switch;
- Bvar myChar;
- Cvar $cost;
- Dvar _total;
- Evar 1to1;
- Fvar tooGood4u;
23In your application, you want to display a personalized message to the user, if the
user’s name is populated, in the userName variable, but if userName is empty, you
want to use Valued User instead. How can you accomplish this most efficiently?- Avar personalized = ‘Hello ‘ + (userName ?? ‘Valued User’);
- Bvar personalized = ‘Hello ‘ + (userName || ‘Valued User’);
- Cvar personalized = ‘Hello ‘ + (userName && ‘Valued User’);
- Dvar personalized = ‘Hello ‘ + (userName + ‘Valued User’);
24You are creating a new Windows 8 application, and you want to set up TDD for your
JavaScript code. Which testing framework will you use?- AQUnit
- BQUnit-Metro
- CMicrosoft Test
- DNUnit
25Where should your JavaScript code be placed?
- AIn the <head> element of your HTML document.
- BJust before the </body> tag.
- CYou should always place your JavaScript code in separate files, external to your
HTML document. - DInside the <body> element, at the top.
26You want to add a comment to your style sheet that says “temporary.” Which is the
proper line to add to the CSS file?- A//temporary
- B--temporary
- C/* temporary */
- Drem temporary
27You want to maintain separation between structure and presentation. How do you create your style rules?
- AUse inline styles.
- BUse embedded styles.
- CUse external style sheets.
- DIn the HTML document, specify @import to load style sheets.
28You want your printer.css style sheet to target printers. How would you set up the style
sheet link?- A<link rel=’printer’ type=’text/css’ href=’Content/printer.css’ />
- B<link rel=’stylesheet’ type=’text/css’ href=’Content/printer.css’ media=’print’ />
- C<link rel=’stylesheet’ type=’text/css’ href=’Content/printer.css’ />
- D<link rel=’stylesheet’ type=’text/css’ href=’Content/printer.css’ target=’print’ />
29You want to set the style of the first letter of every paragraph in a <div> element whose id is readingPane. Which style selector is most appropriate?
- A#readingPane p::first-letter
- B#readingPane::first-letter
- C#readingPane p:first-child
- D#readingPane:first-child
30The following style sheet rule is defined in Corporate.css.
div p.highlight{
font-size: xx-large;
background-color: yellow;
}
In Department.css, the following style sheet rule is defined.
div p {
background-color: blue;
}
Your HTML document contains the following.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="Corporate.css" rel="stylesheet" />
<link href="Department.css" rel="stylesheet" />
</head>
<body>
<div id="readingPane">
<p class='highlight'>
Here is a test to see what the background color of a paragraph
will be blue or yellow.
</p>
</div>
</body>
</html>
What will be the rendered background color of the paragraph?- AYellow
- BBlue
- CTransparent
- DWhite
31Your HTML document contains the following.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="Corporate.css" rel="stylesheet" />
<link href="Department.css" rel="stylesheet" />
</head>
<body>
<div id="readingPane">
<p class='highlight'>
Here is a test to see what the background color of a paragraph
will be blue or yellow.
</p>
</div>
</body>
</html>
What will be the rendered background color of the paragraph?- AYellow
- BBlue
- CTransparent
- DWhite
32You want to find three shades of a color to use on parts of your webpage. Which color
function helps you accomplish this task?- Acolor( )
- Bhsl( )
- Crgb( )
- Drgba( )
33You want to position a <div> element in relation to the browser window. Which position setting do you use?
- Astatic
- Brelative
- Cabsolute
- Dfixed
34You’re developing a new website that displays information on the current exchange rates worldwide. The page consists of many different elements and one particular element needs to be positioned so that its 100px below its normal position.
Which value should you use for the position property?- Aabsolute
- Brelative
- Cfixed
- Dstatic
35You want to start drawing on a Canvas element to draw several arcs and then fill the area with a solid blue colour. Which piece of code would you call first?
- Avar context = canvas.getContext('2d');
- Bcontext.fillStyle = '#8ED6FF';
- Ccontext.fill();
- Dvar canvas = document.getElementById('myCanvas');
36You’re trying to use the new Canvas element in HTML5 to draw some fancy graphics on the page. You’ve been using the rect() function to draw a rectangle but the shape isn’t appearing to users of the page.
What mistake have you made?- AYou forgot to use clearRect()
- BYou forgot to use closePath()
- CYou forgot to use stroke()
- DYou forgot to use beginPath()
37You are developing an HTML5 page that includes several paragraph elements.
You have the following requirements:
Add a drop shadow that is one inch below the text in the paragraph
Set the radius of the drop shadow to five pixels
You need to style the paragraphs to meet the requirements.
Which CSS style should you use?- Atext-shadow: 72pt 0pt 5pt
- Btext-shadow: 5px 1in 0px;
- Ctext-shadow: 72pt 5em 0px
- Dtext-shadow: 0px, 1in, 5px
38shopping application that accepts credit cards for payment.
If the credit card number is invalid, the application must:
Generate an error
Assign "200" to the error number
Assign "Invalid" to the error description
You need to write the code that meets the requirements.
How should you write the code? (To answer, drag the appropriate code segment or
segments to the correct location in the answer area. Each code segment may be used
once, more than once, or not at all. You may need to drag the split bar between panes or
scroll to view content.)
[blank_start]___________[blank_end] new [blank_start]____________[blank_end] ( [blank_start]_____________[blank_end], [blank_start]_____________[blank_end] );- Athrow
- BError
- C200
- D"invalid"
39You are troubleshooting a web page that includes the following code. (Line numbers are
included for reference only.)
- Adiv
- Bfunction
- Cbutton
- Ddocument
40You are developing an HTML5 web page.
The appearance of the text box must change when a user moves the focus to another
element on the page.
You need to develop the page to respond to user action.
Which line of code should you use?- A<input type="text" onblur="resetStyle(this);" />
- B<input type="text" onfocus="resetStyle(this);" />
- C<input type="text" onreset="resetStyle(this);" />
- D<input type="text" onselect="resetStyle(this);" />
41You are developing a customer contact form that will be displayed on a page of a
company's website. The page collects information about the customer.
If a customer enters a value before submitting the form, it must be a valid email address.
You need to ensure that the data validation requirement is met.
What should you use?- A<input name="email" type="url"/>
- B<input name="email" type="text" required="required"/>
- C<input name="email" type="text"/>
- D<input name="email" type="email"/>
42You are developing a web page that has a group of H1 and H2 elements. The page also
includes a CSS class named underlineMe.
You have the following requirements:
✑ The font color of all H1 and H2 elements must be changed to red.
✑ The CSS class underlineMe must be applied to all H1 and H2 elements.
You need to update the web page to meet the requirements.
Which code segment should you use?
- A$(':head').addClass('underlineMe');
$(':head').css({color:'red'}); - B$(':h1').addClass('underlineMe');
$(':h1').css({color:'red'}); - C$(':h2').addClass('underlineMe');
$(':h2').css({color:'red'}); - D$(':header').addClass('underlineMe');
$(':header').css({color:'red'});
- A$(':head').addClass('underlineMe');
43You need to draw a red rectangle on the canvas element dynamically.
- Avar canvas = document.getElementById('.
- Bcontext.fillStyle='rgb(255,0,0)';
- Ccontext.fillRect(50,50,100,100);
- Dvar canvas = document.BeginPath();
44You are developing a page that includes text and an illustration.
You have the following requirements:
✑ The illustration must be in the center of the page.
✑ The text must flow around the left, right, top, and bottom of the illustration.
You need to ensure that the layout of the web page meets the requirements.
Which line of code should you use?
- A-ms-wrap-flow: both;
- B-ms-wrap-flow: clear;
- C-ms-wrap-flow: maximum;
- D-ms-wrap-flow: auto;
45You are creating a JavaScript function that displays the name of a web application.
You declare the following button element.
<input type="button" id= "About" value="About" />
When a user clicks the button, a JavaScript function named About must be called.
You need to create an event handler that calls the About function when the button is
clicked.
Which two code segments can you use? (Each correct answer presents a complete
solution. Choose two.)- Avar button = document.getElementById('About');
ScriptEngine.call(button, About()); - Bvar button = document.getElementById('About');
ScriptEngine.bind(button, About()); - Cvar button = document.getElementById('About');
button.addEventListener("click", About); - Dvar button = document.getElementById('About');
button.attachEvent("onclick", About);
- Avar button = document.getElementById('About');
46You are modifying an existing web page. The page is being optimized for accessibility. The
current page contains the following HTML.
<ul>
<li><a href="">Home</a></li>
<li><a href="">Sales</a></li>
<li><a href="">Operations</a></li>
</ul>
Standards-compliant screen readers must be able to identify the links contained within the
navigation structure automatically.
You need to create the navigation link structure in the page.
With which container tags should you wrap the existing markup?- A<navmap> </navmap>
- B<div id="nav"> </div>
- C<nav> </nav>
- D<map> </map>
47You are developing an HTML5 web application for displaying encyclopedia entries.
Each encyclopedia entry has an associated image that is referred to in the entry.
You need to display the image by using the correct semantic markup.
What should you do? (To answer, select the appropriate options from the drop-down list in
the answer area.)
<[blank_start]_______[blank_end]>
<img src="details.png" />
<[blank_start]_______[blank_end]>
Image description
</[blank_start]_______[blank_end]>
</[blank_start]_______[blank_end]>- Atitle
- Bfigcaption
- Clabel
- Daside
- Efigure
- Fcite
- Gtitle
- Hfigcaption
- Ilabel
- Jaside
- Kfigure
- Lcite
- Mtitle
- Nfigcaption
- Olabel
- Paside
- Qfigure
- Rcite
- Stitle
- Tfigcaption
- Ulabel
- Vaside
- Wfigure
- Xcite
48You are creating a JavaScript object that represents a customer.
You need to extend the Customer object by adding the GetCommission() method.
You need to ensure that all future instances of the Customer object implement the
GetCommission() method.
Which code segment should you use?- ACustomer.apply.GetComission() = function ()
{
alert('payroll')
} - BCustomer.prototype.GetComission() = function Customer.GetCommision()
{
alert('payroll')
} - CCustomer.GetComission() = function ()
{
alert('payroll')
} - DCustomer.prototype.GetComission() = function ()
{
alert('payroll')
}
- ACustomer.apply.GetComission() = function ()
49You are developing a web form that includes the following code.
<div id='dynamicForm'>
<input type='checkbox' id='myCheckbox' onclick='ShowInputBox("dynamicForm");'>
</div>
When a user selects the check box, an input text box must be added to the page
dynamically.
You need to ensure that the text box is added.
Which function should you use?- Afunction ShowInputBox(divName)
{
var newInputDiv = document.createElement('div');
newInputDiv.innerHTML = '<input type="text" id='newInputBox'>';
document.getElementById(newInputDiv ).appendChild(divName);
} - Bfunction ShowInputBox(divName)
{
var newInputDiv = document.createElement('div');
newInputDiv.innerHTML = '<input type="text" id='newInputBox'>';
document.getElementById(divName).appendChild(newInputDiv);
} - Cfunction ShowInputBox(divName)
{
var newInputDiv = document.createElement('div');
newInputDiv.innerHTML = '<input type="text" id='newInputBox'>';
document.getElementById(divName).applyElement(newInputDiv);
} - Dfunction ShowInputBox(divName)
{
var newInputDiv = document.createElement('div');
newInputDiv.innerHTML = '<input type="text" id='newInputBox'>';
document.getElementById(newInputDiv).applyElement(divName);
}
- Afunction ShowInputBox(divName)
50You are developing an HTML5 page that has an element with an ID of logo. The page
includes the following HTML.
<div>
Logo:<br>
<div id="logo">
</div>
</div>
You need to move the logo element lower on the page by five pixels.
Which lines of code should you use? (Each correct answer presents part of the solution.
Choose two.)- Adocument.getElementById("logo").style.position = "absolute";
- Bdocument.getElementById("logo") .style.position = "relative";
- Cdocument.getElementByld("logo").Style.top = "5px";
- Ddocument.getElementById("logo").style.top = "-5px";
51You need to test the value of the following variable in JavaScript.
var length = "75";
A block of code must execute if the length equals 75 regardless of the data type.
You need to use the statement that meets this requirement.
Which lines of code should you use? (Each correct answer presents a complete solution.
Choose two.)- Aif (length = = = 75)
- Bif (length = = 75)
- Cif (length! = 75)
- Dif (length = = "75")
52You are developing an application that uses a third-party JavaScript library named
doWork().
The library occasionally throws an "object is null or undefined" error with an error code of
-2146823281.
The application must:
Extract and handle the exceptions thrown by doWork()
Continue normal program execution if other exceptions occur
You need to implement the requirements.
Which code segment should you use?- Aif(doWork() == -2146823281)
{
....
} - Bif(doWork() == "object is null or undefined")
{
....
} - Ctry{
doWork();
}catch(e){
if(e.number == -2146823281)
...
} - Dtry{
doWork();
}catch(e){
if(e.message == -2146823281)
...
}
- Aif(doWork() == -2146823281)
53You are developing a web application that consumes services from a third-party
application. A web worker processes the third-party application requests in the background.
A page in the application instantiates the web worker process.
You need to establish two-way communications between the web worker process and the
page.
Which two actions will achieve this goal? (Each correct answer presents a complete
solution. Choose two.)- AFrom the web worker, use the onconnect event handler of the main page to capture
events. - BFrom the main page, use the onmessage event handler of the web worker to capture
events. - CFrom the web worker, use the onmessage event handler of the main page to capture
events. - DFrom the main page, use the onconnect event handler of the web worker to capture
events.
- AFrom the web worker, use the onconnect event handler of the main page to capture
54You are developing an HTML5 web application that displays customer mailing address
information.
The application loads addresses from a web service by using AJAX. The following code
defines a Customer object and loads address data.
function Customer(firstName, lastName){
this.firstName = firstName;
this.lastName = lastName;
this.address = "";
}
Customer.prototype.parseAddress = function (data){
this.address = data.address;
}
Customer.prototype.loadAddress = function (){
}
You need to implement the loadAddress function.
Wich code segment should you use?- A$.get('data.xml', function(data){
(function (scope){
scope.parseAddress(data);
})(data);
}); - B$.get('data.xml', function(data,innerScope){
innerScope.parseAddress(data);
}); - Cvar that = this;
$.get('data,xml', function(data){
that.parseAddress(data);
}); - D$.get('data.xml',function(data){
this.parseAddress(data);
});
- A$.get('data.xml', function(data){
55You are creating a web form that users will use to enter their personal information. The
form includes the following HTML.
<table>
<tr>
<td>item</td>
<td>input</td>
<td>current</td>
</tr>
<tr>
<td>First Name</td>
<td><input type="text"/></td>
<td></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text"/></td>
<td></td>
</tr>
</table>
You have the following requirements:
When a user enters an input box, the cell on the right must turn green.
When a user leaves an input box, the cell on the right must turn white.
You need to create the web form to meet these requirements.
Which code segment should you use?
$.document.ready(function(){
...
});- A$('table td:nth-child(2) input').focus(function(){
$(this).parent().next().css("background","#00FF00");
});
$('table td:nth-child(2) input').blur(function(){
$(this).parent().next().css("background","#FFFFFF");
}); - B$('table td:eq(2) input').focus(function(){
$(this).parent().parent().next().css("background","#00FF00");
});
$('table td:eq(2) input').blur(function(){
$(this).parent().parent().next().css("background","#FFFFFF");
}); - C$('table td:eq(2) input').focus(function(){
$(this).parent().next().css("background","#00FF00");
});
$('table td:eq(2) input').blur(function(){
$(this).parent().next().css("background","#FFFFFF");
}); - D$('table td:nth-child(2) input').focus(function(){
$(this).parent().parent().next().css("background","#00FF00");
});
$('table td:nth-child(2) input').blur(function(){
$(this).parent().parent().next().css("background","#FFFFFF");
});
- A$('table td:nth-child(2) input').focus(function(){
56You are developing a web page. You create a grid layout by using the following CSS
segment.
#myGrid{
display: -ms-grid;
background: gray;
-ms-grid-columns: 100px 100px;
-ms-grid-rows:50px 50px 50px;
}
You have the following requirements:
You must place content in the first column of the second row.
The content must span two columns.
You need to ensure that the style of the grid meets the requirements.
Which CSS segment should you use?- A#itemSpan{
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-span:2;
} - B#itemSpan{
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-span:initial;
} - C#itemSpan{
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-width:2;
} - D#itemSpan{
-ms-grid-row:2;
-ms-grid-column:1;
-ms-grid-column-span:inherit;
}
- A#itemSpan{
57You are developing a web page by using HTML5.
You have the following requirements:
An H1 element must be placed at the top left corner of the page.
The size and location of the H1 element must not change if additional elements
are added to the page.
You need to position the H1 element on the page.
Which CS53 style should you use?- Ah1{
position:absolute;
left:0px;
top:0px;
} - Bh1{
position:static;
left:100px;
top:100px;
} - Ch1{
position:absolute;
left:100px;
top:100px;
} - Dh1{
position:static;
left:0px;
top:0px;
}
- Ah1{
58You are styling a box object on a page by using CSS3.
You need to set the transparency of the object to 50%.
Which two CSS3 styles will achieve the goal? (Each correct answer presents a complete
solution. Choose two.)- A.Box{
background:rgb(255,0,0);
backface-visibility:hidden;
} - B.Box{
background:rgb(255,0,0);
background:rgb(255,0,0, .5);
} - C.Box{
background:rgb(255,0,0);
opacity:0.5;
} - D.Box{
background:rgb(255,0,0);
background-color: #fff;
}
- A.Box{
59You are developing an HTML5 web application and are styling text.
You need to use the text-transform CSS property.
Which values are valid for the text-transform property?- Ahidden
- Bblink
- Ccapitalize
- Dline-through
60You are developing a website that has many web pages with hyperlinks to other sites.
You need to ensure that if a hyperlink contains an image, the linked web page opens in a
new window.
Which jQuery code segment or segments should you use?- A$('a img').each(function (){
- B$(this).parent().attr('target','_blank')
- C$('a').each(function () {
- D$(this).attr('target','_blank')
61You are developing a web page that will be divided into three vertical sections. The main
content of the site will be placed in the center section. The two outer sections will contain
advertisements.
You have the following requirements:
The main content section must be set to two times the width of the advertising
sections.
The layout must be specified by using the CSS3 flexible box model.
You need to ensure that the visual layout of the page meets the requirements.
Which CSS3 property should you use?- Abox-orient
- Bbox-flex-group
- Cbox-flex
- Dbox-direction
62You are developing a web page that will be divided into three vertical sections. The main
content of the site will be placed in the center section. The two outer sections will contain
advertisements.
You have the following requirements:
The main content section must be set to two times the width of the advertising
sections.
The layout must be specified by using the CSS3 flexible box model.
You need to ensure that the visual layout of the page meets the requirements.
Which CSS3 property should you use?- Abox-orient
- Bbox-flex-group
- Cbox-flex
- Dbox-direction
63You are developing a customer web form that includes the following HTML.
<input id="txtValue"/>
You need to change the HTML markup so that customers can enter only a valid three-letter
country code.
Which HTML should you use?- A<input id="txtValue" type="code" />
- B<input id="txtValue" type="text" pattern=" [A-Za-z] {3}" />
- C<input id="txtValue" type="text" required="required"/>
- D<input id="txtValue" type="country" />
64You are developing a customer web form that includes the following HTML input field.
<input id="txtValue"/>
If a customer enters a value in the input field, then it must be a numeric value.
You need to add validation to the input field.
Which HTML should you use?- A<input id="txtValue" type-"text" pattern="/#" />
- B<input id="txtValue" type="number" />
- C<input id="txtVa!ue" type="integer" />
- D<input id="txtValue" type="text" required="required"/>
65You are developing a web form that includes the following HTML.
<input id="txtValue" type="text" />
You need to ensure that a value is entered into txtValue before the form is submitted.
Which code segment should you use?- Afunction validate()
{
var name= $("#txtValue").val();
if(name == null || name == "")
alert('Enter valid value');
return;
} - Bfunction validate(){
var value = $('#txtValue').val();
var regex = /[\d\,\.]*$/;
if(!regex.test(value))
alert('please enter valid value')
return;
} - Cfunction validate() {
var name = $("#txtValue").get();
if(name == null || name == "")
alert('please enter valid value');
return;
} - Dfunction validate() {
var value = $("#txtValue").get();
var regex = /[A-Za-z]{3}/;
if (!regex.text(value) || value == "")
alert('please enter valid value');
return;
}
- Afunction validate()
66You are developing a web page that consumes a Windows Communication Foundation
(WCF) service. The page includes the following code segment.
var xhr = new XMLHttpRequest() ;
The page uses the xhrHandler() method to listen for changes to the request status of the
WCF service calls. It uses the xmlToJavaScript() method to convert the response from the
WCF service to a JavaScript object.
The xhrHandler() method must be called automatically each time the request status changes.
You need to add the event handler to the request object.
Which line of code should you use?- Axhr.onCallback = xhrHandler;
- Bxhr.onreadystatechange = xhrHandler;
- Cxhr.readyState = xhrHandler;
- Dxhr.status = xhrHandler;
67You are creating a JavaScript function to display the current version of a web application
You declare a button as follows.
<input type="button" id="About" value="About" />
You need to create an event handler for the button by using an anonymous function.
Which code segment should you use?- Avar button = document.getElementById('About');
button.addEventListener('click', function{ alert('Version 2.1.0') } ); - Bvar button = document.getElementById('About');
button.addEventListener('click', function(alert('Version 2.1.0') ) ); - Cvar button = document.getElementById('About');
button.addEventListener('click', function() { alert('Version 2.1.0') } ); - Dvar button = document.getElementById('About');
button.addEventListener('click', alert('Version 2.1.0') );
- Avar button = document.getElementById('About');
68You are testing the value of the following variable in JavaScript.
var height = "300";
A block of code must execute if the following conditions are true:
The height variable is set to 300
The height variable is of type string
You need to implement the code to run the test.
Which line of code should you use?- Aif (height = = 300)
- Bif (height = = "300")
- Cif (height ! "300")
- Dif (height ! = 300)
69You want to create a REST service for your internal web service and use the HTTP verbs
that match CRUD operations. You know the browser your users will be using is compatible, and the firewall will not be a problem. What are the HTTP verbs that match with
CRUD (in order)?- ACREATE, POST, GET, DELETE
- BGET, RETRIEVE, UPDATE, DELETE
- CPUT, GET, POST, DELETE
- DPOST, GET, UPDATE, DELETE
70What is the primary object used to make an asynchronous AJAX call that returns a
JSON result?- AXMLHttpRequest
- BAjaxRequest
- CJsonResponse
- DAjaxAsync
71You want to use jQuery to make an AJAX call that will use the HTTP POST method.
Which jQuery method can you use?- A$.post()
- B$.getJSON()
- C$.get()
- D$.param()
Information
- Description
- Quiz on Mcrsft Test , created by Martin Ernesto Castillo Gonzalez on 10/10/2016.
- Language
- Español
- Views
- 1
- Tags
- Rating
- No ratings yet Rate this quiz