CIW Practice Exam (Incomplete Version)
jQuery's DOM-related methods provide a simpler way to access and manipulate HTML elements and attributes. HTML elements are selected and jQuery performs various actions on them using the following code: $(selector).action() Which portion of this code specifies and accesses jQuery?
$
What is the name for Microsoft's implementation of JavaScript?
JScript
Which JavaScript object can be affected by the onchange event handler?
select
Which description defines a mobile Web site, in contrast to a mobile app?
A Web site designed for viewing on mobile device browsers
Lily's supervisor asked her to add visual interest to the company Web site by tilting images at a slight angle. Lily knows this transformation will differ depending on the browser used to view it. Which vendor prefix property will allow her to apply the transformation when the page is viewed in Chrome and Safari?
-webkit-transform
What is the default value for the CSS3 transition-duration property?
0
The CSS3 matrix3d transform method defines a 3D transformation using a 4x4 matrix. How many values are required for this method?
16 values
What is the default height and width of the <canvas> element?
300 (h) x 150 (w)
You want to create a simple click-to-call link on your mobile Web page, so that users can easily make a phone call with one click. Which line of code will add this feature?
<a href="tel:18005551212"> Call Us Now </a>
Tina is creating a Web form that will be used internally in her organization. She wants to use an image of a green check box to create a Submit button on the form that will submit user input to a server for processing. Which element can she use to create a Submit button that uses text and images?
<button type="submit">
Which element is used to group related form fields on a Web page by creating a box around the related fields, to group and separate them?
<fieldset>
HTML5 introduces many semantic elements and attributes to make code more straightforward. Which of the following is an example of an HTML5 semantic element?
<footer>
You are creating an HTML5 form. You want the form to be able to automatically suggest and complete input as the user enters the information into fields. Which code will correctly add this feature?
<form autocomplete="on">
Suppose your Web team has been directed to update the company Web site to HTML5. Your supervisor is looking for ways to improve the various user forms. You suggest applying a feature that will activate the first required field on each form for input when the page loads, so that users can start there immediately and without frustration if they are completing the forms in a hurry. Which code correctly implements this feature?
<input type="text" name="firstname" autofocus>
You are creating a Web form that will use JavaScript to calculate mortgage payments. What HTML5 element should you use to display the results of the calculation?
<output>
Ren is learning how to use jQuery to create Web pages. What is jQuery?
A JavaScript library
In JavaScript, what is a property?
A descriptive characteristic of an object that the developer specifies when creating the object
In Cascading Style Sheets (CSS), what is a rule?
A format instruction that consists of a specified selector and the properties and values applied to it
What does the AppCache manifest file contain?
A list of the files needed for the Web application to work offline
What is a user-defined function?
A named set of statements that performs a task or calculates a value
In JavaScript, what is an expression?
A part of a statement that is evaluated as a value
What two keys are created by the HTML5 <keygen> element?
A private key and a public key
The DOM is a standard that enables you to manipulate HTML elements and attributes in a Web document. What do you use to work with the DOM?
A scripting language such as JavaScript
In JavaScript, what is a value?
A specific quality that belongs to the property of an object
In JavaScript, what is casting?
A technique for variable control in which a variable's value is changed from one data type to another
You are developing pages for your company's Web site. You create an HTML5 search field using the following code: <input type="search" name="search"> When you test the page on various browsers, the first browser supports the new input type and displays the search field. The second browser does not support this new input type and gracefully degrades. What type of field does the second browser display?
A text box
You want to be able to ask your site users for a password, then store the user's input so that the password can be used as needed to execute various functions within the application. In which of the following should the user's input be stored?
A variable
The Word Wide Web is based upon which programming model?
An event-driven model
What is another common name for the technique of requesting and reusing data using the JavaScript XMLHttpRequest object with HTML pages and CSS?
AJAX
In JavaScript, what is a method?
An action that an object can perform
What does the term "user agent" mean?
Any application, such as a Web browser or help engine, that renders HTML for display to users
What type of data can be returned by the XMLHttpRequest object?
Any type of textual data
What is the term for a relatively small application developed exclusively for mobile devices?
App
What is the term for a value containing data or code that is passed on to a function or procedure?
Argument
You have created a Web page using the HTML5 <nav> structural element to define a navigation area. Consider the following external style sheet code: nav { float:left; width:165px; background:#d8d8d8 url(background.gif) top right; height:662px; } Where on the page will the image (background.gif) appear?
At the top right of the nav section
Why are syntax errors so common when writing JavaScript code?
Because JavaScript is case-specific
Why is it important to limit words to clear, necessary verbiage on your Web pages, especially on the home page?
Because most users simply scan pages quickly looking for specific information or links to it
Why is it challenging to use images in your page designs for mobile sites?
Because of size constraints in device screens and memory
An object-oriented program is:
a collection of individual objects that perform different functions.
Nevine wants to improve her JavaScript program's efficiency and scalability by defining her own processes, or functions. Why are functions such an integral part of writing JavaScript code?
Because they perform specific tasks repeatedly throughout your program, as needed
Consider the following code: var emeraldGreen = true; What variable data type does this snippet of code represent?
Boolean
You can use CSS to align images to text. Which of the following alignment options is the default alignment?
Bottom
How can you link an HTML document to an AppCache manifest file named date.appcache?
By adding the manifest="date.appcache" attribute to the <html> tag
How can you override a particular style in an HTML element if the HTML document is linked to a style sheet?
By applying an inline CSS style attribute to the element whose style you want to override
Ellen wants to make her existing HTML 4.01 Web page code easily adaptable to XML technologies, which she knows her company will be adopting in the near future. How can she accomplish this?
By applying the stricter syntax rules of XML to her existing code to upgrade the code from HTML to XHTML
Which technology provides browsers with functionality that previously required users to install proprietary plug-ins?
HTML5 APIs
Which of the following statements about Cascading Style Sheets (CSS) is true?
CSS commands contain formatting instructions that determine how to display HTML elements in Web pages.
Which choice correctly describes two benefits of Cascading Style Sheets (CSS)?
CSS provides a consistent look and feel to site pages, and simplifies change management issues.
Which version of Cascading Style Sheets uses a modularized approach that enables timelier updates to the standard?
CSS3
What is the term for a script block that transfers program execution to a subroutine, procedure or another function?
Calling statement
Bella wants to simplify Web page creation so that she need only make one simple change to affect all like elements across the site simultaneously. To accomplish this, Bella should use:
Cascading Style Sheets (CSS).
In JavaScript, what term is used to describe the technique of changing a variable's value from one data type to another?
Casting
The HTML5 specification for the <audio> element does not require a specific audio codec to be supported, but it does support three audio formats: MP3, Ogg and WAV. Which major browser supports all three audio formats?
Chrome
Alya checked her code to verify that it complies with the syntax rules for her chosen HTML standard. In which process did Alya engage?
Code validation
Which technology can be defined as a vendor-neutral, cross-platform API that specifies how objects in a Web document can be referred to and manipulated through scripting languages?
DOM
Hugo has created an HTML document to which he has attached an external CSS style sheet containing styles that define all HTML elements in the document. Hugo wants to apply styles to his home page only that will override the style definitions of the attached style sheet. How can he accomplish this?
Embed an internal style sheet.
To what does the term "inline scripting" refer when you want to use JavaScript to add dynamic interactivity to your Web pages?
Embedding scripting instructions directly into certain HTML tags
On your Web page, you include various links and clickable images that have the ability to trigger various functions when users click them with the mouse. What term describes user-initiated action on a Web page?
Event
You are filling in a form for a job application on a company's Web site. You see a text box with Up and Down arrow buttons for a field requesting your number of years of experience. The field already shows the number 10, but you can change the number in the box by clicking the Up and Down arrows. Which HTML5 code was used to create this field on the form?
Experience: <input type="number" name="experience" min="0" max="40" value="10">
Patrick is creating a form for his Web site, and he wants to have visitors provide their names. Which HTML5 code would ensure that users enter their first names prior to submitting the form?
First Name: <input type="text" name="firstname" required >
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?
Fixed
A Web designer who assigns specific pixel widths to elements using the HTML structural elements is using what page-layout method?
Fixed-width
Which technique can developers use to keep images from exceeding the screen width of users' mobile devices?
Fluid images
When you embed JavaScript within an HTML document, in what document sections can you add the script?
In the <head> and/or the <body> sections
What should be your general goal as a Web developer?
For all users to have a quality experience at your site, regardless of the size of their display
Which of the following examples describes a syntax error?
Forgetting to close the curly braces that designate a block of code for execution
In JavaScript, what is the term for a named set of statements that can perform a specific task repeatedly throughout a program, as needed?
Function
Probably the most important rule for designing any Web site is:
Give your users what they want, when they want it.
Which term describes any attribute that can be used by various (and in some cases, all) HTML elements?
Global attribute
Occasionally, you will want to declare a variable that can be accessed by more than one function or script block in your program. You will need to declare that variable outside of any function definition, usually at the start of your script. What term is used to describe this type of variable?
Global variable
Much HTML5 code has backward compatibility built in that enables it to render acceptable substitutes on the page when older browsers cannot support the newer HTML features. Which term is used to describe this feature?
Graceful degradation
HTML comes in several versions. Which of the following includes the Transitional, Strict and Frameset "flavors"?
HTML 4.01
Jane wants to develop mobile apps using the technologies contained in the "HTML5 family." Which language in the family should Jane use to structure and describe content for her apps?
HTML5
Stanley is the senior developer of apps for an organization that is considered to be at the cutting edge of mobile-device technology. Which of the following should Stanley use to create apps for mobile devices?
HTML5 APIs
You want to create Web pages that can easily adapt to and serve multimedia content to smartphones, tablets, gaming devices and smart TVs, as well as to traditional desktop computers, without the use of plug-ins. Which of the following would be best suited for this purpose?
HTML5 APIs
What can be considered an advantage of using HTML5 APIs to create mobile apps?
HTML5 APIs use fewer resources than plug-ins do.
Experts in Web technology expect that the future of Web development will rely heavily on:
HTML5 APIs.
Which of the following statements about HTML5 is true?
HTML5 does not require third-party plug-ins for video and audio content.
What three technologies used together provide Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional computers?
HTML5, Cascading Style Sheets (CSS) and JavaScript
Which of the following statements about validating markup is true?
If a code validator finds an error, the remaining code on the page may fail validation, even if the remaining code is actually valid.
Which statement about global variables is true?
If you declare a global variable, you can access its value from any function or script block on that page.
Which statement about local variables is true?
If you declare a local variable, you cannot access its value from any other function except the one in which it was declared.
You want to add the same functionality to various Web sites you have created for your school district without having to add the script to each HTML page. Where should you place your JavaScript code to accomplish this in the most efficient manner?
In an external text file with the .js file name extension
A positive Z-index value usually places an element where?
In front of other elements
You are developing a form for your Web site. Which guideline should you follow when developing inline validations to assist users by notifying them of their progress toward completion?
Include persistent messages that show success in fields.
Pieter wants to make his Web pages HTML5-compliant and eliminate the need for site visitors to download plug-ins such as Apple iTunes, Apple QuickTime, Adobe Flash or Microsoft Silverlight to listen to audio. What can Pieter do to accomplish this?
Incorporate the <audio> element in his Web pages
Tamiko wants to make her Web pages HTML5-compliant and eliminate the need for site visitors to download plug-ins such as Adobe Flash, Microsoft Silverlight or Apple QuickTime to view her video files. What can Tamiko do to accomplish this?
Incorporate the <video> element in her Web pages
You can use a CSS style sheet rule to override styles specified in a linked external style sheet. Which term is used to describe this style sheet behavior?
Inheritance
Consider the following code: alert("Good morning, " + prompt("What is your name?", "") + "!"); What does this snippet of code accomplish?
It concatenates two methods to display a message, then request and capture user input.
In JavaScript, what function does the prompt() method perform?
It creates a pop-up box with a text field and requests the user to input information into the field.
What is the purpose of the CSS3 @keyframes rule?
It defines an animation and its position, and it is required.
What is one advantage to using JavaScript instead of HTML5 to validate an input field that is requesting the user to input an e-mail address?
It offers more browser support.
Many markup code validators exist, but the most authoritative is the W3C Markup Validation Service. How does the W3C Markup Validation Service determine to what HTML standard to validate your code?
It reads the <!DOCTYPE> declaration on an HTML page and validates according to the specified DTD.
What does the optional CSS3 font-stretch property do?
It specifies how the font should be spaced: expanded or condensed.
What is the purpose of the W3C mobileOK Checker?
It validates Web site code for mobile friendliness.
As a page developer, how do you use a grid in Responsive Web Design?
Its invisible guidelines help you place page elements to accommodate various screen sizes.
You are reviewing HTML5 markup code that your co-worker created. You notice several <object> tags that reference external stand-alone, mini-applications. Which language did your co-worker most likely use to create these mini-applications?
Java
Moishe wants to develop mobile apps using the technologies contained in the "HTML5 family." Which language in the family should Moishe use to create dynamic, interactive capabilities for his apps?
JavaScript
Prior to HTML5, what did Web developers use to conduct inline validation in HTML forms?
JavaScript
Which statement is true about JavaScript?
JavaScript is widely used for client-side and server-side scripts.
CSS3 allows you to create rounded navigation menus without the use of:
JavaScript or images.
A Web designer who assigns percentage values to elements using the HTML structural elements is using what page-layout method?
Liquid
Which type of JavaScript error is typically a syntax error?
Load-time error
If you declare a variable within a function definition, the only way you can access or change it is from within that function. What term is used to describe this type of variable?
Local variable
What type of JavaScript expression evaluates to true or false?
Logical
Consider the following style rule: p { border: 1px solid #000; width: 10em; word-wrap: break-word; } What effect will the word-wrap property have on text within the paragraph?
Long words will wrap to the next line, without a hyphen.
Responsive Web Design uses three main techniques to develop responsive pages. Which technique allows you to specify CSS styles based on viewport size?
Media queries
Which of the following are considered to be user interface (UI) elements?
Menus and buttons
Kwan is using JavaScript extensively to add interactivity to his Web site. Contained within his script is a counter object that calculates a date based on a number input by the user. Which term describes the calculation process that Kwan's counter object performs?
Method
Because mobile devices have smaller screens, you must lay out your pages differently than you would for a page that will be viewed primarily on larger screens. Which of the following is a technique you can use to simplify your page design?
Minimize formatting such as fonts and colors.
Which statement correctly describes an advantage that mobile Web sites have over mobile apps?
Mobile Web sites work on any device with a browser so you can create them once and run them anywhere.
While filling out a form, Oscar neglected to enter a value in the "Middle Initial" field, and then submitted the form. What variable data type will the "Middle Initial" field contain?
Null
What variable data type should you use if you want to specify numeric values for mathematical operations?
Number
Where can you find information about the latest status of HTML5 and CSS3 browser support?
On third-party Web sites such as CanIUse.com and Wufoo.com
What is the term for a piece of data that is to be operated upon or manipulated in some manner?
Operand
You are creating a mobile version of your Web site. Which technique should you use for the hyperlinks?
Pad the clickable area around your links to make them easier to find and click with a fingertip.
Conchita uses the CSS Box Model to help configure the space around each HTML element as she develops her Web pages. Which Box Model element defines the space between the HTML element and the border?
Padding
Why is it advantageous for developers to use good coding practices when they develop Web pages?
Page content will render appropriately regardless of the browser used to render it.
Generally speaking, what functionality does JavaScript provide when used as part of the "Web development trifecta"?
Page manipulation capabilities and advanced interactivity
You are creating user-defined functions in your JavaScript code. What must you include immediately after each function name?
Parentheses ( ) that encompass the arguments to be used in the function
How can you "comment out" a particular rule in a style sheet so that it will be ignored when you link the style sheet to a Web document?
Place the rule between the /* and */ characters.
What makes a scripting language, such as JavaScript, different from a full programming language, such as C, C++ and Java?
Scripting languages are generally interpreted without the explicit compilation step that full programming languages need to run.
JavaScript makes extensive use of objects. What is the term for the various attributes that can be assigned to an object?
Properties
To simplify a mobile site, you must minimize content to only the highest priority items. However, your mobile users will sometimes want or need more. How can you address this need?
Provide a quick link to the full desktop version of your Web site so mobile users can easily access it.
Which of the following form fields are round buttons in a group of mutually exclusive pre-determined choices?
Radio buttons
Which method of form input validation is sometimes referred to as "pogo-sticking" and may lead to users becoming frustrated or impatient with the form?
Requiring users to click Submit before validation occurs
Joey wants to develop a "one size fits all" Web page that will adjust to the screen size of different devices, such as traditional Web browsers, smartphones and tablets. Joey decides to use HTML5 and CSS3 to create the pages. What term describes the type of Web page creation in which Joey wants to engage?
Responsive design
Which type of JavaScript error is typically caused by improper use of commands, and occurs after the script has loaded and is executing?
Run-time error
You have finished designing a Web site for your small business. You created flexible-sized elements using percentages instead of pixels so that your content would not be pushed off screen. You also tested the site on as many different smartphones as possible. Which factor affecting site design do these actions address?
Screen size and resolution
HTML5 includes additions that are intended to help users enter information into forms when using touchscreen keyboards and small mobile device screens. Form fields should also be clearly defined so users know exactly what input is expected. These improvements should increase form completion rates. Which of these HTML5 additions are new or expanded fields that describe their content to developers as well as to browsers?
Semantic input types
Kate has created a complex script that she wants to attach to multiple HTML files, but she also wants to add a simple script to only certain sections of one page. What must she do to apply both scripts?
She must use separate <script> elements to call the external script file and to embed a separate script.
What is an application programming interface (API)?
Standards and programming instructions that enable access to a software application
Natalie is using the CSS position property to position block-level elements on her Web pages. Which positioning scheme describes the normal, or default, position of an element within a page?
Static
Consider the following code: var yearBirth = "1956"; What variable data type does this snippet of code represent?
String
Which variable data type can consist of any series of alphanumeric characters?
String
You are the new Web site designer for your company and want to establish a set of conventions for publishing. Which of the following will help you standardize documents from different departments throughout the company to achieve this goal?
Style guide
Sarah has written several JavaScript scripts for her Web site, but she realizes that implementing the scripts may be complicated by the fact that people may view her pages using different user agents and user agent versions. What should Sarah do to ensure that her scripts will run correctly without knowing what user agent a person will use to view her pages?
Test her scripts in the latest versions of popular browsers
Which statement is true regarding the HTML5 <datalist> element?
The <datalist > element contains <option> elements with values that are displayed via autocomplete when the user types in the associated <input> element.
What HTML5 form element provides users with a drop-down menu of pre-defined choices and an autocomplete feature that filters choices while they type?
The <datalist> element
Roshon wants to create an HTML5-compliant page that has four sections: a section that contains the site navigation links, top and bottom sections that contain a logo and copyright information, and a section that contains the main message of the page. Which elements should Roshon use to create these sections?
The <header>, <footer>, <nav> and <main> elements
Which HTML5 element can you use to add security to a form in a Web page by generating a key pair?
The <keygen> element
What tag is usually used by Web authors to place JavaScript code within an HTML document?
The <script> tag
As a Web designer, you want to ensure that HTML elements will not overlap or lay against one another when users render your Web pages in a browser. Which of the following can you use to help you configure the space around each HTML element?
The CSS Box Model
The outline property draws a line around the outside of an element, beyond the border. What can you use to create space between the border and the outline of an element?
The CSS3 outline-offset property
You are creating a Web page that will display game graphics on the fly. You do not want to rely on browser plug-ins or third-party JavaScript libraries. Which of the following should you use?
The Canvas API
Which statement about the Document Object Model (DOM) is true?
The DOM provides a standard interface so you do not need to develop multiple versions of your scripts tailored for each browser.
Aeden is a developer for a company that manufactures various products and has divisions throughout the world. He is tasked with creating a Web page that will allow team members in training to drag pictures of company products to the correct company division that creates each product. What HTML5 API can Aeden use to provide this functionality?
The Drag-and-Drop API
Vivi is creating a Web page that will allow her employees to upload their timesheets to the company intranet. What HTML5 API can she use to restrict uploads to a specific file type?
The File API
What HTML5 API can you use to provide location-based services, such as mapping?
The Geolocation API
Which HTML5 API could you use to make an AJAX image gallery easier to navigate?
The History API
You have created a new Web site for your company, and you want to add a script so that a "welcome" pop-up box appears to the user as soon as he or she launches the site. Which JavaScript method should you use to display the message?
The alert() method
Which CSS3 animation property requires you to change the default value, otherwise no animation will occur?
The animation-duration property
You can use CSS to align images to text. Which property should you use if you do not want floating images to appear before or after text?
The clear property
As a Web designer, you use the CSS Box Model to help configure the space around each HTML element so that the elements will not overlap or lay against one another when users render your Web pages in a browser. What constitutes the full size of an HTML element?
The content plus the padding, border and margin surrounding it
Which statement about modern Web design is true?
The design of mobile Web pages requires some differences from pages designed for desktop computers.
Which JavaScript method should you use if you want to specify a message string to appear on your Web page as it loads?
The document.write() method
If the JavaScript operator + is used in an arithmetic expression, what is the result?
The expression treats + as an addition operator and sums the values.
Which statement regarding external CSS style sheets is true?
The external CSS file to which you link contains only CSS style rules, no HTML.
What will occur if you define all your functions in the <body> section of your HTML page?
The functions will load when the browser reaches the script point in the page or when the appropriate user event occurs.
When you define a named function in JavaScript, you must begin the function block with what?
The keyword function followed by the function name
You are creating a Web-based mapping application. What information can you obtain by using the HTML5 Geolocation API in your application?
The latitude and longitude of a user's device
Consider the following code: <input list="continents" name="continent"> <datalist id="continents"> <option value="North America"> <option value="South America"> <option value="Europe"> <option value="Asia"> <option value="Africa"> <option value="Australia"> <option value="Antarctica"> </datalist> Which two attributes' values must match each other in order to bind the <datalist> element with the <input> element?
The list attribute and the id attribute
In a Web form he is creating, Sergik uses the HTML5 "date" and "email" input types. A co-worker explains to Sergik that not all browsers may recognize these input types. What attribute could Sergik use with the "date" and "email" input types to ensure that even older browsers will be able to recognize the input?
The pattern attribute
Which HTML5 attribute can help users input valid form data in the <textarea> element by providing the user with a hint identifying the expected input in the field?
The placeholder attribute
Consider the following Cascading Style Sheets (CSS) rule: body {color: #008080;} Which is the "declaration" portion of this rule?
The portion inside the curly braces
Consider the following Cascading Style Sheets (CSS) rule: body {background-color: #008080;} Which is the "selector" portion of this rule?
The portion that reads "body"
Consider the following Cascading Style Sheets (CSS) rule: body {color: #008080;} Which is the "property" portion of this rule?
The portion that reads "color"
You are using the <video> element to embed a video in your HTML5 page. Which attribute should you use if you want to identify an image to be displayed until the Play button is clicked or while the video is downloading?
The poster attribute
Consider the following JavaScript expression: (((6 - 2) * 4) / (6 - 2)) * 2 What is the result of this expression?
The result of this expression is: 8
You are reviewing the style sheet code written by a colleague and notice several rules that are enclosed between the /* and */ characters. What will occur when you link the style sheet to a Web document?
The rules that are enclosed between the /* and */ characters will be ignored.
Consider the following code: var userName = "Titan"; What component of JavaScript is "Titan" in this example?
The variable's value
It is always wise to review your JavaScript code manually, but manual reviews do not always catch errors, and with long programs they can be time-consuming. To save time, you can use various debugging tools. How are these tools helpful?
They help you detect and locate errors in your code.
Regarding HTML5 forms, how are HTML5 input types displayed in various browsers?
They may display differently in various browsers.
What is the main purpose of Responsive Web Design (RWD)?
To create sites that adapt gracefully to many different devices and screen sizes
What is the purpose of the CSS3 transition-delay property?
To define when the transition will begin
For what purpose should Arnold use Cascading Style Sheets (CSS) when designing his Web pages?
To determine how the HTML elements in his Web pages will appear
What is the purpose of the CSS3 @font-face rule?
To enable developers to specify custom fonts for Web page elements
The project manager for your Web development project has given you a style guide and urged you to use it to create effective Web pages. What is the benefit of using the style guide?
To ensure that the site has visual consistency
Why is it essential to include operators in your script?
To instruct the program how to store or manipulate a value in an expression
Unlike a mobile Web site, a mobile app is:
a Web application designed for a specific mobile operating system.
What is the purpose of using the CSS3 h3 ~ p selector?
To select all <p> elements that are preceded by an <h3> element
Why would you use the for attribute with the HTML5 <output> element?
To specify the IDs of the elements whose values were used in the calculation
Consider the following code: <script> var v1 = "Blue"; function f () { this.v1 = "Green"; alert (this.v1); } f(); alert (v1); </script> What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green
Consider the following code: <script> var v1 = "Blue"; function f () { v1 = "Green"; alert (v1); } f(); alert (v1); </script> What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green
Consider the following code: < script> var v1 = "Blue"; function f () { var v1 = "Green"; alert (v1); } f(); alert (v1); </script> What is the expected result when this script is run in the browser?
Two alert boxes, the first displaying Green and the second displaying Blue
In general, what can you use the XMLHttpRequest object to do in your Web pages?
Update content on Web pages without reloading them
You are creating a mobile Web site for your company's polling service. Users will be completing polls and surveys about various topics. How can you simplify the page layout to increase this site's usability on mobile devices?
Use radio buttons, check boxes and drop-down lists instead of text boxes wherever possible.
You are a novice Web developer, and your mentor has suggested that you familiarize yourself with HTML5 and Cascading Style Sheets (CSS). Being somewhat unfamiliar with CSS, you discover that it is:
a Web design technology that enables you to determine how the HTML elements in your Web pages will display .
Which scripting language is most commonly used within Microsoft's proprietary programs, such as Word and Excel?
VBScript
Your Web team is finishing up development of its new mobile Web site. Your supervisor assigns one group to validation and another to testing. Which statement accurately describes either of these processes?
Validation prepares your pages for compatibility with evolving and future technologies.
HTML5 includes additions that are intended to help users enter information into forms when using touchscreen keyboards and small mobile device screens. Form fields should also be clearly defined so users know exactly what input is expected. These improvements should increase form completion rates. Which of these HTML5 additions are built-in processes that can check and guide user input into form fields before form submission?
Validation tools
In JavaScript, which term describes a specific quality of a property?
Value
You want to use JavaScript to perform inline validation on user input into your Web form's E-Mail Address field. Which of the following checks can it perform?
Verify that at least two characters appear after the last dot
Your Web development team is using Responsive Web Design (RWD) techniques to develop the company's new site. You are directed to ensure that all images are fluid. How can you do this?
Verify that each image file's size is specified using percentage values instead of pixel values.
Consider the following code: <script> function dateTodayTomorrow(a, b) { a.concat(b); return a.valueOf(); } alert(dateTodayTomorrow('Wednesday','Thursday')); </script> What message will appear in the alert box when this script is run in the browser?
Wednesday
Consider the following code: <script> function myFunction(arg1, arg2) { return(arg1 + arg2); } var greeting = myFunction(good morning, good evening); alert(greeting); </script> Will this function generate an error?
Yes, because the strings are not properly passed
You are using some graphics that require WebGL for important functionality on your mobile site. Which statement describes the support you can expect or provide for this?
You can provide users with a link to test for WebGL support and obtain a supporting browser.
Hector has created a CSS style sheet to ensure visual and formatting consistency across the HTML documents on his company's intranet. Unbeknownst to Hector, not all computers in the company have a particular font that Hector included in the style sheet. What will occur when users whose computers do not have the font try to view the intranet?
[ ] The users' browsers will display the content to which the font is applied in a default font face.
jQuery code should not run until the document is finished loading. To ensure this occurs, jQuery methods are placed within:
a document.ready event.
The naming rules that apply to function names stipulate that a function name must begin with:
a letter, dollar sign or underscore character.
JavaScript has some basic rules for naming variables. For example, the first character of the variable name must be:
a letter, the underscore ( _ ) character or the dollar sign ( $ ).
What selector could you use to select every <a> element whose href attribute value ends with .zip?
a[href$=".zip"]
What selector could you use to select every <a> element whose href attribute value begins with mailto:?
a[href^="mailto:" ]
Each time a user logs on to a service, shops or conducts online business, he or she is filling information into:
an HTML form.
Consider the following code: <p style="text-align: center; margin-right: 12px;"/> This code is an example of:
an inline CSS style attribute.
Liza wants to add continuous animation to her Web site, but she does not want to require users to install a browser plug-in. Which CSS3 property should she use to accomplish this?
animation
Which CSS3 property is used to bind a selector to the animation defined in an @keyframes rule?
animation-name
The HTML5 APIs can be use to create:
apps for mobile devices.
Many Web designers try to control the way that Web page elements will render on the screen. A designer who uses a fixed-width layout:
assigns specific pixel widths to page elements using HTML structural elements.
Terri is filling in a form on a Web site. She notices that as she types responses in the form fields, suggestions are made that she could accept for the input. The <form> element is implementing which of the following attributes?
autocomplete
You are embedding audio in your HTML5 page and want to specify that the audio file should automatically play immediately upon loading. Which attribute is needed to accomplish this?
autoplay="autoplay"
Which CSS3 property defines whether or not a transformed element is visible when it is rotated to face away from the viewer?
backface-visibility
Which CSS3 property determines whether the page background extends into the border or not?
background-clip
CSS3 allows you to create borders using a picture instead of just a line. Which property is used for this purpose?
border-image
What CSS3 property can be used to create rounded corners on an image or other element?
border-radius
The HTML5 datetime input type allows the user to:
choose a date and time with a GMT time zone.
Consider the following JavaScript expression: "3" + "3" = "33" This code snippet is an example of:
concatenation performed on strings.
The CSS3 box-sizing property forces elements to fit an area in a certain way, such as allowing the border and padding to fit within the defined width of an element instead of expanding it. Which of the following values are used with this property?
content-box and border-box
You are embedding a video in your HTML5 page and want to incorporate the Play, Pause, Rewind and Volume video controls. Which attribute is needed to accomplish this?
controls="controls"
Ezra wants to use an image to completely cover the background in a Web page. He wants to fill the entire background while maintaining the aspect ratio of the image. Which value should he assign to the CSS3 background-size property?
cover
The HTML5 File API can be used to:
create preview thumbnail images during image uploads.
You can test your mobile site pages on a client emulator to ensure:
cross-browser and device compatibility.
The HTML5 Drag-and-Drop API allows users to drag elements to another location on a Web page or to an external application. Which attribute enables an element to be moved?
draggable="true"
What Drag-and-Drop API method is called when a page element is dropped after being dragged?
drop()
Many Web designers try to control the way that Web page elements will render on the screen. A designer who uses a liquid layout:
ensures that the page elements will change dynamically depending on the size of the browser window.
Anatoly is using the CSS position property to position block-level elements on his Web pages. By specifying the "absolute" positioning scheme, Anatoly is ensuring that the element to which he is applying the position property will:
float above the document and can be positioned as needed.
The CSS3 @font-face rule requires you to specify which two properties?
font-family and src
Which of the following is a global HTML5 attribute that can be used with the <button> element to specify whether form input will be sent to the server using get or post?
formmethod
What is the basic code you would need to define a named function that returns a value?
function myFunction() { return value; }
Which DOM method is used by the <canvas> element to return a context object, which provides properties and methods that can be used to draw and manipulate images on the canvas?
getContext()
What Geolocation API method is used to retrieve the current geographic location of the user?
getCurrentPosition()
Which of the following is the best example of good coding practice?
h1 { font-family: arial, sans-serif; color: #FFFFFF; font-size: 36px; }
To send the browser back one page in the user's browsing history using the HTML5 History API, you should use which method?
history.back()
Which JavaScript object can be affected by the onabort event handler?
image
Which JavaScript object can trigger the onerror event handler?
image
JavaScript is a scripting language. Scripting languages:
interpret and automate a list of tasks that would otherwise be executed one-at-a-time by a person.
Which of the following is a JavaScript event that occurs when a page opens in the browser?
load
The CSS3 appearance property can be used to make an element:
look like a button.
You are embedding audio in your HTML5 page and want to specify that the audio file should play over and over again without stopping. Which attribute is needed to accomplish this?
loop="loop"
To allow several files to be selected at once with the File API, use the:
multiple attribute.
Which of the following will correctly call a JavaScript function without error?
myFunction("a")
Which JavaScript event handler is triggered when a user clicks her mouse button outside of a particular field after typing input there?
onblur
Which JavaScript event handler runs when a user closes a browser window?
onunload
Which CSS3 selector can you use to apply a style to the first paragraph of every container in a Web page?
p:first-of-type
JavaScript follows mathematical precedence, which means that:
parenthetical expressions take precedence over multiplication.
In your HTML5 form, you want users to enter a date in the Date field using a specific format, such as mm/dd/yyyy. Which HTML5 <input> element attribute can you use to require the specified format?
pattern
Your form has a field for users to enter an e-mail address. You use <input type="email"> to create the field. What other HTML5 attributes could you use with the "email" input type to most effectively ensure that users do not inadvertently enter an extra space, an invalid format or an irrelevant answer?
pattern, placeholder, required
Which of the following methods returns a value in the form of a text string?
prompt()
You are designing a Web site that will be visited by users on mobile devices. You have a lot of content, so you need to:
provide more shortcuts.
You need to ensure that users fill in certain fields in your Web form. Which attribute can you include in a form field's <input> element that will prevent the entire form from submitting if that field is left empty?
required
To allow users to change the size of elements on a Web page, such as a <div> element, you can add which CSS3 property?
resize
The principle of responsive design is essential for today's user interface designers. The term "responsive design" describes the ability to create pages that:
respond to user screen size.
Consider the following code: < script> function mySum(a, b) { ...(your selection here) } alert(mySum(2,3)); </script> Which code properly supplies the alert with the sum of the two numbers?
return a+b;
Jacoby wants to use CSS3 to apply a border to the bottom of the last paragraph in each <section> element on a Web page. Which selector should he use?
section p:last-of-type
Which value of the CSS3 box-shadow property specifies the shadow's size, but is optional?
spread
The overflow property can be used to hide text that extends beyond the boundaries of an element. Which CSS3 property can be used with the overflow property to indicate that text has been trimmed by displaying an ellipsis?
text-overflow
Which CSS3 property can you use to apply a shadow effect to text?
text-shadow
JavaScript is considered to be a relatively easy language to learn because:
the basic syntax is simple and many examples with comments are available for you to study.
To change the position of a transformed element in CSS3, you use the:
transform-origin property.
Which CSS3 property can be used to apply a delay effect when an element changes from one style to another, such as when a user hovers over an element?
transition
Ken is creating an online survey in which users will rate items using the numbers 1 through 5. He wants to use HTML5 to prevent arbitrary numbers from being entered, and to make it easier for mobile device users by providing a slider control. What HTML5 input type should Ken use?
type="range"
Consider the following code: var versionNumber = "3x"; Which code will convert the versionNumber variable to the integer data type?
versionNumber = parseInt(versionNumber, 10)
Mobile Web sites have several advantages over mobile apps. However, mobile apps make sense:
with services such as gaming that use special features of the smartphone or device.
