Microsoft 70-480 Online Practice Questions and Exam Preparation

Microsoft 70-480 Online Questions & Answers

• Question 191:

  DRAG DROP

  You have the following HTML markup:

  

  You need to create a JavaScript to add an additional option named Air to the shippingType element. You write the following code.

  

  How should you complete the code? To answer, drag the appropriate lines of code to the correct targets in the answer area. Each line may be used once, more than once, or not at all. You may drag the split bar between panes or scroll to view content.

  Select and Place:

  

  

• Question 192:

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

  A. Use an HTML form with a file type INPUT element that targets a hidden IFRAME element.
  B. Use a file type INPUT element, and then use the Web Storage API to upload the file.
  C. Use a FormData object and upload the file by using XMLHttpRequest.
  D. Register the file protocol by using protocol handler registration API and then upload the file by using XMLHttpRequest.
  E. Use the FileSystem API to load the file, and then use the jQuery post method to upload the file to the server.
  B. Use a file type INPUT element, and then use the Web Storage API to upload the file.
  D. Register the file protocol by using protocol handler registration API and then upload the file by using XMLHttpRequest.

  ---

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

  Select a File to Upload
  

  D:

  *

  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

  References: https://www.w3schools.com/js/js_ajax_http.asp

• Question 193:

  DRAG DROP

  You create a webpage that includes the following HTML markup: (Line numbers are included for reference only.)

  

  You need to ensure that a form cannot be submitted unless the INPUT element contains the word OK.

  Which five actions should you perform in sequence? (To answer, move the appropriate actions from the list of actions to the answer area and arrange them in the correct order.)

  Select and Place:

  

  

  ---

  first

  Selects the first matched element.

  Reference: https://api.jquery.com/first-selector/

• Question 194:

  You are creating a JavaScript object that represents an employee.

  You need to extend the Employee object by adding the GetPayroll() method.

  You need to ensure that all future instances of the Employee object implement the GetPayroll() method.

  Which code segment should you use?

  

  A. Option A
  B. Option B
  C. Option C
  D. Option D
  D. Option D

  ---

  Object.prototype.constructor

  Returns a reference to the Objectfunction that created the instance's prototype. Note that the value of this property is a reference to the function itself, not a string containing the function's name. The value is only read-only for primitive values

  such as 1, true and "test".

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

  References:

  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor

• Question 195:

  You are modifying a blog site to improve search engine readability.

  You need to group relevant page content together to maximize search engine readability.

  Which tag should you use?

  D

  ---

  The

  tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.

• Question 196:

  HOTSPOT

  You develop an HTML5 webpage that contains the following markup and code:

  

  You have the following requirements:

  

  Display a message if users select the first OPTION element, and then submit the form.

  

  Do not display an alert message if users select any other OPTION element, and then submit the form.

  You need to implement the madeSelection() function.

  How should you complete the relevant code? (To answer, select the appropriate code segment from each drop-down list in the answer area.)

  Hot Area:

  

  

  ---

  * The element is used to create a drop-down list. The tags inside the element define the available options in the list. * option.value text Specifies the value to be sent to a server

  Reference: https://www.w3schools.com/tags/tag_option.asp

• Question 197:

  HOTSPOT

  You are validating user input by using JavaScript and regular expressions.

  A group of pre-defined regular expressions validate two input fields:

  You need to use the correct expression to validate the input.

  Which expression should you insert into each function? To answer, select the appropriate options from the drop-down lists in the answer area.

  Hot Area:

  

  

• Question 198:

  An HTML page contains no embedded JavaScript or CSS code. The body of the page contains only the following line of code.

  test

  A CSS style sheet must be applied dynamically. The style must visibly change the appearance of the paragraph on the page.

  You need to apply a style to the paragraph.

  Which line of code should you use?

  A. document.getElementById("test").style.top = "5px";
  B. document.getElementById("test").style.border = "0";
  C. document.getElementById("test").style.color = "red";
  D. document.getElementById ("test").style.position = "absolute";
  C. document.getElementById("test").style.color = "red";

• Question 199:

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

  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?

  

  A. Option A
  B. Option B
  C. Option C
  D. Option D
  B. Option B

  ---

  HTML pattern Attribute

  The pattern attribute specifies a regular expression that the element's value is checked against.

  Example

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

  Country code:

  pattern="[A-Za-z]{2}" title="Three letter country code"/>

  Reference: HTML pattern Attribute

  http://www.w3schools.com/tags/att_input_pattern.asp

• Question 200:

  You develop an HTML application that is located at www.adventure-works.com. The application must load JSON data from www.fabrikam.com.

  You need to choose an approach for loading the data.

  What should you do?

  A. Add a crossdomain.xml file to the second server.
  B. Configure Cross-Origin Resource Sharing (CORS) on the servers.
  C. Load the data in a JavaScript timeout callback.
  D. Reference the remote data as an XML resource.
  B. Configure Cross-Origin Resource Sharing (CORS) on the servers.

  ---

  *

  Cross-origin resource sharing (CORS) is a mechanism that allows Javascript on a web page to make XMLHttpRequests to another domain, not the domain the Javascript originated from. Such "cross-domain" requests would otherwise be forbidden by web browsers, per the same origin security policy. CORS defines a way in which the browser and the server can interact to determine whether or not to allow the cross-origin request. It is more powerful than only allowing same-origin requests, but it is more secure than simply allowing all such cross-origin requests.

  *

  You must use Cross Origin Resource Sharing

  It's not as complicated as it sounds...simply set your request headers appropriately...in Python it would look like:

  self.response.headers.add_header('Access-Control-Allow-Origin', '*'); self.response.headers.add_header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS'); self.response.headers.add_header('Access-Control-Allow-Headers', 'X-Requested-With'); self.response.headers.add_header('Access-Control-Max-Age', '86400');