WGU Web Development Applications –
C777
App – Correct answer-Relatively small applications developed exclusively for mobile
devices
– Correct answer-structure element in HTML5 that includes hypertext menus to
access various pages of the web site
HTML5 API’s – Correct answer-Create Apps for Mobile Devices
Web development Trifecta – Correct answer-HTML, CSS, and JavaScript
Benefit of developing Web pages using the Web Development Trifecta – Correct
answer-You can create Web pages that easily adapt to smartphones, tablets, gaming
devices, and smart TVs, as well as to traditional computers
HTML 4.01 Strict – Correct answer-required the separation of presentation and content.
Deprecation tags we disallowed and generated validation errors.
HTML 4.01 Transitional – Correct answer-allowed developers to insert formatting using
either CSS or traditional layout instructions
HTML 4.01 Frameset – Correct answer-Required for pages that used HTML frames,
which placed Web pages inside each other to create separate panes in the browser
window.
controls=”controls” – Correct answer-
Which of the following statements about HTML5 is true?
HTML5 does not require third-party plug-ins for video and audio content
What is the purpose of using the element in a Web form?
It displays the result of a calculation in the form
Why are syntax errors so common when writing JavaScript code?
Because JavaScript is case-specific
What CSS3 property can be used to create rounded corners on an image or other element?
border-radius
What type of JavaScript expression evaluates to true or false?
Logical
Which statement is true about JavaScript?
JavaScript is widely used for client-side and server-side scripts
You have created a Web page using the HTML5 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
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
What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green
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 CSS property can create rectangles with rounded corners around text?
border-radius
Which CSS property defines how text should be handled when it extends beyond its allotted area?
text-overflow
Which JavaScript event occurs when the mouse pointer leaves from a link, image or other visible element on the page?
mouseout
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
What is another common name for the technique of requesting and reusing data using the JavaScript XMLHttpRequest object with HTML pages and CSS?
AJAX
To allow users to change the size of elements on a Web page, such as a
element, you can add which CSS3 property?
resize
Which of the following is a JavaScript event that occurs when a page opens in the browser?
load
Which DOM method is used by the
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 element
You are creating a mobile version of a community discussion site for busy moms. Users post questions and other topics for discussion. Some days there are as many as 20 new discussion threads. Considering your audience, what might be the best way to lay out navigation elements on the home page?
Create a small, collapsible navigation bar at the top of the home page so users can see new topics without scrolling
Which CSS3 property can you use to apply a shadow effect to text?
text-shadow
Consider the following code:
CSS file:
.right {
text-align: right;
}
HTML file:
Right-aligned heading level three
Right-aligned paragraph
This code shows an example of what?
The class selector
To allow several files to be selected at once with the File API, use the:
multiple attribute
Which scripting language is most commonly used within Microsoft’s proprietary programs, such as Word and Excel?
VBScript
In an article about using inline validation in HTML5 forms, Maik reads that users typically find these forms to be easier and faster to complete. What feature on inline validation would cause this result from form users?
Users can resolve errors as they go along and submit the completed, validated form just once
What is the term for a relatively small application developed exclusively for mobile devices?
App
Which of the following methods returns a value in the form of a text string?
prompt()
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?
Call Us Now
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
What is the purpose of using the CSS3 h3 ~ p selector?
To select all
elements that are preceded by an
element 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 declaration on an HTML page and validates according to the specified DTD To change the position of a transformed element in CSS3, you use the:
transform-origin property To position an element behind another element, you can assign a negative value to:
the Z-index property Consider the following code: var yearBirth = “1956”; What variable data type does this snippet of code represent?
String Which statement about modern Web design is true?
The design of mobile Web pages requires some differences from pages designed for desktop computers 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 What will occur if you define all your functions in the 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 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 Responsive Web Design uses three main techniques to develop responsive pages. Which technique allows you to specify CSS styles based on viewport size?
Media queries What is the name for Microsoft’s implementation of JavaScript?
JScript Which example is a valid variable name in JavaScript?
_firstName Consider the following code: What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green 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 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 The CSS3 appearance property can be used to make an element:
look like a button 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 Probably the most important rule for designing any Web site is:
Give your users what they want, when they want it JavaScript makes extensive use of objects. What is the term for the various attributes that can be assigned to an object?
Properties A Web designer who assigns percentage values to elements using the HTML structural elements is using what page-layout method?
Liquid Using a linked style sheet, you have modified the look and feel of an HTML page. Because of the concept of inheritance, you notice that:
the rules you applied remain in force unless explicitly overruled using other styles 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 HTML5 datetime input type allows the user to:
choose a date and time with a GMT time zone Each time a user logs on to a service, shops or conducts online business, he or she is filling information into:
an HTML form 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 What Geolocation API method is used to retrieve the current geographic location of the user?
getCurrentPosition() Consider the following code: var myVar = 2;
myVar += “3”; What is the value of myVar after execution?
The value will be: 23 Which HTML element allows you to specify a pre-defined list of options for an input element?
datalist 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 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 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 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 What type of data can be returned by the XMLHttpRequest object?
Any type of textual data 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 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 Consider the following code: 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: What is the expected result when this script is run in the browser?
Two alert boxes, both displaying the message Green When you load a page containing your JavaScript code into a browser, how can you ensure that your functions will be available before any user event can occur that might call a function?
Define all your functions in the section of your HTML page 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 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?
Consider the following code:
Which two attributes’ values must match each other in order to bind the element with the element?
The list attribute and the id attribute Selena is embedding a video in her HTML5 page. Which attribute should she use to identify the location and file name of the video?
The src attribute Your form has a field for users to enter an e-mail address. You use 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 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 Which CSS3 property defines whether or not a transformed element is visible when it is rotated to face away from the viewer?
backface-visibility In JavaScript, what is a value?
A specific quality that belongs to the property of an object What does the HTML5 autofocus attribute do when applied to the HTML element? Activates the drop-down selection list for input when the page loads 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 Consider the following code: var myVar = 2; myVar += “3”; What is the value of myVar after execution? The value will be: 23 Which JavaScript object can trigger the onerror event handler? image 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 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 You are using the 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 Terri is filling in a form on a Web site. She notices that as she types responses in the form fields, suggestions are made that she could accept for the input. The element is implementing which of the following attributes? autocomplete Consider the following code: var yearBirth = “1956”; What variable data type does this snippet of code represent? String
This element identifies the file(s) to use in a video or audio element
A set of standards for the writing and/or design of documents
This version of IE is the first to support HTML5
Add them via JS, make them block via CSS
What should you do to support HTML5 elements in pre-IE9 browsers.
The term for the part of CSS code that refers to the element you want to style
In CSS, the term for a property and value pair. It must always end with a semicolon
In CSS, the name for a selector, property and value all grouped together
The word “cascading” in CSS refers to this concept
The cascading order of CSS style sheets, ordered from lowest priority to highest
Linking to a CSS file requires these attributes in the link element
Embedded CSS should be placed in a block defined by this element
Inline CSS should be placed in an attribute with this name
These are not used when defining inline CSS styles
Use this CSS property to avoid having floating elements before/after another element
In CSS, the “normal, or default”, position of block elements within a page
In CSS, positioning a block element relative to another element
In CSS, this causes the element to remain in the same position when the page is scrolled
In CSS, this causes the element to inherit its parent’s position
In the box model, this is the space between the content and the border
In the box model, this is the space between the border and surrounding elements
content, padding, border, and margin
Add all of these up to get the full size of an element in the box model
This CSS3 selector selects every checked instance of a specified element
This CSS3 selector selects every disabled instance of a specified element
This CSS3 selector selects every enabled instance of a specified element
This CSS3 selector selects every instance of a specified element that is the first of its parent
This CSS3 selector selects every instance of a specified element that is the last of its parent
CSS3 now allows this in the background
length, percentage, cover, contain
CSS3 values used in a background-size property. Last two are optional. Default is auto.
CSS3 rule allowing you to specify custom fonts
This font weight is the same as normal
This font weight is the same as bold
IE9 and earlier do not support this text property
These two CSS3 properties are required by @font-face
An effect that changes an element’s shape, size and/or position
Property that allows you to change a transformed element’s position
Property that specifies whether child elements will retain the parent element’s position in 3D space
Property that specifies the bottom position of a 3D element
These browsers support the transform property
These browsers require a vendor prefix for transforms
CSS3 effects that change an element from one style to another style
Property that specifies the CSS property that the transition will affect
Properties that defines how long before a transition or animation begins
At-rule used to create CSS3 animations
@keyframes requires a prefix for these two browsers
Property that specifies the identifier for the @keyframes animation that binds it to a selector
Property that specifies the number of times the animation will play. Default is 1.
Property that specifies whether the animation is running or paused. Default is running
The resize property only works in these browsers
CSS3 UI property that forces specified elements fit an area in a certain way
CSS3 UI property that styles an element with an iconic equivalent
CSS3 UI property that specifies the tabbing order for an element
A CSS3 technique used to place an HTML element on top of another HTML element
The first character of a variable name in JavaScript must be one of these
Except for the first character, the name of a variable in JavaScript can contain these only
number, string, boolean, Object, null, undefined
The 6 data types in JavaScript
Data that is to be operated upon or manipulated in some manner by an operator
Event that occurs when the loading of an image is aborted
Event that occurs when input focus is removed from a form element
Event that occurs when a user changes the value of a form field
Event that occurs when an error takes place while a page or image is loading
Event that occurs when a user gives input or focus to a form element
Event that occurs when a form’s Reset button is clicked
Event that occurs when the user selects the text in a form field
Event that occurs when a form’s Submit button is clicked
Event that occurs when a page is unloaded from the browser
Event that occurs when a page is loaded into the browser
Event that occurs when the user clicks on a link or form element
Event that occurs when the user moves the mouse pointer over a visible element on a page
Event that occurs when the mouse pointer leaves a visible element on a page
In JavaScript, function names must begin with this
Except for the first character, function names in JavaScript can contain these
Typically syntax errors, these usually cause error alerts
Typically caused by improper use of commands, these errors can cause error alerts
misspelling and case-sensitivity
The two most common JavaScript coding errors
The method to retrieve a canvas’s drawing context
The method to retrieve a canvas’s WebGL context
How do you get browsers to download an updated Offline webapp if it’s already been cached?
Geolocation API to retrieve the user’s current location
Geolocation API to request periodic updates of the user’s position
Geolocation API to cancel watching the user’s location
Attribute and value to use on an element you want to be draggable
Event specifying the start of a drag operation
Event specifying a drag operation has occurred
Event specifying a drag operation has ended
File API that provides a directory list of file objects
File API that provides read-only access to individual files
File API that provides the ability to divide a file into byte ranges
History API method to go back a page
History API method to go forward a page
history.pushState(state object, title, url)
History API that adds a URL to the history stack
history.replaceState(state object, title, url)
History API that replaces the current history URL with a different one, instead of adding a new one
History API to retrieve number of entries for the current window
History API that returns the state object at the top of the history stack
An event handler that is called when the history changes for a document in the browser window
jQuery method that sets or returns the text content of selected elements
jQuery method that sets or returns the content of selected elements (including HTML markup)
jQuery method that sets or returns the values of form fields
jQuery method to insert content at the end of the selected elements
jQuery method to insert content at the beginning of the selected elements
jQuery method to insert content after the selected elements
jQuery method to insert content before the selected elements
jQuery method to remove and element and its children
jQuery method to remove the children of an element, but not the element itself
If the type of an input element is omitted, the browser infers it to be this
If the type of an input is not supported by a browser, the browser will default to this type
HTML5 input type allowing the user to pick a color
HTML5 input type allowing the user to choose a date and time with a GMT time zone
HTML5 input type allowing the user to choose a date and time with a local time zone
HTML5 input type allowing the user to enter one or more e-mail addresses
HTML5 input type allowing the user to choose a date using the month and year (without time zone)
HTML5 input type allowing the user to enter rational integers or float values
HTML5 input type the user to enter numbers using a slider control
HTML5 input type allowing the user to enter text for a search query
HTML5 input type allowing the user to enter a phone number
HTML5 input type allowing the user to enter a time (without time zone)
HTML5 input type allowing the user to enter a URL
HTML5 input type allowing the user to choose a date using the week and year (without time zone)
HTML5 input element that creates a key-pair generator field in the form
HTML5 input element that displays the result when a calculation is performed
Use this attribute to bind an input element to a datalist element
The valid options for the keytype attribute of a keygen form element.
This form element attribute specifies the form(s) on the page in which the element appears
This attribute disables an element when set to a value of its own name
This attribute applies focus on the element when the page loads and set to a value of its own name
Attribute that specifies a name for the element that can be used to reference it
Attribute that requires the user to select or enter a value before the form can be submitted
This element is used to group elements so that related fields are placed together in a form
This element allows you to add a caption for a group of items created by the fieldset element
This element enables you to add a label to an input element in a form
An attribute used by many different elements
Attribute that directs the browser not to validate form data upon submission
Attribute that enables the form to suggest and automatically complete input as the user enters it
Attribute that specifies how form input should be encoded when submitted to the server
Attribute that checks input into the field against a regular expression
formaction, formenctype, formmethod, formnovalidate, formtarget
The 5 attributes that an input element can override from its parent form element
Term describing when users must submit and resubmit a form until it validates.
Term describing what occurs when each form field is validated as the user completes it
Simplify, divide, less text entry, no popups
Strategies for mobile web design page layout
Nav placement, text-based links, access to full version, limited links
Strategies for mobile web design navigation and hyperlinks
A Web design approach to create sites that adapt to many different devices