WGU C777 - Quizzes

What type of data input would an HTML5 pattern attribute of "https?://.+" indicate? A) A date B) An e-mail address C) A URL D) A price

A URL

In a style sheet, what must you use to separate multiple declarations for one selector within a rule? A) A colon ( : ) B) A semicolon ( ; ) C) A slash ( / ) D) A comma ( , )

A semicolon ( ; )

Which of the following should you use to define a common format for your Web site and standardize the appearance of the site? A) A rule style B) A selector C) A declaration D) A style guide

A style guide

What type of data input would an HTML5 pattern attribute of "^.+@.+$" indicate? A) A price B) An e-mail address C) A URL D) A date

An e-mail address

What is a CSS selector? A) The property in a markup tag to which designated styles are applied B) The value in a markup tag you want to change with a CSS style C) Any element to which designated styles are applied D) A format instruction in a CSS file

Any element to which designated styles are applied

For which element of the CSS Box Model can you specify the width, style and color attributes? A) Margin B) Padding C) Content D) Border

Border

Which type of Web form field allows a user to select more than one choice from a group of pre-determined choices? A) Text box B) Radio button C) Check box D) Textarea

Check box

What is the term for a standard that specifies how objects in a Web document can be referred to and manipulated through scripting languages? A) Cascading Style Sheets (CSS) B) Asynchronous JavaScript and XML (AJAX) C) Document Object Model (DOM) D) Application Programming Interface (API)

Document Object Model (DOM)

What is the term for an attribute that can be used by many different HTML elements? A) Private attribute B) Semantic attribute C) Global attribute D) Public attribute

Global attribute

Which term describes a backward-compatibility feature of code in which older or non-compatible browsers will render an acceptable substitute if they do not support the newer code? A) Autocompleteness B) Global attribution C) Semantic degradation D) Graceful degradation

Graceful degradation

Which HTML 4.01 flavor required the separation of presentation and content? A) HTML 4.01 Standard B) HTML 4.01 Strict C) HTML 4.01 Frameset D) HTML 4.01 Transitional

HTML 4.01 Strict

The HTML5 Canvas element has two attributes. Which are they? A) Background and transparency B) Height and width C) Border and margin D) Border and shape

Height and width

What is the term for a type of user input validation in which the user input in each field of a form is validated as the user completes it, before the form is submitted? A) Embedded validation B) Inline validation C) Pogo-sticking D) Graceful degradation

Inline validation

What term describes a self-contained programming component that can be used in various situations and in different places in an application? A) Expression B) Variable C) Object D) Method

Object

You should use the remove() and empty() jQuery methods if you want to perform which function? A) Retrieve and change content B) Add new content C) Remove elements and content D) Retrieve and change attributes

Remove elements and content

What is needed to provide coordinates in three-dimensional space to create a plane to help orient a 3D object? A) The Y-axis B) The X-axis C) The Z-axis D) The perspective(n)-axis

The Z-axis

Which element creates a "Reset" button that changes all user input and settings in a form back to their original values? A) The button type="submit" element B) The button type="reset" element C) The reset type="button" element D) The reset type="submit" element

The button type="reset" element

Which HTML5 form element should you use to specify a list of pre-defined choices for an input element? A) The datalist element B) The inputlist element C) The output element D) The select element

The datalist element

What kind of data would a Boolean data type store? A) True or false values only B) Numeric values used for mathematical operations C) Alphanumeric values that are not mathematically manipulated D) Null values

True or false values only

With respect to style sheets, inheritance is the ability for styles that you apply to an element to: A) be passed down throughout the rest of the document(s). B) override the style attribute in the element. C) be uploaded to the linked style sheet. D) override the style attributes in the element.

be passed down throughout the rest of the document(s).

Which HTML5 form input type allows the user to enter a date (without time zone) using a drop-down date-picker calendar? A) date B) datetime C) time D) datetime-local

date

Which CSS3 selector selects every instance of a specified element that is the first of its parent? A) element:enabled B) element:last-of-type C) element:disabled D) element:first-of-type

element:first-of-type

The CSS3 box-shadow property has the following values, which can be listed in one declaration: h-shadow — the horizontal shadow position, also referred as x-offset v-shadow — the vertical shadow position, also referred as y-offset blur — the distance of the shadow's blur spread — the shadow size color — the shadow color inset — creates an inward shadow instead of an outward shadow Which two of the above values are required? A) spread and inset B) blur and color C) h-shadow and v-shadow D) color and inset

h-shadow and v-shadow

The animation-timing-function property of the @keyframes rule specifies: A) how long the animation will take to complete one cycle. B) when the animation will begin. C) the number of times that the animation will play. D) how an animation progresses over one cycle.

how an animation progresses over one cycle.

When you use the HTML5 File API, which statement is the simplest way to reference several files at once? A) input type="multiple" file B) input type="file" multiple C) input type="multiple" D) input type="file"

input type="file" multiple

Which event occurs when a Web page is opened in the browser? A) onload B) focus C) load D) submit

load

What attribute should you add to the <audio> element if you want your audio to play over and over again without stopping? A) autoplay="autoplay" B) loop="autoplay" C) autoplay="loop" D) loop="loop"

loop="loop"

Consider the following code (line numbers added for reference): function makeBold(text) { var boldText = text.bold() //insert code here } What code statement must be inserted in Line 3 to return the text in bold to the calling statement? A) makeBold = boldText; B) return true; C) return makeBold; D) return boldText;

return boldText;

Consider the following JavaScript function: function myFunction(x) { //your code here } Which code statement should be added to the function to return to the calling statement the value of x multiplied by 2? A) return x * 2 B) x * 2 C) myFunction = x * 2 D) x = x * 2

return x * 2

Which JavaScript event occurs when the user highlights the text in a form field? A) click B) mouseover C) blur D) select

select

User input validation in Web pages ensures that: A) a form has a "Submit" button users can click to submit the form to a server-side script. B) a form has a "Reset" button users can click to clear the form data and re-enter information into the form fields. C) user-entered data is truthful and not fraudulent. D) user-entered data is properly formatted and complete.

user-entered data is properly formatted and complete.

The animation-direction property of the @keyframes rule specifies: A) when the animation will begin. B) whether the animation is running or paused. C) the number of times that the animation will play. D) whether to play the animation in reverse on alternate cycles.

whether to play the animation in reverse on alternate cycles.

Which of the following JavaScript objects uses the onerror event handler? A) link B) form C) window D) button

window

Consider the following JavaScript code: function validateForm() { var x = document.forms["myForm"]["email"].value; var atpos = x.indexOf("@"); var dotpos = x.lastIndexOf("."); if(atpos < 1

| dotpos < atpos+2 || dotpos + 2 >= x.length) { alert("Please enter a valid e-mail address"); return false; } } The example code is the equivalent of which HTML5 attribute? A) The autofocus attribute B) The placeholder attribute C) The required attribute D) The pattern attribute |The pattern attribute

Which method does the HTML5 Geolocation API use to determine the user's present geographic location? A) The watchPosition() method B) The getCurrentPosition() method C) The getContext() method D) The clearWatch() method

The getCurrentPosition() method

In which sections of an HTML document can you embed JavaScript code? A) The meta and/or the title sections B) The head and/or the body sections C) The !DOCTYPE and/or the meta sections D) The script and/or the code sections

The head and/or the body sections

Where in an HTML document should you place a function if you want the function to load before any user event can occur that might call the function? A) The meta section of your page B) The title section of your page C) The body section of your page D) The head section of your page

The head section of your page

You can link an HTML file to an external style sheet using the HTML <link> element. Which of the following attributes specifies the location of the linked document? A) The type attribute B) The rel attribute C) The href attribute D) The src attribute

The href attribute

Although you can draw various shapes on the HTML5 Canvas, Canvas supports only one primitive shape. Which is it? A) The dot B) The rectangle C) The circle D) The line

The rectangle

Consider the following JavaScript code: function validateForm() { var x = document.forms["myForm"]["number"].value; if(!x) { alert("Please enter a phone number"); return false; } } The example code is the equivalent of which HTML5 attribute? A) The autofocus attribute B) The required attribute C) The placeholder attribute D) The pattern attribute

The required attribute

What is the result of including the HTML5 required attribute in an input field? A) The required attribute displays a green check mark when a valid entry is entered into the field. B) The required attribute provides validation upon form submission. C) The required attribute provides inline validation. D) The required attribute displays a red marker next to an empty field that needs data input.

The required attribute provides validation upon form submission.

What CSS3 property should you use if you want to allow the user to control the dimensions of an element (such as the <div> element)? A) The resize property B) The transform property C) The box-sizing property D) The appearance property

The resize property

Consider the following JavaScript expression: parseInt("1.5y"); What is the result of this expression? A) The result is: 1.5 B) The result is: 1 C) The result is: y D) The result is: 1.5y

