CIW Advanced HTML3 and CSS
What are the default values of animation-delay and animation-iteration-count properties?
0 and 1
Definition of Expression (in JS)
1) A part of a statement that is evaluated as a value. 2) It can use any combination of variables, literals, operators, and other expressions.
Which type of CSS effect allows you to rotate an element clockwise to a new position without animation?
2D transformation
Which HTML5 structural element is used to define the content that is additional to the main article content?
<aside>
What is WebGL (Web Graphics Library)?
A JavaScript API that enables the rendering of interactive 3D and 2D graphics in an HTML canvas
Definition of Property (in JS)
A descriptive characteristic of an object that the developer specifies when creating the object
What will be the result of the following code snippet? var myVar; function helloWorld() { myVar = "Hello World"; } alert(myVar);
A dialog box that displays: undefined Explanation: The result of this code will be a dialog box that displays undefined. A variable that is declared and not assigned is of type undefined. A function returns undefined if it does not return a value. If you declare a variable within a function definition, the only way you can access or change it is from within that function. Once you declare a variable within a function, the variable is known as a local variable, and you cannot access its value from any other function except the one in which it was declared.
Definition of Module
A module is a block of code that can be reused AND A module allows developer to define public and private members separately.
Which of the following best describes a function?
A named set of statements that performs a task or calculates a value
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
Lizzy wants to add continuous animation to her Website, but she does not want users to install a browser plug-in. Which CSS3 property should she use to accomplish this?
Animation
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
Ella is working on updating her company's Website. She wants to make sure that it is accessible to everyone, including those with disabilities. How can she accomplish the task?
By creating a universal markup code
Which symbol is used to enclose properties and values when you define a rule for a specified selector?
Curly braces ( { } )
Which of the following are not functionalities of the File API?
Dragging items to different locations within the same page AND Dragging files from the user's computer onto a Webpage. FYI: The File API can: Retrieve and display the properties of a file in the browser. Save file references when users are offline. Create preview thumbnail images during image uploads. Restrict upload sizes. Check for errors by comparing MIME types and verifying they are the correct type for the upload. (For example, the File API can check MIME types for an image upload program to ensure that files being uploaded are PNG, JPEG, or GIF files.)
Which statement about form data submission attributes is true?
For HTML5-compliant browsers, data submission attributes of the <input> element will override data submission attributes in the <form> element.
Which of the following examples describes a syntax error?
Forgetting to close the curly braces that designate a block of code for execution
Which of the following examples describes a syntax error?
Forgetting to close the curly braces that designate a block of code for execution note: Syntax errors include incorrect capitalization, misspellings, and the failure to close every set of parentheses or curly braces that you open. In a function, you designate a block of code for execution by enclosing the block within curly braces.
Which of the following describes the HTML5 Drag-and-Drop API?
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 is the purpose of the <select> element?
It creates a drop-down list of options. ex: <label for="cars">Choose a car:</label> <select name="cars" id="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
What function does the CSS3 background-clip property perform?
It determines whether the background extends into the border or not. TryItOut: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-clip
What is an advantage of using a grid-based layout when developing a mobile Website?
It helps you determine which elements on your page can shrink or expand as the grid shrinks or expands.
What is one advantage of using JavaScript instead of HTML5 to validate an input field that is requesting the user to input an email address?
It offers more browser support.
What is advantageous about the fact that JavaScript is not compiled to any specific hardware platform or operating system?
JavaScript code can be developed quickly.
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 formattings such as fonts and colors.
When designing mobile Websites, which of the following should you do to simplify the site design?
Minimize the number of links that users must click to navigate the site.
Expressions rely upon what to evaluate a value?
Operators
JavaScript makes extensive use of objects. What is the term for the various attributes that can be assigned to an object?
Properties
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?
The <body> section of your page
Which of the following statements 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. ex: <label for="browser">Choose your browser from the list:</label> <input list="browsers" name="browser" id="browser"><datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari">< /datalist>
Which attribute must you use to bind the input field to the <datalist> element?
The <input> element's list attribute
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 TryItOut: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_outline-offset
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.
What happens when you specify the value contain to the background-size property?
The background image is scaled to the largest size possible that allows both width and height to fit within the specified content area. TryItOut: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size4
What happens when you specify the value cover to the background-size property?
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. TryItOut: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size3
The background-position property is a CSS1 property that defines the position of a background image, such as the 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?
The background-origin property FYI: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-origin
Which CSS3 property is used to resize a background image?
The background-size property
Which of the following JavaScript methods should you use if you want to specify a message string to appear on your Webpage as it loads?
The document.write() method
The <label> element enables you to add a label to a form field, such as an <input> element. Which attribute of the <label> element is used to bind it with the associated form field?
The for attribute <div class="preference"> <label for="cheese">Do you like cheese?</label> <input type="checkbox" name="cheese" id="cheese"> </div>
What will happen 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.
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
If a specified field includes the autofocus attribute, what happens when a user starts typing after loading the Web form in the browser?
The text is entered into the field identified with the autofocus attribute. TryItOut: https://www.w3schools.com/tags/att_autofocus.asp
Which set of CSS3 properties can you use to alter the appearance or operation of a Webpage?
The user interface properties FYI: https://www.w3schools.com/css/css3_user_interface.asp
Why would you use the CSS3 transform properties in a Web document?
To change the shape, size, and/or position of an element
Why is it essential to include operators in your script?
To instruct the program how to store or manipulate a value in an expression
Why would you use the for attribute with the HTML5 element?
To specify the IDs of the elements whose values were used in the calculation CheckItOut: https://www.w3schools.com/tags/att_for.asp#:~:text=Definition%20and%20Usage,elements%20used%20in%20the%20calculation.
Why would you include the HTML formaction global attribute in the <button> element?
To specify where to send user input when the form is submitted. note: it's the URL that processes the information. CheckItOut: https://www.w3schools.com/tags/att_button_formaction.asp
Which of the following is used to exchange data with a server?
XMLHttpRequest
Which of the following statements is true regarding global variables and local variables?
You can access a global variable value from any function or script block you define on the HTML page. You declare a local variable inside a function.
You are using some graphics that require WebGL for important functionality on your mobile site. Which statement describes the support you can provide for this?
You can provide users with a link to test for WebGL support and obtain a supporting browser.
Definition of CSS
a Web design technology that enables you to determine how the HTML elements in your Webpages will display.
Object-Orient Program
a collection of individual objects that perform different functions.
Definition of API
a set of universal commands, calls, and functions that allows developers to communicate with an application or operating system.
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?
autocomplete
Which CSS3 property determines whether the page background extends into the border or not?
background-clip ex: background-clip: border-box; - Extends the background to the outside edge of the border (default setting) background-clip: padding-box; - Extends the background to the padding area but not into the border background-clip: content-box; - Clips the background within the content box
With respect to style sheets, inheritance is the ability for styles that you apply to an element to:
be passed down throughout the rest of the document(s).
Which event occurs when a user clicks the mouse button outside of a particular field?
blur
The HTML5 datetime input type allows the user to:
choose a date and time with a GMT time zone. FYI: nice to know that this tag has been deprecated. Information I read says replaced by <input type="date">. SITE: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime
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 FYI: https://css-tricks.com/box-sizing/
Which HTML5 form input type allows the user to enter a date (without time zone) using a drop-down date-picker calendar?
date TryItOut: https://www.w3schools.com/tags/att_input_type_date.asp
HTML5 includes Web form additions, such as semantic input types, new selection options, and new validation tools that make it easier to:
enter information into forms when using touchscreen keyboards and small mobile device screens.
Async operates asynchronously through the ____.
event-loop
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.
JavaScript is a scripting language for adding dynamic interactivity to Webpages. You can use JavaScript to:
interpret the script and return the appropriate responses on the client-side or on the server-side.
Definition of Value (in JS)
is describes a specific quality of a property.
What is XMLHttpRequest (XML)
it is an API in the form of an object whose methods transfer data between a web browser and a web server.
Which JavaScript event occurs when a Webpage is accessed and appears in the browser?
load
Which of the following events occur when a Webpage is loaded in the browser?
load
Which of the following is a JavaScript event that occurs when a page opens in the browser?
load
Which type of JavaScript error is typically a syntax error?
load-time error
Kwan is using JavaScript extensively to add interactivity to his Website. Contained within his script is a counter object that calculates a date based on a number input by the user. Which term describes the action that Kwan's counter object performs?
method FYI: Methods are the actions that an object can be made to perform, such as a calculation, an onscreen movement, or the writing of text in a window. Methods often describe the actions that an object performs with its properties.
Which JavaScript event occurs when the mouse pointer leaves from a link, image, or another visible element on the page?
mouseout
Which JavaScript event handler is triggered when a user clicks her mouse button outside of a particular field after typing input there?
onblur
Which event handler is used by the submit object?
onclick
Which of the following event handlers is used by the link object?
onmouseout
Which of the following is an event handler processed by the form object?
onsubmit
Which JavaScript event handler runs when a user closes a browser window?
onunload
What is the syntax of a method that is used to draw quadratic curves on a canvas?
quadraticCurveTo(cp1x, cp1y, x, y);
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
Which JavaScript event occurs when the user highlights the text in a form field?
select
Which JavaScript object can be affected by the onchange event handler as value changes?
select
Which of the following JavaScript objects uses the select event?
text
To change the position of a transformed element in CSS3, you use the:
transform-origin property. TryItOut: https://www.w3schools.com/cssref/css3_pr_transform-origin.asp
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
Which of the following JavaScript objects uses the onerror event handler?
window
All browsers are DOM-compliant, which means that:
you do not need to develop multiple versions of your scripts tailored for each browser.