C777 Web Dev. Applications
What is the first character a developer should use for an id selector in CSS? # : ; .
#
Given the following CSS code: div { transition-property: opacity, left, top, height; transition-duration: 3s, 5s; } Which value will be assigned for the transition related to the height property? 0 seconds 1 second 3 seconds 5 seconds
5 seconds
Which background-size property value scales the background image to the greatest height and width that fits within the specified content area? Cover Contain Percentage Length
Contain
What is a goal of responsive web design?
Dynamic element adjustments
A developer has an image that needs to remain in the same place when the page is scrolled. Which CSS positioning scheme should this developer use? Static Absolute Relative Fixed
Fixed
Which attribute is used to display an image inside a element before the video starts playing? src img type poster
Poster
Given the following CSS code: body { color : white; } Which part of an element is affected by the color property? Text Border Background Shadow
Text
Which style sheet code denes the 18-pixel Arial font for all level two headers? h2 {font-family-: Arial; font-weight: 18px; } .h2 {font-name: Arial; font-size: 18px; } h2 {font-family: Arial; font-size: 18px; } .h2 {font-name: Arial; font-weight:18px; }
h2 {font-family: Arial; font-size: 18px; }
Which CSS transition should be used on an image to make it ease in when a user's mouse hovers over that image? transition-property transition-duration transition-timing-function transition-delay
transition-timing-function
Which HTML input type allows for mailto: address entry?
url
Which option declares a variable called name and assigns the literal value Student to it? var name = "Student"; string name = "Student"; var name = Student; string name = Student;
var name = "Student";
What is used in code to specify the width of an image in responsive web design?
%
What uses predened code to add functionality to HTML5 pages? Software development kit (SDK) Application programming interface (API) Document object model (DOM) Asynchronous JavaScript and XML (AJAX)
Application programming interface (API)
What are variables that are passed to a function called? Arguments Statements Keywords Prompts
Arguments
What immediately encloses the padding in the CSS box model? Content margin Border Table
Border
Which JavaScript application programming interface (API) allows for the creation and manipulation of 2-D images? Application Canvas Geolocation Drag and drop
Canvas
What is a characteristic of mobile web design?
Easily understood text labels as links
What should a developer use to test sites for cross-browser compatibility?
Emulator
A web designer creates the following animation by using CSS3: #texteffect { position: relative; animation-name: scroll; animation-duration: 5s; animation-timing-function: linear; animation-play-state: running; } @keyframes scroll { from {left: 0px;} to {left: 200px;} } How does the content of the element move when the page loads? From left to right one time From left to right, repeating for as long as the page displays From top to bottom one time From top to bottom, repeating for as long as the page displays
From left to right one time
Which form input type supports a required attribute?
file
Which global attribute should a developer use to bind a label element to an input element?
for
Which document object model (DOM) method does the Canvas element use? beginPath() getContext() stroke() ll()
getContext()
What is the outermost box of the CSS box model? Border Padding Content margin
margin
Given the following CSS code: .box { width: 150px; height: 150px; background: red; margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; } .box:hover { background-color: green; cursor: pointer; } Which color does this box turn when a user hovers a mouse pointer over it? Green with a time delay of two seconds Red with a time delay of two seconds Green with a time duration of two seconds Red with a time duration of two seconds
Green with a time duration of two seconds
Given the following HTML: What color would you like to use? <select autofocus> <option value = "red">Red</option> <option value = "blue">Blue</option> <option value = "green">Green</option> <option value = "pink">Pink</option> </select> What happens when the page loads?
The select element in the form takes focus.
The background-origin property has a value named padding-box. Which corner of the padding edge does the padding-box value set the background relative to? Upper left Upper right Lower left Lower Right
Upper left
Which development phase helps ensure cross-browser compatibility through coding standards?
Validation
What is a limitation of user input validation?
Validation detects only incorrect formatting and missing information.
Which variable name format does JavaScript use? #address 1stAddress .address _address
_address
Which CSS property should a developer use to specify the bottom of a 3D element? transform perspective transform-style perspective-origin
perspective-origin
Which method should a developer use to create a message and request user input in a text field? confirm prompt alert write
prompt
Given the following code: ctx.beginPath(); ctx.lineWidth = 3; ctx.llStyle = "red"; ctx.arc(75, 75, 50, 0, Math.PI * 2, true); ctx.fill(); ctx.moveTo(0, 0); ctx.lineTo(100, 100); Which Canvas application programming interface (API) method should a developer use to add the line to the drawn path on a canvas? closePath() stroke() fill() beginPath()
stroke()
Which attribute value presents form data to a server for processing?
submit
Which code segment contains a conditional expression? var discount = CalculateDiscount(total); var discount = total > 250; var discount = (total > 250) ? true : false; var discount = total;
var discount = (total > 250) ? true : false;
Which syntax for a CSS class oats images to the right? .floatright {float: right; margin: 7px;} .floatright <float: right; margin: 7px;> .float {float: right; margin: 7px;} .float <float: right; margin: 7px;>
.floatright {float: right; margin: 7px;}
Where should a search field be placed on a mobile site?
Across the top
Given the following HTML code: <ul> <li>One</li> <li>Two</li> </ul> Which jQuery code segment inserts an item at the beginning of the list?
$("ul").prepend("Zero");
Which CSS selector denes an element with a class attribute equal to subject? #subject .subject @subject ::subject
.subject
Which markup positions an image so that the lower part of it is even with the lower part of adjoining text? <img src="sample.jpg" vertical-align="baseline"> <img src="sample.jpg" text-align="bottom"> <img src="sample.jpg" padding="baseline"> <img src="sample.jpg" margin="bottom">
<img src="sample.jpg" vertical-align="baseline">
Which code segment creates input text that has its value checked against a regular expression?
<input type="text" name="name" pattern="[a-zA-Z]">
Which HTML tag provides ways for users to enter information on forms?
<input>
Which element allows a developer to add a caption for a created group of items?
<legend>
A web designer reviews the following CSS3 code: #brand { font-weight: bold; } Which paragraph element will it select? <p class="brand">Web Design</p> <p id="brand">Web Design</p> <p style="brand">Web Design</p> <p id="#brand">Web Design</p>
<p id="brand">Web Design</p>
Which tag enables developers to include dynamic code in an HTML document? <mark> <scrip> <main> <section>
<scrip>
Which element should a developer use for a bulleted list? <ul> <ol> <li> <p>
<ul>
What should be added first when embedding CSS in a single web page as an internal style sheet? A <style> element to the <head> section A <head> element to the <style> section Declarations with a <style> </style> block Declarations with a <head> </head> block
A <style> element to the <head> section
A web page has a section that contains an element. The element is always 10 pixels from the right and 50 pixels from the top of the browser. Which type of layout positioning does the element use? Static Relative Absolute Fixed
Fixed
A web page includes the following CSS code: @keyframes anim_01 { 0% {left: 0px; top: 0px;} 50% {left: 200px; top: 0px;} 100% {left: 600px; top: 0px;} } #animation { position:relative; animation-name: anim_01; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: innite; animation-direction: alternate; animation-play-state: running; } How often does the animation play when it is invoked? Two times Four times Forever Once
Forever
<input id="password" name="password" type="password" class="password" pattern=".{8,12}" required> What does the markup do?
It allows a user to enter a password between 8 and 12 characters long.
What does an HTML5 code validator conform about code? It contains no warnings. It works in every browser. It complies with a standard. It follows best practices.
It complies with a standard.
Given the following code: function techStack(obj) { var platform = (obj.node) ? "backend" : "frontend"; return "JS-for-" + platform; } var c = techStack({node:1}); console.log(c); Which output does the console display? JS-for-frontend undefined JS-for-backend error
JS-for-backend
Which programming language provides dynamic content for a web page across all browsers? XML JavaScript HTML5 Java
JavaScript
Which technology is used to access the direct object model (DOM)? Canvas CSS HTML5 JavaScript
JavaScript
Which type of content should use an <aside>? News Feeds Site copyrights Headlines Navigation Menus
News Feeds
Given the following code: var data = {amount:250; freeShipping:true; message: "Your order has been shipped."}; Which data type does the data variable represent? Object Null Undefined String
Object
What must follow the name of a function in a JavaScript function declaration? Script block Curly braces Calling statement Parenthesis
Parenthesis
Which unit of measurement should a developer use when designing mobile websites to ensure that content fits multiple screen sizes?
Percentage point
What is a characteristic of a web page with responsive design? The ability to react to user events A measure of the page load speed The ability to resize to the screen size A measure of the page close speed
The ability to resize to the screen size
Why is JavaScript considered a scripting language? The code must be compiled. It is driven by events. It is object-oriented. The code must be interpreted.
The code must be interpreted.
What should a developer add or change to ensure that the form is validated when submitted?
The event handler and function should be added to the form tag.
A user's information defaults onto a form. Which event triggers if the user keys in a new value in the First Name field? change reset unload abort
change
Given the following markup: blah blah blah Which statement should a developer add to the dragOver function to allow the image to be dragged and dropped onto the section element? event.type = "acknowledge"; event.cancelBubble = true; event.stopPropagation(); event.preventDefault();
event.preventDefault();
A web developer needs to play an audio le endlessly. The developer writes the following HTML code: <audio> <Source src "media/audio.ogg" type "audio/ogg" /> <audio> Which attribute should this developer use? Controls autoplay loop src
loop
Which form attribute limits the number of characters for an input field?
maxlength
Given the following JavaScript: var name = "student"; Which code statement sets the name variable to all uppercase characters? name = name.toUpperCase; name.toUpperCase(); name = name.toUpperCase(); name.toUpperCase;
name = name.toUpperCase();
Which line of code should a developer use to create an interface that can retrieve data in a client browser?
new XMLHttpRequest();
Which JavaScript event handler is associated with the form object? onclick onchange onselect onreset
onreset
A developer needs two pixels of space on the left side of content relative to the border. Which CSS property should this developer use? padding-left:2px; border:2px; margin left 2px; float left;
padding-left:2px;
Which code segment declares a variable and assigns a Boolean value to it? var enabled = 'true'; bool enabled = true; var enabled = true; bool enabled = 'true';
var enabled = true;
Which method of the Geolocation application programming interface (API) should a developer use to get periodic updates of a user's coordinates? getCurrentLocation() watchPosition() clearWatch() toString()
watchPosition()