The result is: 1

What happens when you place a CSS rule between the /* and */ characters? A) The rule will take precedence. B) The rule will apply only to the default page in a Web site. C) The rule will be ignored. D) The rule will override all other styles in the HTML document.

The rule will be ignored.

Which tag should you use to reference an external .js file in your HTML document when you want to add JavaScript from an external text file? A) The html tag B) The script tag C) The head tag D) The body tag

The script tag

Consider the following code to create a search field: input type="search" name="search" What occurs if the input type of "search" is not supported by a browser? A) When text is entered into the field, the right side of the field will display an "X," which can be used to clear the text. B) The search field will not display on the page. C) The search field will display on the page but will not allow any user input. D) The search field will degrade to a standard text box.

The search field will degrade to a standard text box.

For what should you use the controls attribute of the <video> element? A) To add video controls such as the Play, Pause, Rewind and Volume controls B) To identify the format, or MIME type, of the video C) To identify the location and file name of the media resource D) To identify an image to be displayed until the Play button is clicked or while the video is downloading

To add video controls such as the Play, Pause, Rewind and Volume controls

Consider the following expression: (((8 - 2) * 6) / (6 - 2)) * 3 What is the result of this expression? A) 27 B) 3 C) 102 D) 9

27

What is the term for a set of universal commands, calls and functions that allows developers to communicate with an application or operating system? A) Document Object Model (DOM) B) Application Programming Interface (API) C) Asynchronous JavaScript and XML (AJAX) D) Cascading Style Sheets (CSS)

Application Programming Interface (API)

Consider the following expression: apartmentNumber = 523; What type of expression does this code snippet represent? A) Arithmetic B) Logical C) Comparison D) Assignment

Assignment

Which HTML feature recognizes text input and completes the text entry automatically? A) Graceful degradation B) Autocomplete C) Global attributes D) Semantic degradation

Autocomplete

Why can new features be added to the CSS3 specification more quickly than in previous versions to enhance its support of borders, backgrounds, colors, text effects and so forth? A) Because CSS3 is the preferred way to format Web pages created using HTML5 B) Because CSS3 provides a modularized standard C) Because all browsers are HTML5-compliant D) Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0

Because CSS3 provides a modularized standard

Why is JavaScript relatively easy to learn? A) Because JavaScript does not have all of the complex rules associated with full object-oriented languages B) Because JavaScript is platform-independent C) Because JavaScript is event-driven D) Because JavaScript does not require time-consuming compilation

Because JavaScript does not have all of the complex rules associated with full object-oriented languages

Why should you test your JavaScript code in multiple browsers? A) Because JavaScript programs are event-driven B) Because JavaScript programs tend to be implemented differently in different browsers C) Because JavaScript programs are tied to a specific hardware platform D) Because JavaScript programs are tied to a specific operating system

Because JavaScript programs tend to be implemented differently in different browsers

Why should you use succinct wording on Web pages, especially the home page, when designing your site? A) Because you need to allow room on each page for as many navigational aids as possible B) Because most users want to see all topics on each page for easy reference C) Because most users simply scan pages quickly looking for specific information or links to it D) Because you need to allow room on each page for comments within the source code

Because most users simply scan pages quickly looking for specific information or links to it

Why is implementing the liquid layout using CSS the preferred method of designing Web pages for mobile devices? A) Because the size of each element is fixed and you can manually change its height and width by applying CSS styles to it B) Because the liquid layout using CSS is the page-layout method native to all mobile apps C) Because the liquid layout enables you to assign specific pixel widths to elements using the HTML5 structural elements or the <div> tag D) Because the size of each element is flexible and will change dynamically depending on the size of the browser window

Because the size of each element is flexible and will change dynamically depending on the size of the browser window

What is the default value for aligning images relative to text using CSS? A) Middle B) Left C) Top D) Bottom

Bottom

The HTML5 specification supports, among others, the popular MP3, Ogg and WAV audio formats. Which of the following major Web browsers supports all three of these formats? A) Firefox and Internet Explorer 10 B) Chrome and Firefox C) Internet Explorer 10 and Chrome D) Safari and Firefox

Chrome and Firefox

What is the term for a Web site that hosts third-party JavaScript libraries, such as jQuery? A) Content Delivery Network (CDN) B) Document Object Model (DOM) C) Application Programming Interface (API) D) Web Graphics Library (WebGL)

Content Delivery Network (CDN)

In a CSS document, within what must you enclose properties and values when you define a rule for a specified selector? A) Quotation marks ( " " ) B) Asterisks ( * * ) C) Apostrophes ( ' ' ) D) Curly braces ( { } )

Curly braces ( { } )

What is the term for an area of a Web page that has been defined as a place where dragged items can be placed? A) Application cache B) Manifest C) Drop zone D) Canvas

Drop zone

What does the number form input type allow the user to do? A) Enter a phone number B) Enter a time C) Enter numbers using a slider control D) Enter rational integers or float values

Enter rational integers or float values

Which organization approved JavaScript as an international standard in 1997? A) Netscape Corporation B) European Computer Manufacturer's Association (ECMA) C) Microsoft Corporation D) World Wide Web Consortium (W3C)

European Computer Manufacturer's Association (ECMA)

Which of the following is a characteristic of event-driven programming? A) The user is expected to interact with the program in a sequential manner. B) The program performs events automatically in a sequential manner. C) Events can trigger functions. D) Programs log every action performed by the user.

Events can trigger functions.

In relation to a computer programming, scripting or markup language, a "bug" is an error in the code. Which type of bug will not cause error alerts? A) Logic errors B) Load-time errors C) Run-time errors D) Compiler errors

Logic errors

What type of language is HTML? A) Server-side scripting language B) Markup language C) Client-side scripting language D) Programming language

Markup language

What CSS3 2D transform method combines all of the 2D transform methods into one, which enables an element to rotate, scale, move (translate) and skew? A) Skew(x-angle,y-angle) B) Matrix(n,n,n,n,n,n) C) Scale(x,y) D) Translate(x,y)

Matrix(n,n,n,n,n,n)

Using JavaScript, you create a "ball" object and specify that the ball can inflate, deflate, throw, kick, or bounce. What term describes the actions you have specified for your "ball" object? A) Methods B) Properties C) Attributes D) Values

Methods

You can use either the parseInt() or the parseFloat() method to solve what potential problem in JavaScript? A) Misinterpreting the dual-purpose + operator B) Misinterpreting the dual-purpose = operator C) Determining whether an operand is a floating-point number D) Determining whether an operand is a number

Misinterpreting the dual-purpose + operator

What can be considered a disadvantage of using Cascading Style Sheets 3 (CSS3) to apply styles to your Web pages? A) CSS3 cannot be used in conjunction with scripting languages when developing Web pages. B) No styles guides exist for CSS3. C) CSS3 no longer allows styles to be inherited throughout your Web document. D) Most non-HTML5-compliant browsers cannot interpret CSS3.

Most non-HTML5-compliant browsers cannot interpret CSS3.

The background-position property is a CSS1 property that defines the position of a background image, such as left-top or center-bottom. Which CSS3 background property can be used to define the location to which the background-position property should be relative? A) The background-clip property B) The background-origin property C) The background-image property D) The background-size property

The background-origin property

Which HTML5 form attribute assists with form completion and validation by reducing the amount of manual typing a user must do to complete a form? A) The placeholder attribute B) The autofocus attribute C) The novalidate attribute D) The autocomplete attribute

The autocomplete attribute

Which HTML5 input attribute can you use to direct users to the first required field in a form when they load the form in their browsers? A) The autocomplete attribute B) The placeholder attribute C) The autofocus attribute D) The required attribute

The autofocus attribute

What occurs when you specify a background-size property value of contain? A) The background image is scaled to the largest size possible that allows both width and height to fit within the specified content area. B) The background image is scaled to the largest size possible that completely overlays the background area of the parent container while maintaining aspect ratio of the image. C) The background image's width and height values are converted to em units. D) The background image is repeated as many times as necessary to completely overlay the background area of the parent container.

The background image is scaled to the largest size possible that allows both width and height to fit within the specified content area.

What occurs when you specify a background-size property value of cover? A) The background image is repeated as many times as necessary to completely overlay the background area of the parent container. B) The background image is scaled to the largest size possible that completely overlays the background area of the parent container while maintaining aspect ratio of the image. C) The background image is scaled to the largest size possible that allows both width and height to fit within the specified content area. D) The background image's width and height values are converted to em units.

The background image is scaled to the largest size possible that completely overlays the background area of the parent container while maintaining aspect ratio of the image.

Before CSS3, background image size was largely dependent on the size of the original image. What CSS3 property can you use to resize a background image? A) The background-origin property B) The background-clip property C) The background-size property D) The background-crop property

The background-size property

