[Free] 2018(May) EnsurePass Dumpsleader Microsoft 70-480 Dumps with VCE and PDF 1-10

Ensurepass.com : Ensure you pass the IT Exams
2018 May Microsoft Official New Released 70-480
100% Free Download! 100% Pass Guaranteed!

Programming in HTML5 with JavaScript and CSS3

Question No: 1 – (Topic 1)

You are developing an HTML5 page that has an element with an ID of logo. The page includes the following HTML.

lt;divgt; Logo:lt;brgt;

lt;div id=quot;logoquot;gt;

lt;/divgt;

lt;/divgt;

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.)

  1. document.getElementById(quot;logoquot;) .style.position = quot;relativequot;;

  2. document.getElementByld(quot;logoquot;).Style.top = quot;5pxquot;;

  3. document.getElementById(quot;logoquot;).style.top = quot;-5pxquot;;

  4. document.getElementById(quot;logoquot;).style.position = quot;absolutequot;;

Answer: A,B

Explanation: * style.position = quot;relativequot;;

The element is positioned relative to its normal position, so quot;left:20quot; adds 20 pixels to the element#39;s LEFT position.

* For relatively positioned elements, the top property sets the top edge of an element to a unit above/below its normal position.

Example: Example

Set the top edge of the image to 5px below the top edge of its normal position: img {

position: relative;

top: 5px;

}

Reference: CSS position Property; CSS top Property http://www.w3schools.com/cssref/pr_class_position.asp http://www.w3schools.com/cssref/pr_pos_top.asp

Question No: 2 HOTSPOT – (Topic 1)

You are developing a web page that will be accessed from various types of devices.

You have the following requirements:

-> The appropriate display resolution must be selected dynamically based on the device connecting to the page.

-> Mobile devices with a maximum width of 480 pixels must be able to use the page.

You need to ensure that the page displays correctly on any device.

How should you build the code? (To answer, select the appropriate options from the drop- down lists in the answer area.)

Ensurepass 2018 PDF and VCE

Ensurepass 2018 PDF and VCE

Answer:

Ensurepass 2018 PDF and VCE

Explanation:

Ensurepass 2018 PDF and VCE

  • The @media rule is used to define different style rules for different media types/devices. CSS Syntax

    @media not|only mediatype and (media feature) { CSS-Code;

    }

  • Media type: Screen

Used for computer screens.

Incorrect:

Not size: there is no media type size.

Question No: 3 – (Topic 1)

You 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?

  1. box-orient

  2. box-flex-group

  3. box-flex

  4. box-direction

Answer: C Explanation: box-flex Values: 0 | Any integer

The flexibility ratio for this child. If a child had 1 and its sibling had 2, any additional space in the parent box would be consumed twice as much by the sibling. It defaults to 0 which is inflexible.

Reference: Quick hits with the Flexible Box Model http://www.html5rocks.com/en/tutorials/flexbox/quick/

Question No: 4 – (Topic 1)

You are developing a customer web form that includes the following HTML.

lt;input id=quot;txtValuequot;/gt;

You need to change the HTML markup so that customers can enter only a valid three-letter country code.

Which HTML should you use?

  1. lt;input id=quot;txtValuequot; type=quot;codequot; /gt;

  2. lt;input id=quot;txtValuequot; type=quot;textquot; pattern=quot; [A-Za-z] {3}quot; /gt;

  3. lt;input id=quot;txtValuequot; type=quot;textquot; required=quot;requiredquot;/gt;

  4. lt;input id=quot;txtValuequot; type=quot;countryquot; /gt;

Answer: B

Explanation: HTML lt;inputgt; pattern Attribute

The pattern attribute specifies a regular expression that the lt;inputgt; element#39;s value is checked against.

Example

An HTML form with an input field that can contain only three letters (no numbers or special characters):

lt;form action=quot;demo_form.aspquot;gt;

Country code: lt;input type=quot;textquot; name=quot;country_codequot; pattern=quot;[A-Za-z]{3}quot; title=quot;Three letter country codequot;gt;

lt;input type=quot;submitquot;gt;

lt;/formgt;

Reference: HTML lt;inputgt; pattern Attribute http://www.w3schools.com/tags/att_input_pattern.asp

Question No: 5 – (Topic 1)

You 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.)

Ensurepass 2018 PDF and VCE

  1. Option A

  2. Option B

  3. Option C

  4. Option D

Answer: B,C

Explanation: The RGBA declaration allows you to set opacity (via the Alpha channel) as part of the color value.

Example:

div { background-color: rgba(255,0,0,0.5); }

The background color has been set to blue, and the opacity set to half.

Example 2:

background-color: rgb(0,0,255); opacity: 0.5;

The background color has been set to blue, and the opacity set to half. Reference: A brief introduction to Opacity and RGBA

http://www.css3.info/introduction-opacity-rgba/

Question No: 6 HOTSPOT – (Topic 1)

You are developing a web application that retrieves data 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 using binary format if possible

-> Retrieve and parse the data from the web service using XML when binary format is not possible

You need to develop the application to meet the requirements.

