Dumps4cert.com : Latest Dumps with PDF and VCE Files
2018 Aug Microsoft Official New Released 70-480
100% Free Download! 100% Pass Guaranteed!

Programming in HTML5 with JavaScript and CSS3

Question No: 61 – (Topic 2)

You are creating a class named Sedan that must inherit from the Car class. The Sedan class must modify the inherited fourDoor () method. The Car class is defined as follows.

Dumps4Cert 2018 PDF and VCE

Future instances of Sedan must be created with the overridden method. You need to write the code to implement the Sedan class.

Which two code segments should you use? (Each correct answer presents part of the solution. Choose two.)

Dumps4Cert 2018 PDF and VCE

  1. Option A

  2. Option B

  3. Option C

  4. Option D

Answer: B,C

Explanation: * The Object.prototype property represents the Object prototype object.

  • Object.prototype.constructor

    Specifies the function that creates an object#39;s prototype.

  • Example:

  • Employee.prototype = new Person();

    var Customer = function(name) { this.name = name;

    };

    Customer.prototype = new Person();

    var Mime = function(name) { this.name = name; this.canTalk = false;

    };

    Mime.prototype = new Person(); Reference: Object.prototype

    Question No: 62 – (Topic 2)

    You develop an HTML5 webpage. You have the following HTML markup: (Line numbers are for reference only.)

    Dumps4Cert 2018 PDF and VCE

    The webpage also contains the following CSS markup:

    Dumps4Cert 2018 PDF and VCE

    You need to determine how the webpage will appear when the CSS styles are applied. Select two.

    1. The first row of the table will have a red background.

    2. The second row of the table will have a red background.

    3. The second cell in the first row of the table will have a blue background.

    4. The second cell in the third row of the table will have a blue background.

    5. The second cell in the third row of the table will have not have blue background.

    Answer: A,E

    Question No: 63 – (Topic 2)

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

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

    You need to develop the form so that customers can enter only a valid account type consisting of two English alphabet characters.

    Which code segment should you use?

    Dumps4Cert 2018 PDF and VCE

    1. Option A

    2. Option B

    3. Option C

    4. Option D

    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 two 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]{2}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: 64 – (Topic 2)

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

    1. xhr.onCallback = xhrHandler;

    2. xhr.onreadystatechange = xhrHandler;

    3. xhr.readyState = xhrHandler;

    4. xhr.status = xhrHandler;

    Answer: B

    Explanation:

    / onreadystatechange: Sets or retrieves the event handler for asynchronous requests. Specifies a reference to an event handler for an event that fires at every state change readyState

    Returns the state of the object as follows:

    • 0 = uninitialized – open() has not yet been called.

    • 1 = open – send() has not yet been called.

    • 2 = sent – send() has been called, headers and status are available.

    • 3 = receiving – Downloading, responseText holds partial data (although this functionality is not available in IE [3])

    • 4 = loaded – Done.

    / Example (assuming that there is a function handler(): var oReq = getXMLHttpRequest();

    if (oReq != null) {

    oReq.open(quot;GETquot;, quot;http://localhost/test.xmlquot;, true); oReq.onreadystatechange = handler; oReq.send();

    Reference: XMLHttpRequest object; XMLHttpRequest (XHR) https://msdn.microsoft.com/en-us/library/ie/ms535874(v=vs.85).aspx http://mrfwebdesign.blogspot.ca/2008/11/xmlhttprequest-xhr.html

    Question No: 65 HOTSPOT – (Topic 2)

    You review code that uses WebSockets for a browser-based multiplayer game. Each player sends a move to the server, which then sends the move to all connected game instances. The following code runs in the browser and handles the sending and receiving of moves:

    Dumps4Cert 2018 PDF and VCE

    For each statement in the table, select Yes if the code segment above causes the page to behave as described. Select No if it does not. Make only one selection in each column.

    Dumps4Cert 2018 PDF and VCE

    Answer:

    Dumps4Cert 2018 PDF and VCE

    Question No: 66 – (Topic 2)

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

    1. Text-shadow: 72pt 0pt 5pt

    2. Text-shadow: 5px lin 0px;

    3. Text-shadow: 72pt 0em 5px;

    4. Text-shadow: 100px 0px 5px;

    Answer: B

    Explanation: We set the second argument (vertical) to one inch (1in).

    Note Syntax

    text-shadow: h-shadow v-shadow blur color;

    Note: The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows, each specified by 2 or 3 length values and an optional color. Omitted lengths are 0.

    • h-shadow

      Required. The position of the horizontal shadow. Negative values are allowed

    • v-shadow

      Required. The position of the vertical shadow. Negative values are allowed

    • blur

      Optional. The blur distance

    • color

    Optional. The color of the shadow.

    Question No: 67 DRAG DROP – (Topic 2)

    You create an HTML5 webpage. You have the following HTML markup:

    Dumps4Cert 2018 PDF and VCE

    You also have the following JavaScript code segment:

    var jsonFruit = { quot;applesquot; : quot;12quot;, quot;bananasquot; : quot;8quot;, quot;watermelonquot; : quot;3quot; }

    You need to add additional rows to the fruitTable element by processing the jsonFruit values in the order listed.

    Which three actions should you perform in sequence? (Develop the solution by selecting the required code segments and arranging them in the correct order.)

    Dumps4Cert 2018 PDF and VCE

    Answer:

    Dumps4Cert 2018 PDF and VCE

    Explanation:

    Box 1:

    Dumps4Cert 2018 PDF and VCE

    Box 2:

    Dumps4Cert 2018 PDF and VCE

    Box 3:

    Dumps4Cert 2018 PDF and VCE

    • The appendTo() method inserts HTML elements at the end of the selected elements.

    • example to loop over a JavaScript array object.

    var json = [

    {quot;idquot;:quot;1quot;,quot;tagNamequot;:quot;applequot;},

    {quot;idquot;:quot;2quot;,quot;tagNamequot;:quot;orangequot;},

    {quot;idquot;:quot;3quot;,quot;tagNamequot;:quot;bananaquot;},

    {quot;idquot;:quot;4quot;,quot;tagNamequot;:quot;watermelonquot;},

    {quot;idquot;:quot;5quot;,quot;tagNamequot;:quot;pineapplequot;}

    ];

    $.each(json, function(idx, obj) { alert(obj.tagName);

    });

    Question No: 68 – (Topic 2)

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

    Dumps4Cert 2018 PDF and VCE

    You need to move the picture element lower on the page by five pixels.

    Which two lines of code should you use? (Each correct answer presents part of the solution. Choose two.)

    1. document.getEIementById(quot;picturequot;).style.position = quot;relativequot;;

    2. document.getElementById(quot;picturequot;).style.top = quot;5pxquot;;

    3. document.getEiementById(quot;picturequot;).style.top = quot;-5pxquot;;

    4. document.getEIementById(quot;picturequot;).style.position = quot;absolutequot;;

    Answer: A,B

    Explanation: We use relative position to move the position 5 pixels lower on page. Using a negative value would move the picture higher on the page.

    Note:

    * The top property sets or returns the top position of a positioned element.

    This property specifies the top position of the element including padding, scrollbar, border and margin.

    Syntax

    Set the top property: Object.style.top=quot;auto|length|%|inheritquot;

    Where:

    Length defines the top position in length units. Negative values are allowed

    Question No: 69 DRAG DROP – (Topic 2)

    An HTML page has a CANVAS element.

    You need to draw a red rectangle on the CANVAS element dynamically. The rectangle should resemble the following graphic.

    Dumps4Cert 2018 PDF and VCE

    How should you build the code segment? (To answer, drag the appropriate line of code to the correct location. Each line of code 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.)

    Dumps4Cert 2018 PDF and VCE

    Answer:

    Dumps4Cert 2018 PDF and VCE

    Explanation:

    Dumps4Cert 2018 PDF and VCE

    Example:

    Drawing with JavaScript

    lt;scriptgt;

    var c = document.getElementById(quot;myCanvasquot;); var ctx = c.getContext(quot;2dquot;);

    ctx.fillStyle = quot;#FF0000quot;; ctx.fillRect(0,0,150,75);

    lt;/scriptgt;

    Question No: 70 – (Topic 2)

    You are developing an application that uses a JavaScript library. The library contains the following functions.

    Dumps4Cert 2018 PDF and VCE

    The application uses the following code. (Line numbers are included for reference only.)

    Dumps4Cert 2018 PDF and VCE

    The library may throw many types of exceptions. The exceptions are grouped by category. You need to catch and identify the exceptions by group.

    Which code segment should you insert at line 05?

    Dumps4Cert 2018 PDF and VCE

    1. Option A

    2. Option B

    3. Option C

    4. Option D

    Answer: B Explanation: instanceof

    The instanceof operator tests whether an object has in its prototype chain the prototype property of a constructor.

    The instanceof operator tests presence of constructor.prototype in object prototype chain.

    Example::

    // defining constructors function C(){}

    function D(){} var o = new C();

    // true, because: Object.getPrototypeOf(o) === C.prototype o instanceof C;

    // false, because D.prototype is nowhere in o#39;s prototype chain o instanceof D;

    Reference: instanceof

    100% Dumps4cert Free Download!
    70-480 PDF
    100% Dumps4cert Pass Guaranteed!
    70-480 Dumps

    Dumps4cert 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