Where in an HTML document should you place a function if you want the function to load when the browser reaches the script point in the page or when the appropriate user event occurs? A) The title section of your page B) The meta section of your page C) The body section of your page D) The head section of your page

The body section of your page

Which CSS3 border property should you use if you want to create a border that uses an image instead of just a line? A) The box-shadow property B) The box-image property C) The border-image property D) The border-radius property

The border-image property

Which CSS3 border property should you use if you want to add a configurable shadow to a box? A) The box-image property B) The box-shadow property C) The border-image property D) The text-shadow property

The box-shadow property

For what can you use the legend element? A) To add a caption to an input element in a Web form B) To provide the user with a hint about the expected input in the field C) To add a caption for a group of items created by the fieldset element D) To add a caption to a box created by the textarea element

To add a caption for a group of items created by the fieldset element

What properties are you required to use with the @font-face rule? A) The font-family and font-style properties B) The font-family and src properties C) The font-stretch and src properties D) The font-style and font-weight properties

The font-family and src properties

What CSS3 font property should you use if you want to condense the text in a font so that the letters within a word appear closer together? A) The font-stretch property B) The font-family property C) The font-style property D) The font-weight property

The font-stretch property

The canvas element uses a method to provide the properties and methods that can be used to draw and manipulate images on the canvas. Without this method, the canvas would be blank. What is the name of this method? A) The clearWatch() method B) The watchPosition() method C) The getCurrentPosition() method D) The getContext() method

The getContext() method

Why would you use a class selector with your CSS styles? A) To specify an external CSS file's MIME type B) To define the relationship between an HTML document and the external CSS file to which it is linked C) To apply a specific CSS style to multiple elements D) To apply a specific CSS style to one unique element

To apply a specific CSS style to multiple elements

Why would you use an id selector with your CSS styles? A) To apply a specific CSS style to a group of like elements B) To apply a specific CSS style to one unique element C) To define the relationship between an HTML document and the external CSS file to which it is linked D) To specify an external CSS file's MIME type

To apply a specific CSS style to one unique element

For what can you use the HTML5 output element? A) To identify a list of options from which a user can make choices B) To save and reuse the result of a calculation performed by a script C) To specify a list of pre-defined choices for an input element D) To designate the beginning of a form on a page

To save and reuse the result of a calculation performed by a script

Why is it important that you adopt a single W3C standard and apply it consistently to your Web page markup? A) When you validate your markup code, the code will match the DTD (standard syntax rules) that you specify. B) You can more easily structure your Web page without the need of document structure tags. C) When you validate your markup code, only invalid code will be marked as such. D) When you validate your markup code, the validation program can easily identify the actual cause of any invalid code.

When you validate your markup code, the code will match the DTD (standard syntax rules) that you specify.

Many of the new HTML5 elements and attributes are semantic, which means that: A) they may not render similarly in various browsers. B) they clearly describe their purpose to a human reading the code. C) their purpose is not obvious to a human reading the code. D) they will not work properly in previous versions of HTML.

they clearly describe their purpose to a human reading the code.

Which of the following is an example of a user-defined JavaScript function? A) parseInt() B) addSpace() C) parseFloat() D) isNaN()

addSpace()

Which code snippet demonstrates the correct syntax for passing and receiving parameters for a JavaScript function? A) function myFunction(arg1 & arg2) { alert(arg1 + " " + arg2); } myFunction(first argument, second argument); B) function myFunction("arg1", "arg2") { alert(arg1 + " " + arg2); } myFunction("first argument", "second argument"); C) function myFunction(arg1; arg2) { alert(arg1 + " " + arg2); } myFunction("first argument"; "second argument"); D) function myFunction(arg1, arg2) { alert(arg1 + " " + arg2); } myFunction("first argument", "second argument");

function myFunction(arg1, arg2) { alert(arg1 + " " + arg2); } myFunction("first argument", "second argument");

Which code snippet demonstrates the correct syntax for a user-defined JavaScript function? A) function my_function [] { alert("test function"); } B) function my_function() { alert("test function"); } C) function my function(){ alert("test function"); } D) function my_function() [ alert("test function"); alert(username); ]

function my_function() { alert("test function"); }

Which HTML5 input type results in a field that is usually displayed as a text box with up-and-down arrows? A) input type="number" B) input type="range" C) input type="arrows" D) input type="tel"

input type="number"

Which HTML5 input type results in a field that is usually displayed as a slider? A) input type="range" B) input type="time" C) input type="date" D) input type="number"

input type="range"

JavaScript is a scripting language for adding dynamic interactivity to Web pages. You can use JavaScript to: A) interpret the script and return the appropriate responses on the server side only. B) interpret the script and return the appropriate responses on the client side only. C) interpret the script and return the appropriate responses on the client side or on the server side. D) position text and graphics on a Web page.

interpret the script and return the appropriate responses on the client side or on the server side.

What can developers use to perform common JavaScript tasks with less code? A) WebGL B) XMLHttpRequest C) AJAX D) jQuery

jQuery

Which event handler is used by the submit object? A) onclick B) onreset C) onsubmit D) onselect

onclick

Which of the following event handlers is used by the link object? A) onchange B) onerror C) onmouseout D) onselect

onmouseout

Which of the following is an event handler processed by the form object? A) onsubmit B) submit C) onfocus D) focus

onsubmit

In order to add drag-and-drop functionality to your Web pages, you must define an element as able to be dragged by: A) setting its draggable attribute to the value "yes". B) setting its draggable attribute to the value "true". C) setting its draggable attribute to the value "drag". D) setting its draggable attribute to the value "on".

setting its draggable attribute to the value "true".

Remy Sharp has created a script that has become the de facto standard for many Web developers around the world. The script enables Web developers to: A) use CSS1 and CSS2 with HTML5. B) support HTML5 in Chrome browsers. C) support HTML5 in Firefox browsers. D) support HTML5 in older IE browsers.

support HTML5 in older IE browsers.

Which of the following JavaScript objects uses the select event? A) submit B) select C) radio D) text

text

In the past, Web designers were forced to format their pages using only fonts that were installed (or likely to be installed) on users' computers. With CSS3, you can now specify any font you want, even custom fonts, using: A) the @charset rule. B) the font-style property. C) the font-import property. D) the @font-face rule.

the @font-face rule.

Consider the following code: form fieldset name="pattern_attribute" legend The Pattern Attribute /legend br Date: input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" br br button type="submit" formaction="http://ss1.ciwcertified.com/cgi-bin/process.pl" Submit Form /button /fieldset /form Which choice illustrates a valid entry for the Date field? A) 4/1/15 B) 4/1/2015 C) April 1, 2015 D) 1 April 2015

4/1/2015

What must you create in order to set up a site and its applications to work offline? A) A canvas B) An XMLHttpRequest object C) A manifest file D) A Web Graphics Library

A manifest file

Which of the following best describes a function? A) Any of the four ways JavaScript can be utilized in a document B) A feature of JavaScript C) A named set of statements that performs a task or calculates a value D) A method that takes at least one argument and returns one or more values

A named set of statements that performs a task or calculates a value

What is a variable in JavaScript? A) A symbol character used in programming expressions to instruct the program how to store or operate on a value B) A part of a statement that is evaluated as a value C) A named space of memory that allows you to store a value D) A piece of data that is manipulated in some manner

A named space of memory that allows you to store a value

What is WebGL (Web Graphics Library)? A) A JavaScript API that enables rendering of interactive 3D and 2D graphics in an HTML canvas B) An HTML5 API used for rendering visual images on the fly by providing scripts with a bitmap image C) A collection of standards and programming instructions that enable access to a software application D) A directory on a computer where applications can be stored and run without access to the original application

A JavaScript API that enables rendering of interactive 3D and 2D graphics in an HTML canvas

Which of the following best describes an object-oriented program? A) A network of objects logically connected to one another that perform a series of tasks B) A sequence of statements that collectively perform a specific task C) A collection of individual objects that perform different functions D) A collection of objects that perform specific functions in a sequential order

A collection of individual objects that perform different functions

Consider the following JavaScript code: function helloWorld(){ myVar = "Hello World"; } helloWorld(); alert(myVar); What will be the result of this code? A) A dialog box that displays: Hello World B) A dialog box that displays: undefined C) A dialog box that displays: helloWorld D) A dialog box that displays: null

A dialog box that displays: Hello World

Consider the following JavaScript code: var subTotal = 1; var tax = 0.03; alert("The total is " + subTotal * (1 + tax)); What is the result of this code? A) A dialog box that displays: The total is 1.03 B) A dialog box that displays: The total is 10 * 1.03 C) A dialog box that displays: The total is 1010.03 D) A dialog box that displays: The total is castError!

A dialog box that displays: The total is 1.03

