Limited Time Discount Offer
30% Off - Ends in 02:00:00

X

Microsoft 70-480 Dumps

verified by experts

2 products

  • Verified by experts

70-480 Premium Bundle

  • Premium File 314 Questions & Answers

  • Training Course 117 Lectures

$64.98

$31.49
Microsoft
MCSD Programming in HTML5 with JavaScript and CSS3
Microsoft
MCSD Programming in HTML5 with JavaScript and CSS3

Purchase Individually

  • 70-480

    Premium File

    314 Questions & Answers
    $39.99
    $27.99
  • 70-480

    Training Course

    117 Lectures
    $24.99
    $17.49

Questions & Answers for Microsoft 70-480

Showing 1-15 of 208 Questions

Question #1 - Topic 1

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?

A. text-shadow: 72pt 0pt 5pt

B. text-shadow: 5px 1in 0px;

C. text-shadow: 72pt 5em 0px

D. text-shadow: 72pt 0em 5px;

Explanation: D is the most correct.
Reference: CSS Text Module Level 3
http://www.w3.org/TR/css3-text/#text-shadow
Note:
All options are incorrect nearest correct answers are B or D.
#obj {text-shadow: <x-offset> <y-offset> <blur-radius> <color>; }
<x-offset> +n right -n left
<y-offset> +n bottom -n top
1 inch below means <y-ffset> is 1in or 72 pt
Hence actually answer must be
0px, 1in, 5px
or
0px, 72pt, 5px

Question #2 - Topic 1

You are developing an online shopping 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.)


Explanation:
Example: throw new Error(200, "x equals zero");

Question #3 - Topic 1

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

B. Option B

C. Option C

D. Option D

Explanation:
Incorrect:
not D: window.status property
The status property sets the text in the status bar at the bottom of the browser, or returns
the previously set text.

Question #4 - Topic 1

You are troubleshooting a web page that includes the following code. (Line numbers are
included for reference only.)

What is displayed in the alert from line 11?

A. Div

B. Function

C. Button

D. Document

Explanation: * The event handler here normalizes event object (passed as a first
argument) and invokes handleCellClick in a proper context (i.e. referring to an element that
was attached event listener to). The element is the button elButton.
* addEventListener
Syntax: element.addEventListener(event, function, useCapture)
Reference: HTML DOM addEventListener() Method

Question #5 - Topic 1

You 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);" />

Explanation: Definition and Usage
The onblur event occurs when an object loses focus.
Example
Execute a JavaScript when a user leaves an input field:
<input type="text" onblur="myFunction()">
Reference: onblur Event
http://www.w3schools.com/jsref/event_onblur.asp

Question #6 - Topic 1

You 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"/>

Explanation: Example:
<form>
E-mail:
<input type="email" name="email">
</form>
Reference:
http://www.w3schools.com/html/html5_form_input_types.asp

Question #7 - Topic 1

You are developing an HTML5 application for a company. You apply the following style to a
DIV element on a page.

You need to submit a draft illustration of the results of this code.
Which illustration should you submit? (To answer, select the appropriate illustration in the
answer area.)

Explanation:

Example:
div {
border: 3px solid;
background: #b6aaaa;
width: 200px;
height: 100px;
top 10%;
left 10%;
border-radius: 25px 0px 25px 0px;
}
Result:

Question #8 - Topic 1

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

B. Option B

C. Option C

D. Option D

Explanation: The :header selector selects all header elements (<h1> to <h6>).
Reference: jQuery :header Selector
http://www.w3schools.com/jquery/sel_header.asp

Question #9 - Topic 1

You 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 used in the email address.
You need to implement this functionality.
How should you develop the form? (To answer, select the appropriate options from the
drop-down lists in the answer area.)

Explanation:

* serialize()
Encode a set of form elements as a string ready for submission.
decodeURIComponent
* To decode the string, PHP offers the urldecode() function.
?
echo urldecode('name%40website.com'); //restores "name@website.com"

Question #10 - Topic 1

You are creating an application by using HTML5 and CSS3. The styles for the pages are
derived from five style sheets.
The styles are not being applied correctly to the pages in the application.
You need to apply the styles from highest priority to lowest priority.
In which order should you use the five style sheets? (To answer, move the style sheet
types from the list of style sheet types to the answer area and arrange them in the correct
order.)

Explanation:

* From highest priority to lowest priority.
User important style sheets
Author important style sheets
Author normal style sheets
User normal style sheets
User agent style sheets
* CSS declarations are applied in this order (from lowest to highest priority):
User agent declarations (the default styles your browser applies to elements)
User normal declarations (a user's own stylesheet if they're using one)
Author normal declarations (this is your normal stylesheet)
Author important declarations (anything your mark important)
User important declarations (any important styles from the user's stylesheet)

Question #11 - Topic 1

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.

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


Explanation:

* getElementById
The getElementById() method accesses the first element with the specified id. We use it to
get a reference to the canvas.
* context.fillStyle.
Example:
Define a red fill-color for the rectangle:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(20,20,150,100);

Question #12 - Topic 1

You are developing a page that includes text and an illustration. The web page resembles
the following image.

✑ 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;

Explanation: -ms-wrap-flow
Gets or sets a value that specifies how exclusions impact inline content within block-level
elements.
Syntax
-ms-wrap-flow: auto | both | start | end | maximum | clear
both
Inline flow content can flow on all sides of the exclusion.
Reference: -ms-wrap-flow property
http://msdn.microsoft.com/en-us/library/ie/hh673558(v=vs.85).aspx
http://dev.w3.org/csswg/css3-exclusions/

Question #13 - Topic 1

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

A. Option A

B. Option B

C. Option C

D. Option D

Explanation: C: addEventListener
The addEventListener() method attaches an event handler to the specified element.
In context of a worker, both self and this refer to the global scope. The worker can either
add an event listener for the message event, or it can define the onmessage handler to
listen for any messages sent by the parent thread.
D: attachEvent method
Registers an event handler function (event listener) for the specified event on the current
object.
Reference: addEventListener method; attachEvent method
http://help.dottoro.com/ljeuqqoq.php
http://help.dottoro.com/ljinxrmt.php

Question #14 - Topic 1

You are developing a web page by using HTML5 and CSS3.
Hyperlinks on the page must be rendered with a style that reflects the last user action
performed.
You need to style the four anchor elements in the document.
In what order should you specify the four anchor selectors? (To answer, move the
appropriate anchor selectors from the list of CSS codes to the answer area and arrange
them in the correct order.)

Question #15 - 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 that is 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, drag the appropriate media statement to the
correct location. Each media statement 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.)

Explanation:

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

×