Post Assessment
What is the default height and width of the <canvas> element?
150 (h) x 300 (w)
You want to create a simple click-to-call link on your mobile Web page, so that users can easily make a phone call with one click. Which line of code will add this feature?
<a href="tel:18005551212"> Call Us Now </a>
You are creating an HTML5 form. You want the form to be able to automatically suggest and complete input as the user enters the information into fields. Which code will correctly add this feature?
<form autocomplete="on">
You are creating a Web form that will use JavaScript to calculate mortgage payments. What HTML5 element should you use to display the results of the calculation?
<output>
The DOM is a standard that enables you to manipulate HTML elements and attributes in a Web document. What do you use to work with the DOM?
A scripting language such as JavaScript
In JavaScript, what is a value?
A specific quality that belongs to the property of an object
What is another common name for the technique of requesting and reusing data using the JavaScript XMLHttpRequest object with HTML pages and CSS?
AJAX
What does the HTML5 autofocus attribute do when applied to the HTML <select> element?
Activates the drop-down selection list for input when the page loads
What type of data can be returned by the XMLHttpRequest object?
Any type of textual data
What is the term for a relatively small application developed exclusively for mobile devices?
App
You have created a Web page using the HTML5 <nav> structural element to define a navigation area. Consider the following external style sheet code: nav { float:left; width:165px; background:#d8d8d8 url(background.gif) top right; height:662px; } Where on the page will the image (background.gif) appear?
At the top right of the nav section
Why are syntax errors so common when writing JavaScript code?
Because JavaScript is case-specific
Why is it important to test your JavaScript code in as many browsers as possible?
Because different browsers sometimes implement JavaScript differently
How can you override a particular style in an HTML element if the HTML document is linked to a style sheet?
By applying an inline CSS style attribute to the element whose style you want to override
Which of the following statements about Cascading Style Sheets (CSS) is true?
CSS commands contain formatting instructions that determine how to display HTML elements in Web pages.
Which choice correctly describes two benefits of Cascading Style Sheets (CSS)?
CSS provides a consistent look and feel to site pages, and simplifies change management issues.
You are creating a mobile version of a community discussion site for busy moms. Users post questions and other topics for discussion. Some days there are as many as 20 new discussion threads. Considering your audience, what might be the best way to lay out navigation elements on the home page?
Create a small, collapsible navigation bar at the top of the home page so users can see new topics without scrolling.
When you load a page containing your JavaScript code into a browser, how can you ensure that your functions will be available before any user event can occur that might call a function?
Define all your functions in the <head> section of your HTML page.
Probably the most important rule for designing any Web site is:
Give your users what they want, when they want it.
Stanley is the senior developer of apps for an organization that is considered to be at the cutting edge of mobile-device technology. Which of the following should Stanley use to create apps for mobile devices?
HTML5 APIs
You want to create Web pages that can easily adapt to and serve multimedia content to smartphones, tablets, gaming devices and smart TVs, as well as to traditional desktop computers, without the use of plug-ins. Which of the following would be best suited for this purpose?
HTML5 APIs
Which of the following statements about HTML5 is true?
HTML5 does not require third-party plug-ins for video and audio content.
What three technologies used together provide Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional computers?
HTML5, Cascading Style Sheets (CSS) and JavaScript
Which of the following statements about validating markup is true?
If a code validator finds an error, the remaining code on the page may fail validation, even if the remaining code is actually valid.
Which statement about global variables is true?
If you declare a global variable, you can access its value from any function or script block on that page.
A positive Z-index value usually places an element where?
In front of other elements
What is the purpose of using the <output> element in a Web form?
It displays the result of a calculation in the form.
Many markup code validators exist, but the most authoritative is the W3C Markup Validation Service. How does the W3C Markup Validation Service determine to what HTML standard to validate your code?
It reads the <!DOCTYPE> declaration on an HTML page and validates according to the specified DTD.
What is the name for Microsoft's implementation of JavaScript?
JScript
Which statement is true about JavaScript?
JavaScript is widely used for client-side and server-side scripts.
A Web designer who assigns percentage values to elements using the HTML structural elements is using what page-layout method?
Liquid
If you declare a variable within a function definition, the only way you can access or change it is from within that function. What term is used to describe this type of variable?
Local variable
What type of JavaScript expression evaluates to true or false?
Logical
Responsive Web Design uses three main techniques to develop responsive pages. Which technique allows you to specify CSS styles based on viewport size?
Media queries
What variable data type should you use if you want to specify numeric values for mathematical operations?
Number
Where can you find information about the latest status of HTML5 and CSS3 browser support?
On third-party Web sites such as CanIUse.com and Wufoo.com
JavaScript makes extensive use of objects. What is the term for the various attributes that can be assigned to an object?
Properties
Which method of form input validation is sometimes referred to as "pogo-sticking" and may lead to users becoming frustrated or impatient with the form?
Requiring users to click Submit before validation occurs
Kate has created a complex script that she wants to attach to multiple HTML files, but she also wants to add a simple script to only certain sections of one page. What must she do to apply both scripts?
She must use separate <script> elements to call the external script file and to embed a separate script.
Natalie is using the CSS position property to position block-level elements on her Web pages. Which positioning scheme describes the normal, or default, position of an element within a page?
Static
Consider the following code: var yearBirth = "1956"; What variable data type does this snippet of code represent?
String
Sarah has written several JavaScript scripts for her Web site, but she realizes that implementing the scripts may be complicated by the fact that people may view her pages using different user agents and user agent versions. What should Sarah do to ensure that her scripts will run correctly without knowing what user agent a person will use to view her pages?
Test her scripts in the latest versions of popular browsers
What HTML5 form element provides users with a drop-down menu of pre-defined choices and an autocomplete feature that filters choices while they type?
The <datalist> element
Which statement about the Document Object Model (DOM) is true?
The DOM provides a standard interface so you do not need to develop multiple versions of your scripts tailored for each browser.
Vivi is creating a Web page that will allow her employees to upload their timesheets to the company intranet. What HTML5 API can she use to restrict uploads to a specific file type?
The File API
You have created a new Web site for your company, and you want to add a script so that a "welcome" pop-up box appears to the user as soon as he or she launches the site. Which JavaScript method should you use to display the message?
The alert() method
Consider the following code: CSS file: .right { text-align: right; } HTML file: <h3 class="right">Right-aligned heading level three</h3> <p class="right">Right-aligned paragraph</p> This code shows an example of what?
The class selector
Which statement about modern Web design is true?
The design of mobile Web pages requires some differences from pages designed for desktop computers.
If the JavaScript operator + is used in an arithmetic expression, what is the result?
The expression treats + as an addition operator and sums the values.
What will occur if you define all your functions in the <body> section of your HTML page?
The functions will load when the browser reaches the script point in the page or when the appropriate user event occurs.
Consider the following code: CSS file: #red { color: #FF0000; } HTML file: <p id="red">This paragraph has red text </p> <p>Not affected</p> This code shows an example of what?
The id selector
Consider the following style rules: img { height: 150px; width: 150px; transition: height 3s, width 3s; } img:hover { height: 300px; width: 300px; } Using these styles, what will occur when a user hovers over an image on the page?
The image's height and width will gradually increase to 300 pixels over a 3-second time period.
When you define a named function in JavaScript, you must begin the function block with what?
The keyword function followed by the function name
You are creating a Web-based mapping application. What information can you obtain by using the HTML5 Geolocation API in your application?
The latitude and longitude of a user's device
Question 29 : Consider the following code: <input list="continents" name="continent"> <datalist id="continents"> <option value="North America"> <option value="South America"> <option value="Europe"> <option value="Asia"> <option value="Africa"> <option value="Australia"> <option value="Antarctica"> </datalist> Which two attributes' values must match each other in order to bind the <datalist> element with the <input> element?
The list attribute and the id attribute
Which HTML5 attribute can help users input valid form data in the <textarea> element by providing the user with a hint identifying the expected input in the field?
The placeholder attribute
Consider the following Cascading Style Sheets (CSS) rule: body {color: #008080;} Which is the "declaration" portion of this rule?
The portion inside the curly braces
Question 46 : Consider the following Cascading Style Sheets (CSS) rule: body {color: #008080;} Which is the "property" portion of this rule?
The portion that reads "color"
You are using the <video> element to embed a video in your HTML5 page. Which attribute should you use if you want to identify an image to be displayed until the Play button is clicked or while the video is downloading?
The poster attribute
Selena is embedding a video in her HTML5 page. Which attribute should she use to identify the location and file name of the video?
The src attribute
Consider the following code: var myVar = 2; myVar += "3"; What is the value of myVar after execution?
The value will be: 23
It is always wise to review your JavaScript code manually, but manual reviews do not always catch errors, and with long programs they can be time-consuming. To save time, you can use various debugging tools. How are these tools helpful?
They help you detect and locate errors in your code.
What is the purpose of using the CSS3 h3 ~ p selector?
To select all <p> elements that are preceded by an <h3> element
Consider the following code: <script> var v1 = "Blue"; function f () { v1 = "Green"; alert (v1); } f(); alert (v1); </script> What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green
In an article about using inline validation in HTML5 forms, Maik reads that users typically find these forms to be easier and faster to complete. What feature on inline validation would cause this result from form users?
Users can resolve errors as they go along and submit the completed, validated form just once.
Which scripting language is most commonly used within Microsoft's proprietary programs, such as Word and Excel?
VBScript
You are using some graphics that require WebGL for important functionality on your mobile site. Which statement describes the support you can expect or provide for this?
You can provide users with a link to test for WebGL support and obtain a supporting browser.
Which example is a valid variable name in JavaScript?
_firstName
You are a novice Web developer, and your mentor has suggested that you familiarize yourself with HTML5 and Cascading Style Sheets (CSS). Being somewhat unfamiliar with CSS, you discover that it is:
a Web design technology that enables you to determine how the HTML elements in your Web pages will display .
JavaScript has some basic rules for naming variables. For example, the first character of the variable name must be:
a letter, the underscore ( _ ) character or the dollar sign ( $ ).
Each time a user logs on to a service, shops or conducts online business, he or she is filling information into:
an HTML form.
Terri is filling in a form on a Web site. She notices that as she types responses in the form fields, suggestions are made that she could accept for the input. The element is implementing which of the following attributes?
autocomplete
Which CSS3 property defines whether or not a transformed element is visible when it is rotated to face away from the viewer?
backface-visibility
CSS3 added support for multiple background images. Which declaration uses the correct syntax for applying two background images to the same element?
background-image: url("images/logo.png"), url("images/pattern.png");
What CSS3 property can be used to create rounded corners on an image or other element?
border-radius
Which CSS property can create rectangles with rounded corners around text?
border-radius
The HTML5 datetime input type allows the user to:
choose a date and time with a GMT time zone.
When you define a named function in JavaScript, you begin the function block with the keyword function followed by the function name. The rest of the statements that form the function must be enclosed in:
curly brace { } characters.
Which HTML element allows you to specify a pre-defined list of options for an input element?
datalist
Anatoly is using the CSS position property to position block-level elements on his Web pages. By specifying the "absolute" positioning scheme, Anatoly is ensuring that the element to which he is applying the position property will:
float above the document and can be positioned as needed.
The CSS3 @font-face rule requires you to specify which two properties?
font-family and src
Which DOM method is used by the <canvas> element to return a context object, which provides properties and methods that can be used to draw and manipulate images on the canvas?
getContext()
What Geolocation API method is used to retrieve the current geographic location of the user?
getCurrentPosition()
Which JavaScript object can trigger the onerror event handler?
image
JavaScript is a scripting language. Scripting languages:
interpret and automate a list of tasks that would otherwise be executed one-at-a-time by a person.
Which of the following is a JavaScript event that occurs when a page opens in the browser?
load
Which JavaScript event occurs when the mouse pointer leaves from a link, image or other visible element on the page?
mouseout
The CSS3 appearance property can be used to make an element:
look like a button.
To allow several files to be selected at once with the File API, use the:
multiple attribute.
Consider the following code: var myFloatingPoint = 34.75; alert(/* your selection here */); Considering the alert() function requires an argument of type string, which code is necessary in the alert to display the value of the myFloatingPoint variable in the resulting alert box?
myFloatingPoint
Which CSS3 selector can you use to apply a style to the first paragraph of every container in a Web page?
p:first-of-type
Your form has a field for users to enter an e-mail address. You use <input type="email"> to create the field. What other HTML5 attributes could you use with the "email" input type to most effectively ensure that users do not inadvertently enter an extra space, an invalid format or an irrelevant answer?
pattern, placeholder, required
Which of the following methods returns a value in the form of a text string?
prompt()
To allow users to change the size of elements on a Web page, such as a <div> element, you can add which CSS3 property?
resize
Which CSS property defines how text should be handled when it extends beyond its allotted area?
text-overflow
Which CSS3 property can you use to apply a shadow effect to text?
text-shadow
To position an element behind another element, you can assign a negative value to:
the Z-index property.
Using a linked style sheet, you have modified the look and feel of an HTML page. Because of the concept of inheritance, you notice that:
the rules you applied remain in force unless explicitly overruled using other styles.
To change the position of a transformed element in CSS3, you use the:
transform-origin property.
Which CSS3 property can be used to apply a delay effect when an element changes from one style to another, such as when a user hovers over an element?
transition