Consider the following JavaScript code: var myVar; function helloWorld(){ myVar = "Hello World"; } alert(myVar); What will be the result of this code? A) A dialog box that displays: Hello World B) A dialog box that displays: null C) A dialog box that displays: helloWorld D) A dialog box that displays: undefined

A dialog box that displays: undefined

Which of the following is true about calling statements in JavaScript? A) Calling statements only work in Internet Explorer and should be avoided. B) A function's statements are processed when the function is called by a calling statement. C) It is not necessary to know a function name to create a calling statement. D) Calling statements cannot be used for user-defined functions.

A function's statements are processed when the function is called by a calling statement.

Consider the following code: form User name: input type="text" name="username" Encryption: keygen name="encryption" input type=submit /form What does the keygen element display? A) A private key that is sent to the Web site's server to match the user's key B) A public key that is stored locally on the user's computer C) A key-pair generator field that creates a private key and a public key when the form is submitted D) A list of global attributes that you can use with other elements that define an HTML form

A key-pair generator field that creates a private key and a public key when the form is submitted

What is an expression in JavaScript? A) A piece of data that is manipulated in some manner B) A named space of memory that holds a value C) A part of a statement that is evaluated as a value D) A symbol character used in programming statements to instruct the program how to store or manipulate a value

A part of a statement that is evaluated as a value

To what does the term "pogo-sticking" refer when talking about Web forms? A) The process of submitting a form to a server-side script after validating user input B) A type of user input validation in which the user input in each field of a form is validated as the user completes it, before the form is submitted C) A process that tests data input by users in a Web form to verify whether the input follows a specified format or meets minimum requirements for character number or type D) A process that occurs when users must submit and resubmit a form until it validates

A process that occurs when users must submit and resubmit a form until it validates

Consider the following code from a CSS document: body {background-color: #008080; color: #FFFFFF;} This code is an example of what? A) A rule B) A value C) A declaration D) A property

A rule

Consider the following statement: src="script.js" In programming terms, what is the text "script.js" called? A) A property B) A variable C) An attribute D) A value

A value

In JavaScript, what is an argument? A) Any method that returns a value B) A named block of code that can be called C) A statement that transfers program execution to a subroutine D) A value or expression containing data or code that is passed on to a function or procedure

A value or expression containing data or code that is passed on to a function or procedure

In JavaScript, what is casting? A) The practice of declaring all variables and creating all objects before programming procedures B) A way of changing a variable's value from one data type to another C) A way of repairing corrupted user input D) The practice of creating functions molded to pre-defined algorithms

A way of changing a variable's value from one data type to another

You should use the append(), prepend(), after() and before() jQuery methods if you want to perform which function? A) Remove content B) Retrieve and change attributes C) Retrieve and change content D) Add new content

Add new content

How do you embed CSS in a single Web page as an internal style sheet? A) Add the <style> attribute directly to the element tag to which you want to apply the style. B) Add the <link> element to the <head> section of your HTML file. C) Add the <style> element to the <head> section of your HTML file. D) Add the <style> element to the <DOCTYPE> of your HTML file.

Add the <style> element to the <head> section of your HTML file.

You want to apply an inline style to a single element that will override the style applied to that element by the external style sheet to which the HTML document is attached. How do you apply an inline style? A) Add the <style> element to the <body> section of your HTML file. B) Add the style attribute directly to the element tag to which you want to apply the style. C) Add the <link> element to the <head> section of your HTML file. D) Add the <style> element to the <head> section of your HTML file.

Add the style attribute directly to the element tag to which you want to apply the style.

In programming, what should you use to instruct the program how to store or evaluate a value? A) An operator B) An operand C) An expression D) A variable

An operator

How can you define the position of an animation using the @keyframes rule? A) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords "begin" and "end" B) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords "to" and "from" C) By specifying a percentage from 0% to 100%, or by using the keywords "begin" and "end" D) By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"

By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"

Which of the following would be the best method to use for floating images to the left and right of text in HTML5? A) The height attribute of the <img> element B) The width attribute of the <img> element C) CSS classes D) The inline CSS style attribute

CSS classes

CSS3 provides several new text effect properties designed to expand the formatting capabilities of Web page text. Which statement about the text effect properties is true? A) All browsers and browser versions recognize CSS3 text effect properties. B) CSS3 text effect properties can be used to produce effects that previously required the use of images. C) You must attach a text effect property as an inline style to the particular element to which it applies. D) Text effect properties can only be used with attribute selectors.

CSS3 text effect properties can be used to produce effects that previously required the use of images.

Consider the following code: script src="newScript.js" This is an example of what? A) Calling external JavaScript B) Inline scripting C) A Java applet D) An HTML5 API

Calling external JavaScript

Which technology enables you to place formatting instructions in an external text file to determine how HTML elements in a Web page will display? A) Geolocation B) HTML5 APIs C) HTML5 D) Cascading Style Sheets

Cascading Style Sheets

Which technology enables you to place formatting instructions in an external text file to determine the look and feel for a Web page or site? A) HTML5 APIs B) Cascading Style Sheets C) JavaScript D) The Box Model

Cascading Style Sheets

When would you include the novalidate attribute with the element? A) If you decide to validate the form manually B) If you decide to perform validation only on the client side and not on the server side C) If you decide to bypass HTML5 form validation D) If you decide to perform validation on both the client side and server side

If you decide to bypass HTML5 form validation

Consider the following code: _script_ var age; function showAge() { getAge(); alert(age); } function getAge() { age = prompt("Please enter your age:","18"); } _/script_ _body onload="showAge();"_ In what order will the functions complete execution? A) First showAge, then getAge B) It depends on whether the system has a multi-thread processor C) Only showAge will excecute D) First getAge, then showAge

First getAge, then showAge

If you want a particular block-level element to always appear at the upper-right corner of the browser window, no matter how far down a user scrolls on the page, which type of CSS positioning should you apply? A) Relative B) Absolute C) Fixed D) Static

Fixed

What page layout should you use if you want to create Web pages whose text, images and layout will not vary from browser to browser? A) Liquid layout B) Fluid layout C) Relative-width layout D) Fixed-width layout

Fixed-width layout

What can you do to ensure that your Web page content is rendered appropriately regardless of the browser used to render it? A) Incorporate languages and technologies such as Java, ActiveX, Microsoft Silverlight and Adobe Flash in your Web pages. B) Follow W3C standards carefully, choose one standard version of any given language you use, and apply that standard consistently. C) Write code in multiple versions of any given language to maximize the number of browsers in which your pages will render correctly. D) Avoid using HTML5 APIs in your Web pages.

Follow W3C standards carefully, choose one standard version of any given language you use, and apply that standard consistently.

Which statement about form data submission attributes is true? A) For HTML5-compliant browsers, data submission attributes of the form element will override data submission attributes in the input element. B) For HTML5-compliant browsers, data submission attributes of the input element will override data submission attributes in the form element. C) Browsers that do not support HTML5 will ignore data submission attributes of both the input and form elements. D) Browsers that do not support HTML5 will default to the input tag instructions for data submission.

For HTML5-compliant browsers, data submission attributes of the input element will override data submission attributes in the form element.

What is an advantage of using HTML5 APIs when designing Web pages for mobile devices? A) HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power and CPU memory. B) HTML5 APIs streamline the application of proprietary browser plug-ins when plug-ins are included in Web pages designed for mobile devices. C) HTML5 APIs make Web pages non-responsive to varying user screen sizes, thereby saving battery power and CPU memory. D) HTML5 APIs eliminate the need for Cascading Style Sheets, thereby saving battery power and CPU memory.

HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power and CPU memory.

What technologies make up HTML5 APIs? A) JavaScript, XMLHttpRequest and AJAX B) HTML5, CSS and AJAX C) HTML5, CSS and XMLHttpRequest D) HTML5, CSS and JavaScript

HTML5, CSS and JavaScript

How is the HTML5 pattern attribute helpful in overcoming HTML5 browser support issues? A) If a browser does not support the input type to which you assigned a pattern attribute, the user's input will bypass server-side validation. B) If a browser does not support the input type to which you assigned a pattern attribute, the pattern attribute will be displayed as a placeholder. C) If a browser does not support the input type to which you assigned a pattern attribute, the browser will support the input type as a placeholder, regardless of the type of data entered by the user. D) If a browser does not support the input type to which you assigned a pattern attribute, the resulting text may still be required to match the pattern.

If a browser does not support the input type to which you assigned a pattern attribute, the resulting text may still be required to match the pattern.

How does CSS3 allow you to specify any font, even custom fonts, to use in Web documents? A) All CSS3 fonts are native to HTML5, so documents coded with HTML5 will be able to access them. B) In CSS3, font libraries can only be stored on the client computer. C) In CSS3, font libraries can be automatically downloaded from a Web server to the client computer. D) All fonts are native to HTML5-compatible browsers, so any Web document opened in such a browser will be able to access them.

