Microsoft 70-480 Exam Practice Test Instant Access

Question 1

You are developing application web form by using HTML5 and JavaScript.

You need to prevent users from submitting form data more than once.

Which code segment should you use?

AOption A

BOption B

COption C

DOption D

Answer : A

* this, in disable(this), refers to the clicked button.

* The disabled attribute is a boolean attribute.

When present, it specifies that the <input> element should be disabled.

A disabled input element is unusable and un-clickable.

The disabled attribute can be set to keep a user from using the <input> element until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript could remove the disabled value, and make the <input> element usable.

Question 2

You develop a web application by using jQuery. You develop the following jQuery code: (Line numbers are included for reference only.)

The web application exposes a RESTful web API that has an endpoint of/product/create.

You need to create a new product by using AJAX.

Which code segment should you insert at line 05?

AOption A

BOption B

COption C

DOption D

Answer : D

* url: /product/create

This is the endproduct.

* datatype:

The type of data that you're expecting back from the server.

* contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8')

Question 3

You develop an HTML5 application that allows users to upload files from their local computers.

The user interface must remain responsive during the upload.

You need to implement the file upload functionality for the application.

Which two actions should you perform? (Each correct answer presents a complete solution. Choose two.)

AUse an HTML form with a file type INPUT element that targets a hidden IFRAME element.

BUse a file type INPUT element, and then use the Web Storage API to upload the file.

CUse a FormData object and upload the file by using XMLHttpRequest.

DRegister the file protocol by using protocol handler registration API and then upload the file by using XMLHttpRequest.

EUse the FileSystem API to load the file, and then use the jQuery post method to upload the file to the server.

Answer : B, D

B: Example (notice the web storage api upload.aspx):

<!DOCTYPE html>

<html>

<head>

<title>Upload Files using XMLHttpRequest - Minimal</title>

</head>

<body>

<label for='fileToUpload'>Select a File to Upload</label>

</form>

</body>

</html>

* Because we're using XMLHttpRequest, the uploading is happening in the background. The page the user is on remains intact. Which is a nice feature to have if your business process can work with it.

* The XMLHttpRequest object has gotten a facelift in the Html5 specifications. Specifically the XMLHttpRequest Level 2 specification (currently the latest version) that has included the following new features:

Handling of byte streams such as File, Blob and FormData objects for uploading and downloading

Progress events during uploading and downloading

Cross-origin requests

Allow making anonymous request - that is not send HTTP Referer

The ability to set a Timeout for the Request

Question 4

You develop an application in HTML5. The application has a field named field1 that uses the month input type.

You need to identify what will occur if the application runs from a browser that does not support the month input type.

What should you identify?

AThe field1 field will be rendered as a text box.

BThe field1 field will appear as alabel named month.

CThe web page will display an error message.

DThe field1 field will not be displayed.

Answer : A

References:

https://stackoverflow.com/questions/18020950/how-to-make-input-type-date-supported-on-all-browsers-any-alternatives

Question 5

You are creating a rotating image of a company logo.

The logo must spin on a horizontal axis and on a vertical axis.

You need to use the least amount of development effort to meet the requirement.

What should you do?

ACreate an Image Spinner object, load the image into the spinner, and set the horizontal and vertical rotation properties.

BCreate a Canvas Globe transform and set the image as the globe object. Set the horizontal and vertical rotation properties.

CCreate a single Canvas 3D transform and load the image into it. Set the rotation properties.

DCreate a Canvas 2D transform and set the image to rotate horizontally and vertically.

Answer : C

CSS3 allows you to format your elements using 3D transforms.

There are two 3D transform methods:

rotateX() - With the rotateX() method, the element rotates around its X-axis at a given degree.

rotateY() - With the rotateY() method, the element rotates around its Y-axis at a given degree.

Question 6

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

You need to ensure that a value is entered into txtValue before the form is submitted.

Which code segment should you use?

AOption A

BOption B

COption C

DOption D

Answer : A

* Input Text Object Properties include:

value: Sets or returns the value of the value attribute of the text field

* Check if text is a null value or an empty string.

Incorrect:

not .get(): there is no input text object property get.

Question 7

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

Logo:

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 = 'relative';

Bdocument.getElementByld('logo').Style.top = '5px';

Cdocument.getElementById('logo').style.top = '-5px';

Ddocument.getElementById('logo').style.position = 'absolute';

Answer : A, B

* style.position = 'relative';

The element is positioned relative to its normal position, so 'left:20' adds 20 pixels to the element'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;

}

http://www.w3schools.com/cssref/pr_class_position.asp

http://www.w3schools.com/cssref/pr_pos_top.asp

Microsoft Programming in HTML5 with JavaScript and CSS3 70-480 Exam Practice Test