070-480 無料問題集「Microsoft Programming in HTML5 with JavaScript and CSS3」
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?
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?
正解：C
解答を投票する
解説: (JPNTest メンバーにのみ表示されます)
You develop an HTML5 application that interacts with a REST service. The REST service accepts JSON data.
A JavaScript object named form Data contains data that is sent to the REST service.
You need to convert the JavaScript object named formData into JSON.
Which code segment should you use?
A JavaScript object named form Data contains data that is sent to the REST service.
You need to convert the JavaScript object named formData into JSON.
Which code segment should you use?
正解：C
解答を投票する
You are developing a website that helps users locate theaters in their area from a browser. You created a function named findTheaters ().
The function must:
* Get the current latitude and longitude of the user's device
* Pass the user's location to findTheaters()
The user needs to access the geolocation information from the browser before searching for theaters.
Which code segment should you use?
The function must:
* Get the current latitude and longitude of the user's device
* Pass the user's location to findTheaters()
The user needs to access the geolocation information from the browser before searching for theaters.
Which code segment should you use?
正解：C
解答を投票する
解説: (JPNTest メンバーにのみ表示されます)
You are creating a function by using JavaScript.
You have the following requirements:
The function must display loan amounts to the user within the following HTML element:
<div id="display"></div>
* The loan amount of 2100 must display in the HTML element.
* All declared variables and functions must be scoped to the myApp variable.
You need to implement the function.
How should you complete the relevant code? (To answer, drag the appropriate code segments to the correct location or locations in the answer area. Use only code segments that apply.)
You have the following requirements:
The function must display loan amounts to the user within the following HTML element:
<div id="display"></div>
* The loan amount of 2100 must display in the HTML element.
* All declared variables and functions must be scoped to the myApp variable.
You need to implement the function.
How should you complete the relevant code? (To answer, drag the appropriate code segments to the correct location or locations in the answer area. Use only code segments that apply.)
正解：
Explanation
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 determine the order in which the style sheets will be applied by the browser.
In which order will the five style sheets be applied? (To answer, move the style sheet types from the list of style sheet types to the answer area and arrange them in the order that they will be applied.)
The styles are not being applied correctly to the pages in the application.
You need to determine the order in which the style sheets will be applied by the browser.
In which order will the five style sheets be applied? (To answer, move the style sheet types from the list of style sheet types to the answer area and arrange them in the order that they will be applied.)
正解：
Explanation
Box 1: user agent style sheets
Box 2: user normal style sheets
Box 3 author normal style sheets:
Box 4: author important style sheets
Box 5: user important style sheets
Note:
The order of declarations from least important to most important:
* user agent declarations
* user normal declarations
* author normal declarations
* author important declarations
* user important declarations
You are creating a web worker for an HTML5 application.
The following tasks must be performed from within the web worker:
* Register an event listener for the web worker
* Start and stop the web worker
You need to define a function that performs the required tasks.
Which line of code should you use? (To answer, drag the appropriate line or lines of code to the correct location or locations. 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.)
The following tasks must be performed from within the web worker:
* Register an event listener for the web worker
* Start and stop the web worker
You need to define a function that performs the required tasks.
Which line of code should you use? (To answer, drag the appropriate line or lines of code to the correct location or locations. 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.)
正解：
Explanation
* 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.
* postmessage
Pass a message to the worker.
* close()
Terminating Workers
Workers are resource-intensive; they are OS-level threads. Therefore, you do no want to create a large number of worker threads, and you should terminate the web worker after it completes its work. Workers can terminate themselves, like this:
self.close();
Reference: HTML DOM addEventListener() Method; The Basics of Web Workers
You have a page that uses HTML5 and CSS3. The page contains the following markup.
What is the background color of each link when the page renders? To answer, drag the appropriate colors to the correct locations. Each color 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.
NOTE: Each correct selection is worth one point.
What is the background color of each link when the page renders? To answer, drag the appropriate colors to the correct locations. Each color 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.
NOTE: Each correct selection is worth one point.
正解：
Explanation
You are creating a JavaScript function that displays the name of a web application.
You declare the following button element.
When a user clicks the button, a JavaScript function named Contact must be called.
You need to create an event handler that calls the Contact function when the button is clicked.
Which two code segments can you use? (Each correct answer presents a complete solution. Choose two.)
You declare the following button element.
When a user clicks the button, a JavaScript function named Contact must be called.
You need to create an event handler that calls the Contact function when the button is clicked.
Which two code segments can you use? (Each correct answer presents a complete solution. Choose two.)
正解：C
解答を投票する
解説: (JPNTest メンバーにのみ表示されます)
You have a page that contains the following HTML5 markup.
You need to set up the background of all the tile div elements as shown in the following exhibit.
How should you set the CSS style for the div elements? To answer, select the appropriate options in the answer area.
NOTE: Each correct selection is worth one point.
You need to set up the background of all the tile div elements as shown in the following exhibit.
How should you set the CSS style for the div elements? To answer, select the appropriate options in the answer area.
NOTE: Each correct selection is worth one point.
正解：
Explanation
You have the following markup.
You need to create a single JSON object that directly contains the values from personForm and sends the object to a Web server API. The contents of the JSON object must have the format shown in the following sample.
How should you complete the JavaScript code? To answer, select the appropriate options in the answer area.
NOTE: Each correct selection is worth one point.
You need to create a single JSON object that directly contains the values from personForm and sends the object to a Web server API. The contents of the JSON object must have the format shown in the following sample.
How should you complete the JavaScript code? To answer, select the appropriate options in the answer area.
NOTE: Each correct selection is worth one point.
正解：
Explanation
var personalFormData = $("#personForm").serialize(submitPersonForm);
References:
You are developing a web page by using HTML5.
You have the following requirements:
* An H1 element must be placed at the top left corner of the page.
* The size and location of the H1 element must not change if additional elements are added to the page.
You need to position the H1 element on the page.
Which CSS3 style should you use?
You have the following requirements:
* An H1 element must be placed at the top left corner of the page.
* The size and location of the H1 element must not change if additional elements are added to the page.
You need to position the H1 element on the page.
Which CSS3 style should you use?
正解：D
解答を投票する
解説: (JPNTest メンバーにのみ表示されます)
You are implementing an HTML page that uses a custom sans-serif font. The CSS statement for the page is as follows.
Some users report that text is displayed in the default font for the browser.
You need to modify the CSS statement to ensure that the content is displayed with the custom font.
What should you do? (To answer, select the appropriate options from the drop-down lists in the answer area.)
Some users report that text is displayed in the default font for the browser.
You need to modify the CSS statement to ensure that the content is displayed with the custom font.
What should you do? (To answer, select the appropriate options from the drop-down lists in the answer area.)
正解：
Explanation
Using The Font You Want
In the CSS3 @font-face rule you must first define a name for the font (e.g. myFirstFont), and then point to the font file.
To use the font for an HTML element, refer to the name of the font (myFirstFont) through the font-family property:
Example
@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}
div {
font-family: myFirstFont;
}
Note:
* CSS3 Web Fonts - The @font-face Rule
Web fonts allow Web designers to use fonts that are not installed on the user's computer.
When you have found/bought the font you wish to use, just include the font file on your web server, and it will be automatically downloaded to the user when needed.
Your "own" fonts are defined within the CSS3 @font-face rule.
* TrueType Fonts (TTF)
TrueType is a font standard developed in the late 1980s, by Apple and Microsoft. TrueType is the most common font format for both the Mac OS and Microsoft Windows operating systems.
Reference: CSS3 Web Fonts