In CSS3, font libraries can be automatically downloaded from a Web server to the client computer.

Where in your HTML page must you reference the jQuery file when you want to include the library for use in your page? A) In a meta tag within the script section of your document B) In a script tag within the head section of your document C) In a meta tag within the head section of your document D) In a link tag within the body section of your document

In a script tag within the head section of your document

While you are working with a mobile app, your phone loses its network connection. Because you have access to an offline Web application, you can continue working with the app because it is stored where? A) In the manifest B) In the drop zone C) In the application cache D) In the canvas

In the application cache

When you use the offline AppCache API to create a manifest file, how do you identify the manifest file to which a Web page should link? A) Include the text "CACHE MANIFEST" in the first line of the manifest file. B) Place the manifest file in the application cache. C) Include a manifest attribute in the html tag for the Web page. D) Include a manifest attribute in the meta tag for the Web page.

Include a manifest attribute in the html tag for the Web page.

Which of the following is no longer necessary when you use HTML5 to develop Web pages? A) Applying a single W3C standard consistently throughout your document B) Validating your markup code C) Installing a third-party plug-in to include video D) Using a scripting language to enhance a Web page

Installing a third-party plug-in to include video

Which of the following describes the HTML5 Drag-and-Drop API? A) It provides a directory on a computer where applications can be stored and run without access to the original application. B) It provides an area on a Web page that has been defined as a place where dragged items can be placed. C) It allows a user to grab an object and move it to a different location on a computer screen or into an external application. D) It provides a place on a Web page where developers can display graphics, animation, video and games "on the fly" without the need for a plug-in.

It allows a user to grab an object and move it to a different location on a computer screen or into an external application.

What function does the CSS3 background-clip property perform? A) It allows background images to be resized. B) It makes background images transparent. C) It determines whether the background extends into the border or not. D) It allows background images to be cropped.

It determines whether the background extends into the border or not.

Consider the following code: <style> h3~p { color: #008080; } </style> What does this code do? A) It formats every <p> element that is preceded by an <h3> element as teal text. B) It formats every <h3> element that is followed by a <p> element as teal text. C) It formats the first <p> element that is preceded by an <h3> element as teal text. D) It formats the first <h3> element that is followed by a <p> element as teal text.

It formats every <p> element that is preceded by an <h3> element as teal text.

Which of the following describes an HTML5 offline Web application? A) It provides a directory on a computer where applications can be stored and run without access to the original application. B) It allows a user to grab an object and move it to a different location on a computer screen. C) It permits users to continue working with Web sites and Web documents even when a network connection is unavailable. D) It lists the files that are needed for a Web application to work offline.

It permits users to continue working with Web sites and Web documents even when a network connection is unavailable.

Which of the following describes the HTML5 Canvas API? A) It provides a directory on a computer where applications can be stored and run without access to the original application. B) It provides a place on a Web page where developers can display graphics, animation, video and games "on the fly" without the need for a plug-in. C) It provides an area on a Web page that has been defined as a place where dragged items can be placed. D) It is used to determine a user's location.

It provides a place on a Web page where developers can display graphics, animation, video and games "on the fly" without the need for a plug-in.

Which of the following describes the HTML5 File API? A) It allows users to interact with Web sites or Web documents while the user is offline. B) It provides a standard way to exchange data with a server. C) It hosts third-party JavaScript libraries that developers can use to perform common JavaScript tasks with less code. D) It provides a standard way to interact with files on the client machine using a Web browser.

It provides a standard way to interact with files on the client machine using a Web browser.

Which statement is true about the element1~element2 selector? A) It selects each occurrence of element2 that is preceded by element1. B) It selects each occurrence of element1 that is preceded by element2. C) Element2 must immediately precede element1. D) Element1 and element2 cannot have the same parent.

It selects each occurrence of element2 that is preceded by element1.

What function does AJAX (Asynchronous JavaScript and XML) perform? A) It transmits data objects between a server and a Web application without disturbing the page's display or behavior. B) It specifies how objects in a Web document can be referred to and manipulated through scripting languages. C) It enables rendering of interactive 3D and 2D graphics in an HTML canvas, without the need for plug-ins in HTML5-compatible browsers. D) It hosts third-party JavaScript libraries.

It transmits data objects between a server and a Web application without disturbing the page's display or behavior.

What is Microsoft's implementation of JavaScript called? A) VBScript B) Java C) MicroScript D) JScript

JScript

Canvas is an HTML5 API that provides a place on a Web page (a "canvas") where you can display graphics, animation, video and games dynamically without the need for a plug-in. Which of the following should you use to create objects on a canvas? A) Flash B) CanvasScript C) Cascading Style Sheets (CSS) D) JavaScript

JavaScript

Prior to HTML5, what did Web developers primarily use to provide inline validation of HTML forms? A) CSS B) JavaScript C) Third-party plug-ins D) Java

JavaScript

The development of HTML5 APIs is expected to intensify as mobile devices continue to multiply. Which technology provides the advanced interactivity required for APIs? A) JavaScript B) HTML5 C) CSS D) Java

JavaScript

What technology is required to draw objects on the "canvas" of the HTML5 Canvas API? A) AJAX B) CSS C) JavaScript D) Document Object Model (DOM)

JavaScript

Which of the following best describes the relationship between JavaScript and Java? A) JavaScript is a subset of Java. B) Java is used to create mini JavaScript applications called applets. C) JavaScript is used to create mini Java applications called applets. D) JavaScript and Java are different languages and have no relationship.

JavaScript and Java are different languages and have no relationship.

No developer writes perfectly clean code all the time. Scripting and programming languages are complex, precise and demanding. Some errors are very common because they are easy to make. Which of the following is perhaps the most common error made in JavaScript programming? A) Inconsistent or incomplete use of curly braces B) Neglecting to use the correct version of JavaScript for your browser C) Inconsistent or incomplete use of parentheses D) Neglecting to verify and follow proper case-sensitivity

Neglecting to verify and follow proper case-sensitivity

When you use the CSS3 transition property, you must specify the duration of the effect. If you do not specify the duration, which of the following will result? A) The element will change to the style specified by the transition property and remain that way. B) The element to which you applied the transition property will become transparent. C) The transition property will be supported by some, but not all, major browsers. D) No transition will occur.

No transition will occur.

Which of the following can be considered a benefit of Cascading Style Sheets (CSS)? A) You can use CSS in lieu of HTML to develop Web pages. B) Making changes to elements in the site will update the style sheet. C) The formatting instructions in the style sheet are not inherited throughout the document, providing flexibility. D) One simple change to the style sheet will change all associated elements across the site.

One simple change to the style sheet will change all associated elements across the site.

Which of the following can be considered a benefit of Cascading Style Sheets (CSS)? A) You can use CSS in lieu of HTML to develop Web pages. B) One simple change to the style sheet will change all associated elements across the site. C) Web pages that are linked to a CSS document are more likely to be interpreted accurately by the majority of user agents. D) Making changes to elements in the site will update the style sheet.

One simple change to the style sheet will change all associated elements across the site.

Which CSS3 technique can you use to place an HTML element on top of another HTML element? A) Overflow B) Overlay C) Box-sizing D) Formation

Overlay

The CSS Box Model consists of four rectangular boxes that can be configured to create space and a border around each HTML element. Which Box Model element defines the space between the HTML content and its surrounding border? A) Table B) Margin C) Padding D) Block

Padding

What is the main characteristic of a programming language that distinguishes it from a scripting language? A) Programming languages are developed by private organizations, whereas scripting languages are open-source. B) Programming languages use objects, whereas scripting languages do not use objects. C) Only languages that are platform-independent can be called "programming languages." D) Programming languages are traditionally compiled, whereas scripting languages are traditionally interpreted.

Programming languages are traditionally compiled, whereas scripting languages are traditionally interpreted.

What term is a characteristic of an object that describes the object's attributes? A) Method B) Property C) Value D) Class

Property

To what does the term "app" refer? A) Relatively small programs that enable components of an application to work together to produce a desired functionality B) Relatively small applications developed exclusively for mobile devices C) Relatively simple Web pages that respond to user screen size D) Relatively simple Web pages that work in multiple environments

Relatively small applications developed exclusively for mobile devices

You should use the text(), html() and val() jQuery methods if you want to perform which function? A) Remove content B) Retrieve and change content C) Retrieve attributes D) Change attributes

Retrieve and change content

What CSS3 2D and 3D transform method would you use to increase or decrease the size of an element? A) Scale B) Skew C) Matrix D) Translate

Scale

Which statement about scripting languages is true? A) Scripting languages are generally more difficult to learn than full programming languages, and sometimes provide less functionality. B) Scripting languages sometimes provide more functionality than full programming languages, but are usually easier to learn. C) Scripting languages are generally more difficult to learn than full programming languages, but sometimes provide more functionality. D) Scripting languages sometimes provide less functionality than full programming languages, but are usually easier to learn.