What should you do? (To answer, select the appropriate options from the drop-down lists in the answer area.)

Ensurepass 2018 PDF and VCE

Ensurepass 2018 PDF and VCE

Answer:

Ensurepass 2018 PDF and VCE

Explanation:

Ensurepass 2018 PDF and VCE

  • accepts : #39;application/bint, text/xml#39;

    accepts:#39;application/bin,text/xml#39; to accept only XML and binary content in HTML responses.

  • Use the following condition to check if the html response content is binary: If(request.getResponseHeader(quot;Content-Typequot;)==quot;application/bintquot;

  • var request = $.ajax({ uri:#39;/#39;,

accepts: #39;application/bint, text/xml#39;, datafilter: function(data,type){

if(request.getResponseHeader(quot;Content-Typequot;)==quot;application/bintquot;) return parseBint(data);

else

return parseXml();

},

success: function (data) { start(data);

}

});

Question No: 7 – (Topic 1)

You 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.

The page includes the following code. (Line numbers are included for reference only.)

Ensurepass 2018 PDF and VCE

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 is displayed in the progress bar. Which line of code should you insert at line 03?

  1. xhr.upload.onloadeddata =

  2. xhr.upload.onplaying =

  3. xhr.upload.onseeking =

  4. xhr.upload.onprogress =

Answer: D

Explanation: Example: xhr.upload.onprogress = function(evt)

{

if (evt.lengthComputable)

{

var percentComplete = parseInt((evt.loaded / evt.total) * 100); console.log(quot;Upload: quot; percentComplete quot;% completequot;)

}

};

Reference:

http://stackoverflow.com/questions/3352555/xhr-upload-progress-is-100-from-the-start

Question No: 8 – (Topic 1)

You are developing a customer contact form that will be displayed on a page of a company#39;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?

  1. lt;input name=quot;emailquot; type=quot;urlquot;/gt;

  2. lt;input name=quot;emailquot; type=quot;textquot; required=quot;requiredquot;/gt;

  3. lt;input name=quot;emailquot; type=quot;textquot;/gt;

  4. lt;input name=quot;emailquot; type=quot;emailquot;/gt;

Answer: D Explanation: Example:

lt;formgt; E-mail:

lt;input type=quot;emailquot; name=quot;emailquot;gt;

lt;/formgt;

Reference: http://www.w3schools.com/html/html5_form_input_types.asp

Question No: 9 HOTSPOT – (Topic 1)

You are creating a function by using JavaScript. The function accepts an object as the parameter and returns a string that identifies the data type of the object.

You have the following requirements:

-> The function must return quot;Numberquot; if the object is a number.

-> The function must return quot;Stringquot; if the object is a string.

-> The function must return quot;Unknownquot; if the object is neither a number nor a string.

You need to implement the function to meet the requirements.

How should you build the code segment? (To answer, select the appropriate options from the drop-down lists in the answer area.)

Ensurepass 2018 PDF and VCE

Ensurepass 2018 PDF and VCE

Answer:

Ensurepass 2018 PDF and VCE

Explanation:

Ensurepass 2018 PDF and VCE

* Use the switch statement to select one of many blocks of code to be executed.

Syntax switch(expression) { case n:

code block break; case n: code block break; default:

default code block

}

This is how it works:

The switch expression is evaluated once.

The value of the expression is compared with the values of each case. If there is a match, the associated block of code is executed.

  • Object.prototype.constructor

    Returns a reference to the Object function that created the instance#39;s prototype. Note that the value of this property is a reference to the function itself, not a string containing the function#39;s name. The value is only read-only for primitive values such as 1, true and quot;testquot;.

  • Description

All objects inherit a constructor property from their prototype:

var o = {};

o.constructor === Object; // true

var a = [];

a.constructor === Array; // true

var n = new Number(3); n.constructor === Number; // true

* The constructor property is created together with the function as a single property of func.prototype.

Question No: 10 – (Topic 1)

You need to test the value of the following variable in JavaScript. var length = quot;75quot;;

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.)

  1. if (length = = = 75)

  2. if (length = = 75)

  3. if (length! = 75)

  4. if (length = = quot;75quot;)

Answer: B,D

Explanation: When comparison is made using double-equals operator (==), it will check the values of variable and convert them to a common type and returns true if both are equals. So comparing number with string having the same value will return true.

Examples: examples:

1

console.log(23 == quot;23quot;); // true 2

console.log(1 == true); // true

Incorrect:

not ===: This is 鈥渟trict鈥?or 鈥渋dentical鈥?equality.

Reference: JavaScript Triple Equals Operator vs Double Equals Operator ( === vs == )

100% Ensurepass Free Download!
Download Free Demo:70-480 Demo PDF
100% Ensurepass Free Guaranteed!
Download 2018 EnsurePass 70-480 Full Exam PDF and VCE

EnsurePass ExamCollection Testking
Lowest Price Guarantee Yes No No
Up-to-Dated Yes No No
Real Questions Yes No No
Explanation Yes No No
PDF VCE Yes No No
Free VCE Simulator Yes No No
Instant Download Yes No No

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.