Scripting languages sometimes provide less functionality than full programming languages, but are usually easier to learn.

What does the range form input type allow the user to do? A) Enter text for a search query B) Enter one or more e-mail addresses C) Select a number using a slider control D) Enter rational integers or float values

Select a number using a slider control

Which statement is true regarding client-side vs server-side user input validation? A) Client-side validation will require the user to re-submit a form if it finds errors that the server-side validation may have missed. B) Server-side validation can be disabled in the browser but client-side validation cannot. C) Client-side validation is needed in case a browser does not support server-side validation. D) Server-side validation is needed in case a browser does not support client-side validation.

Server-side validation is needed in case a browser does not support client-side validation.

What can be considered a disadvantage of waiting to validate user input in a form until the user completes the form and clicks the Submit button? A) Most server-side scripts will not accept a form that has been validated only once before submission. B) Some users may become frustrated if they need to submit and resubmit a form until it validates. C) Some users may become frustrated if each form field into which they enter data displays a pop-up warning if the entry is not valid for that field. D) Users will need to submit the form only once, which increases the likelihood of errors in the form.

Some users may become frustrated if they need to submit and resubmit a form until it validates.

How can you specify to include two or more different images in the background of your Web page? A) Specify to repeat an image using the background-repeat property. B) Use the opacity property as many times as necessary, one for each distinct image. C) Specify two or more images in a single declaration using the background-image property. D) Include two or more consecutive background-image properties within the same tag.

Specify two or more images in a single declaration using the background-image property.

What position property values does CSS provide to position block-level elements? A) Top, bottom, middle, left and right B) Static, relative, absolute, fixed and inherit C) Content, padding, border and margin D) Horizontal, vertical, middle and float

Static, relative, absolute, fixed and inherit

Consider the following expression: "Good morning, " + "Sarah"; What type of expression does this code snippet represent? A) Logical B) Assignment C) String D) Conditional

String

Which term describes a set of standards for the writing and/or design of documents, either for general use or for a specific publication, organization or field? A) Style sheet B) Style standard C) Style guide D) Style recommendation

Style guide

How can you best ensure that the Web forms you develop using HTML5 and CSS3 render properly on various browsers? A) Ensure that the Web form data submitted by users is processed on the server side by JavaScript scripts only. B) Validate your CSS using a popular validation service such as the W3C Markup Validation Service. C) Incorporate into your forms the new HTML5 input types and attributes introduced on various HTML5 browser support Web sites. D) Test the Web forms thoroughly on various browsers and browser versions.

Test the Web forms thoroughly on various browsers and browser versions.

Code errors can be repaired, once you are aware of them. What should you do first after you have written your script code, and placed it in (or attached it to) an HTML file? A) Use a third-party add-on debugging tool to locate and fix any errors in your code. B) Test the code by running your script in multiple browsers and browser versions to see if it works as intended. C) Manually review each line of code in your script. D) Use your browser's native debugging tool to locate and fix any errors in your code.

Test the code by running your script in multiple browsers and browser versions to see if it works as intended.

What step should you take to ensure that your JavaScript code runs as expected? A) Use JavaScript's built-in objects only; do not create your own custom objects. B) Implement a function to download the latest Java runtime environment when necessary. C) Make sure all users access your code from a specific browser. D) Test your code in various browsers.

Test your code in various browsers.

Into which type of Web form field can a user type alphanumeric characters of his or her choice? A) Drop-down list B) Text box C) Check box D) Radio button

Text box

Consider the following code: div { -webkit-border-image: url(flowers.png) 80 40 round; } What function does the -webkit- prefix perform? A) The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in Opera browsers. B) The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in Firefox browsers. C) The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in Internet Explorer browsers. D) The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in Chrome, Safari and iOS browsers.

The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in Chrome, Safari and iOS browsers.

HTML5 has introduced specific elements to structure Web pages. In which structure element should you include content that is directly related to the subject of the document? A) The <article> structure element B) The <nav> structure element C) The <main> structure element D) The <section> structure element

The <main> structure element

HTML5 has introduced specific elements to structure Web pages. In which structure element should you include hypertext menus to access various pages of the Web site? A) The <article> structure element B) The <aside> structure element C) The <nav> structure element D) The <section> structure element

The <nav> structure element

What is required to create CSS3 animations? This task contains the radio buttons and checkboxes for options. The shortcut keys to perform this task are A to H and alt+1 to alt+9. A) The @charset rule B) The @font-face rule C) The @keyframes rule D) The @media rule

The @keyframes rule

Which HTML5 API should you use if you want a user to be able to pick up right where he or she left off if the user closes the Web browser or refreshes the browser page? A) The File API B) The History API C) The Canvas API D) The Offline AppCache API

The History API

In JavaScript, what is a literal? A) A named space of memory that holds a value B) The actual data value you provide in JavaScript C) Data that is to be operated upon or manipulated in some manner D) A part of a statement that is evaluated as a value

The actual data value you provide in JavaScript

Which JavaScript method should you use if you want to display a message to the user in a pop-up box when the user opens your Web page? A) The alert() method B) The prompt() method C) The confirm() method D) The document.write() method

The alert() method

Which animation property should you use to specify how long an animation will take to complete one cycle? A) The animation-play-state property B) The animation-delay property C) The animation-timing-function property D) The animation-duration property

The animation-duration property

Which animation property should you use to specify the number of times that an animation will play? A) The animation-iteration-count property B) The animation-duration property C) The animation-timing-function property D) The animation-play-state property

The animation-iteration-count property

Which animation property should you use to specify whether an animation is running or paused? A) The animation-play-state property B) The animation-timing-function property C) The animation-delay property D) The animation-direction property

The animation-play-state property

If you use CSS to specify a particular font, what occurs when you try to view a Web page on a system in which the font is not available? A) The browser will display the content to which the font is applied in a default font face. B) The browser will not allow you to open the HTML page until you specify the browser's default font in the CSS document. C) The browser will automatically download the font face from the W3C font repository. D) The browser will render invisible the content to which the font is applied.

The browser will display the content to which the font is applied in a default font face.

When you use the input element to create form fields, what occurs if you neglect to include the type attribute, or if the specified value of the type attribute is not supported by the browser? A) The browser will not display the form field. B) The browser will display a large red "X" in place of the form field. C) The browser will display the form field but will not allow the user to input data into the field. D) The browser will infer the default type of text.

The browser will infer the default type of text.

You can use the input type="submit" element to create a standard "Submit" button. What distinguishes button type="submit" from input type="submit"? A) The input element allows text and images to be placed within its tags; the button element does not. B) The button element can be interpreted by non-HTML5-compliant browsers; the input element cannot. C) The input element can use HTML global attributes; the button element cannot. D) The button element allows text and images to be placed within its tags; the input element does not.

The button element allows text and images to be placed within its tags; the input element does not.

Which element creates a Submit button that submits all user input in a form to a server for processing? A) The submit type="submit" element B) The submit type="button" element C) The button type="reset" element D) The button type="submit" element

The button type="submit" element

Which JavaScript method should you use if you want to write a message to the user in your Web page as the page loads in the browser? A) The prompt() method B) The document.write() method C) The alert() method D) The confirm() method

The document.write() method

What happens when you assign a negative z-index value to an element? A) The element will display in front of other elements. B) The element will not render in your browser. C) The element will automatically be assigned an opacity value of 0.0. D) The element will display behind other elements.

The element will display behind other elements.

Which HTML element should you use to group related elements on a form by placing a box around the elements to make the form easier to read? A) The label element B) The legend element C) The fieldset element D) The textarea element

The fieldset element

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 attribute must you use to bind the input field to the datalist element? A) The input element's name attribute B) The datalist element's option attribute C) The option element's value attribute D) The input element's list attribute

The input element's list attribute

Consider the following code: Your name: input type="text" name="name" required Which statement accurately describes this input field? A) The input field is the first field that will be enabled when the form loads in a browser. B) The input field must be completed before form submission. C) The input field will suggest and automatically complete input as the user enters it. D) The input field will not be validated during the client-side validation process.

The input field must be completed before form submission.

Which HTML5 form element should you use to enable asymmetric cryptography to encrypt communications between the user and your server? A) The output element B) The input element C) The keygen element D) The form element

The keygen element

Which element can you use to add a label to an input element in a Web form? A) The legend element B) The output element C) The label element D) The button element

The label element

What attribute should you specify with the textarea element if you want the textarea field to be able to accept no more than 500 characters? A) The maxlength attribute B) The cols attribute C) The rows attribute D) The fieldset attribute

The maxlength attribute

Which variable data type represents a value of "nothing?" A) The undefined data type B) The Boolean data type C) The Object data type D) The null data type

The null data type

What variable data type should you use if you want to store numeric values that are to be used in mathematical calculations? A) The Boolean data type B) The literal data type C) The number data type D) The string data type

The number data type

What CSS3 property can you use to specify transparency for an element? A) The opacity property B) The transparency property C) The background-image property D) The background-transparency property

The opacity property

Which HTML5 attribute can you use with the input element to prevent typos and unexpected formatting by restricting user-entered data to a specific pattern? A) The placeholder attribute B) The required attribute C) The novalidate attribute D) The pattern attribute

The pattern attribute

Consider the following HTML code: <video width="360" height="270" controls="controls" poster="image.png"> <source src="video.mp4" type="video/mp4" /> <source src="video.webm" type="video/webm" /> <source src="video.ogg" type="video/ogg" /> Your browser does not support the HTML5 video element. </video> What attribute prevents the first frame of the video from displaying while the video is downloading? A) The type attribute B) The src attribute C) The controls attribute D) The poster attribute

The poster attribute

Consider the following HTML and style sheet code: <!-- NAVIGATIONAL SIDEBAR -> <nav> <ul> <li><a href=http://www.habitat.org/how/about_us.aspx>Learn more</a></li> <li><a href=http://www.habitat.org/getinv/volunteer_programs.aspx>Volunteer</a></li> <li><a href=http://www.habitat.org/gov>Advocate</a></li> <li><a href=https://www.habitat.org/cd/giving/donate.aspx?r=r&link=1>Donate</a></li> </ul> </nav> nav { float: left; width: 165px; background: #fc3 url(navbg_04.gif) repeat-y top right; height: 662px; } What can you infer from the example code? A) A background image (navbg_04.gif) will appear to the left of the sidebar. B) The sidebar will float on the right side of the document. C) The sidebar will always appear 165 pixels wide and 662 pixels high. D) The sidebar will appear at the top-right side of the document.

The sidebar will always appear 165 pixels wide and 662 pixels high.

What does the W3C Markup Validation Service use to determine the HTML specification against which to validate your Web page markup code? A) The specified DTD in the <nav> section of your HTML page B) The specified DTD in the <main> section of your HTML page C) The <!DOCTYPE> declaration in the <header> section of your HTML page D) The specified DTD in the <!DOCTYPE> declaration on your HTML page

The specified DTD in the <!DOCTYPE> declaration on your HTML page

Consider the following code: var birthYear = "1956"; What data type does the variable birthYear contain? A) The Boolean data type B) The null data type C) The string data type D) The numeric data type

The string data type

If a specified field includes the autofocus attribute, what occurs when a user starts typing after loading your Web form in a browser? A) The text is entered into the last text field on the form. B) Nothing happens because the field with the autofocus attribute is dimmed out. C) The text is entered into the field identified with the autofocus attribute. D) The text is entered into the first text field on the form.

The text is entered into the field identified with the autofocus attribute.

What CSS3 property should you use if you want to apply a shadow effect behind characters in a Web document? A) The text-emphasis property B) The box-shadow property C) The text-shadow property D) The text-overflow property

The text-shadow property

What element should you include on your Web form if you want to ask an open-ended question that may result in a fairly lengthy answer? A) The datalist element B) The textarea element C) The output element D) The fieldset element

The textarea element

Which set of CSS3 properties can you use to alter the appearance or operation of a Web page? A) The transition properties B) The animation properties C) The user interface properties D) The transform properties

The user interface properties

Consider the following code: function counter(x) { x = x + 1; } var myVar = 0; counter(myVar); What is the value of myVar after execution? A) The value is: 1 B) The value is: 0 C) The value is: null D) The value is: x

The value is: 0

Consider the following JavaScript code: function concatenate(txt1, txt2) { txt1 += " "; var myText; return txt1 + txt2; } var myText = concatenate("Hello","World"); What is the value of myText after execution? A) The value is: Hello World B) The value is: false C) The value is: HelloWorld D) The value is: true

The value is: Hello World

What can be considered a limitation of user input validation techniques? A) They focus only on the format of data entered in form fields. B) They focus only on the completion of form fields. C) They are a waste of time if the form is to be validated by the server processing the form. D) They do not include checks for truthful information.

They do not include checks for truthful information.

Which statement is true regarding CSS3 animations? A) They must run in conjunction with Microsoft Silverlight in order to render on Internet Explorer browsers. B) They were designed to replace basic animations that previously required third-party, proprietary plug-ins or the use of JavaScript. C) They were designed to replace basic animations that previously required third-party, proprietary plug-ins because they are written exclusively in JavaScript. D) They must run in conjunction with Apple QuickTime in order to render on Safari browsers.

They were designed to replace basic animations that previously required third-party, proprietary plug-ins or the use of JavaScript.

Why would you use the CSS3 transform properties in a Web document? A) To change the shape, size and/or position of an element B) To change an element from one style to another when a user hovers his or her mouse pointer over the element C) To automatically cause an element to change from one set of styles to another when a user opens your Web page D) To allow a user to effectively control and operate your Web page

To change the shape, size and/or position of an element

For which purpose can you use the select element? A) To provide pre-defined options that sort and complete themselves as users type into the field B) To goup elements so that related fields are placed together in a form C) To create a drop-down list of options D) To add a caption for a group of items created by the fieldset element

To create a drop-down list of options

Why should you use the JavaScript prompt() method? A) To create a pop-up box with the specified message string and to request user input into a text field in the box B) To create a pop-up box with the specified message string and to request user confirmation (yes or no) by clicking the OK or Cancel button in the box C) To write the specified message string in the page as the page loads in the browser D) To create a pop-up box with the specified message string, which the user can dismiss by clicking the OK button in the box

To create a pop-up box with the specified message string and to request user input into a text field in the box

Why would you use the CSS3 border-radius property in your Web document? A) To apply shadows to edges of text characters to create visual depth B) To create rounded corners C) To create a border that uses an image D) To add a configurable shadow to a box

To create rounded corners

What is the purpose of using a style guide when designing your Web site? A) To ensure that the same style sheet is applied to all pages in a Web site B) To apply the same formatting to multiple elements in a site without the need to style individual elements C) To ensure uniformity in style and formatting within a document and across multiple documents D) To provide pre-formatted page templates into which you can add content

To ensure uniformity in style and formatting within a document and across multiple documents

Why should you use indentation in your JavaScript code? A) To improve program performance B) To make the code easier to read C) To make the code platform-independent D) To make the code event-driven

To make the code easier to read

Why would you use the CSS3 opacity property when you overlap images or other elements in your Web page? A) To make the foreground element partially transparent so elements in the background will be visible B) To make the background elements partially transparent so elements in the foreground will show through them C) To specify the stack order of the images or elements that overlap D) To specify whether an element can be resized by the user and how it can be resized

To make the foreground element partially transparent so elements in the background will be visible

Why should you use the placeholder attribute with HTML5 form elements that require text input from the user? A) To require the user to enter a value in the form field before the form can be submitted B) To specify whether text submitted in a form field is to be wrapped C) To specify the field in which data will be entered when the user starts typing D) To provide the user with a hint identifying the expected input in the form field

To provide the user with a hint identifying the expected input in the form field

For what would you use the element:last-of-type selector? A) To select every instance of a specified element that is the last of its parent B) To select every disabled instance of a specified element C) To select every enabled instance of a specified element D) To select every instance of a specified element that is the first of its parent

To select every instance of a specified element that is the last of its parent

For what would you use the element[attribute^=value] selector? A) To select every instance of a specified element whose specified attribute contains the specified substring value B) To select every instance of value that is preceded by an instance of element C) To select every instance of a specified element whose specified attribute begins with the specified value D) To select every instance of a specified element whose specified attribute ends with the specified value

To select every instance of a specified element whose specified attribute begins with the specified value

Why would you include the HTML formaction global attribute in the button type="submit" element? A) To specify the form(s) on the page in which the button element appears by binding the button to the form B) To specify the HTTP method for sending form input to the server-side script that will process the information C) To specify a name or keyword that indicates where to display the response to the user after he or she has submitted the form D) To specify where to send user input when the form is submitted

To specify where to send user input when the form is submitted

What is the term for a CSS3 effect that allows elements to rotate, move, flip and stretch? A) Animate B) Transition C) Transform D) Overlay

Transform

What is the term for a CSS3 effect that changes an element from one style to another style based on a user-triggered event? A) Animate B) Transform C) Transition D) Overlay

Transition

What 2D and 3D transform method would you use to move an element from its current position? A) Scale B) Skew C) Perspective D) Translate

Translate

In JavaScript, how do you combine text strings, such as combining the prompt() and alert() methods to request user input and then display it? A) Use expressions to combine two or more text strings. B) Use objects to link two or more text strings. C) Use concatenation to link two or more text strings. D) Use literals to assign data values to two or more text strings.

Use concatenation to link two or more text strings.

When you want to create an overlay, how can you specify the stack order of an element? A) Use the stack property. B) Use the Y-index property. C) Use the X-index property. D) Use the Z-index property.

Use the Z-index property.

Which statement is true about inline validation of data input by users in a Web form? A) Users can resolve errors as they fill out each form field and submit the completed, validated form just once. B) Users must fill out the form and click the Submit button before the form can be validated. C) Inline validation can lead to pogo-sticking and frustrate users who are in a hurry to complete the form. D) Inline validation can ensure that user-entered data is truthful and not fraudulent.

Users can resolve errors as they fill out each form field and submit the completed, validated form just once.

Which of the following is the most similar to JavaScript in purpose and implementation? A) C++ B) HTML5 C) VBScript D) Java

VBScript

Which statement is true regarding capitalization and variable names in JavaScript? A) You must write all variable names in lowercase. B) You must write all variable names in uppercase. C) Variable names should always consist of two words with no space between them, in which the second word is capitalized but not the first. D) Variable names can be written in lowercase or uppercase, but it is good coding practice to use consistent capitalization for all names.

Variable names can be written in lowercase or uppercase, but it is good coding practice to use consistent capitalization for all names.

What distinguishes Extensible HTML (XHTML) from other versions of HTML? A) XHTML incorporates the strict syntax rules of Extensible Markup Language (XML) with the existing set of HTML 4.01 tags to create Web documents. B) XHTML standardizes how video and audio are presented on a Web page. C) XHTML establishes ways to enable drag-and-drop capability for Web pages without using third-party add-ons. D) XHTML gives developers more native tools to use on a page, such as download progress indicators, image captioning options and form validation.

XHTML incorporates the strict syntax rules of Extensible Markup Language (XML) with the existing set of HTML 4.01 tags to create Web documents.

Which API object do scripting languages use to send HTTP or HTTPS requests to a Web server, which in turn responds with data that is loaded back into the script? A) FileReader B) DataTransfer C) XMLHttpRequest D) FileList

XMLHttpRequest

Which of the following statements is true regarding global variables and local variables? A) You declare a global variable within a function. B) You declare a local variable outside of any function. C) You can access a global variable value from any function or script block you define on the HTML page. D) You can access a local variable value from any function or script block you define on the HTML page.

You can access a global variable value from any function or script block you define on the HTML page.

Which of the following can be considered a benefit of developing Web pages using the "Web development trifecta"? A) You can create Web pages without the need for page structure elements to define the document structure. B) You can create Web pages without the need for hyperlinks. C) You can create Web pages that no longer need to be validated to an HTML standard in order to properly render in any browser or device. D) You can create Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional computers.

You can create Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional computers.

Consider the following snippet of code: section { background-image: url(globe.png); background-repeat: no-repeat; background-size: contain; resize: both; overflow: auto; } What can you determine from this code? A) You can resize both the height and width of the section element, excluding the globe background image. B) You can resize both the height and width of the globe background image only. C) You can resize both the height and width of the section element only if the section element overflows the boundary of its parent element. D) You can resize both the height and width of the section element, including the globe background image.

You can resize both the height and width of the section element, including the globe background image.

If your company standard is to use Windows XP and IE8, what can you do to create a company intranet using HTML5 and CSS elements? A) You must define structural elements using HTML 4.01, and add a new rule to CSS to define the HTML 4.01 structural elements as block-level elements. B) You must add JavaScript code to your HTML documents to create HTML5 structural elements, and add a new rule to CSS to define the HTML5 structural elements as block-level elements. C) You must define structural elements using XML, and add a new rule to CSS to define the XML structural elements as block-level elements. D) You must define structural elements using XHTML, and add a new rule to CSS to define the XHTML structural elements as block-level elements.

You must add JavaScript code to your HTML documents to create HTML5 structural elements, and add a new rule to CSS to define the HTML5 structural elements as block-level elements.

How should you embed JavaScript code in an HTML5 document to which you are also linking an external JavaScript file? A) You must include the call to the external file and the code you want to embed in the same script statement. B) You must use separate script statements to call the external file and embed a separate script. C) You must place the script statement to call the external file in the body section of your document, and place the script statement containing the code you want to embed in the head section of your document. D) You must place the script statement to call the external file in the head section of your document, and place the script statement containing the code you want to embed in the body section of your document.

You must use separate script statements to call the external file and embed a separate script.

When you use the CSS3 opacity property, how do you specify the level of transparency to apply? A) You specify a value between #FFFFFF and #000000. B) You specify a value between 1.0 and 100.0. C) You specify a value between 0.0 and 1.0. D) You specify a value between A and Z.

You specify a value between 0.0 and 1.0.

You can use a Graphical User Interface (GUI) editor to create Web pages, or you can manually code them using HTML5 and CSS3. Why is it important to understand what goes on behind the GUI of a Web editor? A) You will be able to resize your Web pages to conform to the size of a device's screen. B) You will be able to troubleshoot code issues when the GUI Web editor fails. C) You will be able to create apps for mobile Web browsers. D) You will be able to change the GUI interface to more closely suit your coding habits.

You will be able to troubleshoot code issues when the GUI Web editor fails.

What does it mean to create Web pages with "responsive design"? A) Your Web pages respond to user screen size and work in multiple environments. B) Your code validates properly so that the code will be recognized by most user agents. C) Your Web pages incorporate languages and technologies such as Java, ActiveX, Microsoft Silverlight and Adobe Flash. D) Your Web pages appear statically regardless of the device used to view them.

Your Web pages respond to user screen size and work in multiple environments.

jQuery can be useful when you are developing pages with HTML5 APIs. You must start the jQuery syntax with: A) a dollar sign ($) and parentheses (). B) an ampersand (&) and parentheses (). C) a dollar sign ($) and curly braces {}. D) an ampersand (&) and curly braces {}.

a dollar sign ($) and parentheses ().

A JavaScript rule concerning variables states that the first character of a variable name must be: A) a letter, the "at" symbol ( @ ) or the dollar sign ( $ ). B) a letter, the "at" symbol ( @ ) or the ampersand ( & ). C) a letter, the underscore character ( _ ) or the dollar sign ( $ ). D) a letter, the ampersand ( & ) or the dollar sign ( $ ).

a letter, the underscore character ( _ ) or the dollar sign ( $ ).

Which event occurs when a user clicks the mouse button outside of a particular field? A) focus B) blur C) click D) change

blur

Code validation is the process of: A) creating code that responds to user screen size. B) accessing another point in a Web page or separate Web page. C) determining how to display HTML elements in your Web page. D) checking your code to verify that it complies with the syntax rules for your chosen standard.

checking your code to verify that it complies with the syntax rules for your chosen standard.

Consider the following HTML code: <audio> <source src="audio.mp3" type="audio/mpeg" /> <source src="audio.wav" type="audio/wav" /> <source src="audio.ogg" type="audio/ogg" /> Your browser does not support the HTML5 audio element. </audio> Which attribute and value must you add to the <audio> element to incorporate default audio operations such as Play, Pause, Volume, etc.? A) controls="controls" B) controls="default" C) controls="audio" D) controls="yes"

controls="controls"

HTML5 APIs can be used to: A) determine how to display HTML elements in your Web pages. B) call another location in the Web page or a separate Web page when the API is selected. C) provide a development environment that enables the seamless use of proprietary browser plug-ins. D) create apps for mobile devices.

create apps for mobile devices.

The HTML5 Geolocation API can be used to: A) interact with Web sites and Web documents when a network connection is unavailable. B) reprogram a user's GPS hardware device. C) determine a user's current position, monitor the user's location, and update any changes to that location. D) display graphics, animation, video and games "on the fly" without the need for a plug-in.

determine a user's current position, monitor the user's location, and update any changes to that location.

jQuery code should not run until the document is finished loading. To ensure this occurs, code to run is placed within which event handler? A) document.ready B) datatransfer C) filereader D) filelist

document.ready

Which CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value? A) element[attribute^=value] B) element[attribute&=value] C) element[attribute*=value] D) element[attribute$=value]

element[attribute*=value]

HTML5 includes Web form additions, such as semantic input types, new selection options and new validation tools, that make it easier to: A) enter information into forms whose code has not been properly validated. B) enter information into forms when using touchscreen keyboards and small mobile device screens. C) submit forms to CSS3 scripts for processing. D) submit forms without the use of server-side scripts for processing.

enter information into forms when using touchscreen keyboards and small mobile device screens.

All browsers are DOM-compliant, which means that: A) you can develop Web applications that do not rely on proprietary browser plug-ins. B) you do not need to develop multiple versions of your scripts tailored for each browser. C) you can develop Web applications "on the fly" without the need to validate your source code. D) JavaScript is the only scripting language you can use with HTML5.

you do not need to develop multiple versions of your scripts tailored for each browser.