What HTML5 features assist in handling various device sizes?
Cookies.
Media queries.
Plug-ins.
Alfons needs to verify the hosting specifications for the HTML5 client. Which item(s) are most related to this concern?
Reliability, scalability, technical support, security, and support for various operating systems.
Plug-in support such as Microsoft® Silverlight® and Flash.
The developer application used by the client.
If the client used Microsoft Expression Web to create the site, what command should he specify in his documentation to prepare the site for hosting?
Site/Import.
Site/Publishing Settings.
Site/Export Web Package.
What change in HTML5 has changed how data is persistent across user sessions?
Use of improved cookies.
Use of localStorage and sessionStorage.
What does it mean that http is a stateless protocol?
HTTP does not retain data from session to session.
HTTP saves information for one session only.
HTTP saves only form data.
What allows HTML5 applications to still work in an offline state?
HTTP.
AppCache.
If the developer does not have a touch-screen device, how can he or she debug the application prior to testing?
Use MouseTouch events and an online touch-screen emulator.
He or she cannot test until it is deployed to a touch-screen device.
Program it to respond to voice commands.
What are some touch-enabled best practices to test for?
Prevent zooming, prevent scrolling, and render carefully.
Allow email and messaging.
Use as many new HTML5 features as possible.
How can the developer validate the new HTML5 code?
If the code compiles with no errors, it is validated.
Use an online simulator.
Use the W3C code validators.
What steps does she need to take before publishing an application?
Plan a promotion strategy for her application.
Configure, build, and test a release version.
Review her use of localStorage and sessionStorage for her application.
On what platform or store can Begoña sell her Metro application?
Android Market.
Windows® 7.
Windows Phone SDK.
Why should Begoña create a vector icon for her application?
Because people like pictures more than text.
To demonstrate her graphic art capabilities.
To promote the brand and help users discover the application.
What is the new syntax for the doctype declaration?
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd”>
<!DOCTYPE HTML>
<HTML DOCTYPE>
What does it mean when a tag has been deprecated?
It is outdated and no longer supported.
It has been replaced by another tag.
It is new to HTML5.
If the <font> tag is not supported in HTML5, how is the font family for text changed?
With cascading style sheets (CSS).
By using the <font-family> tag.
All text must be displayed as Times New Roman.
What is the new syntax for the canvas tag?
<canvas name = “directions”>
<canvas id = “directions” width = “400” height = “500”>
<canvas width = “400” height = “500”>
What command is used to write the drawing to the canvas?
context.moveTo(0,0);
context.lineTo(70,-70);
context.stroke( );
How does the developer draw on the canvas?
Using a script, such as JavaScript.
Using native HTML5 commands.
Inserting a previously created image.
What is the syntax for the new HTML5 video tag?
<video> </video>
<video source= “movie.mp4” controls = “controls”></video>
<video src= “movie.mp4” width = “350” height = “300” controls = “controls”> </video>
How can the developer display a static image in place of the video while the video is downloading and prior to the user selecting play?
Add a poster attribute to the video tag.
Add an image attribute to the video tag.
Add an src attribute.
What optional attribute can be added to automatically start the video?
play
autoplay
preload
Which new tag is designed to be self-contained content?
<section>
<article>
<header>
What information is generally contained in the new footer tag?
The author of the document, copyright information, links to terms of use, and contact information
Citations and footnotes
Headings, subheadings, version information, and navigational controls
Which tag is used to display multiple levels of headings and subheadings?
<hgroup>
What is the format for the HTML5 tag to validate an email address?
<input type = “url” name = “email”>
<input type = “text” id = “email”>
<input type = “email” name = “email”>
How can Michiyo make the form more user friendly?
Add placeholder text.
Add background colors.
Add images.
What input attribute can she use to help the user enter a Japanese Postal Code (Format: nnn-nnnn)?
pattern=“\d{3}-\d{4}”
mask=“\d{3}-\d{4}”
postalCode=“\d{3}-\d{4}”
What are the parts of the CSS Box Model?
Overflow, scrolling, visible, hidden
Float, absolute
Content, padding, margin, and border
What generic font families can be used to prevent potential viewing problems?
Monospace, serif, sans-serif
Arial, Helvetica, Garmond
Times New Roman, Comic Sans
What properties can be set to control overflow when using block flow?
Yes, no
Height, width
Scroll, visible, hidden
CSS has several vendor-specific prefixes to help accommodate the transition to CSS3. What are valid prefixes for Firefox, Internet Explorer®, and Safari?
-firefox-, –microsoft-, -safari-
–Ffox-, -Msoft-, -Saf-
–moz-, -ms-, -webkit-
What box property is used to set the direction of the content?
box-direction
box-align
.box-orient
How can Diane ensure that extra whitespace in a browser window is equally distributed to the size of multiple child elements?
box-pack
To arrange the content in the newsletter, Michael wants the web developer to use columns that will scale based on the user’s screen size. What new CSS3 style can be used?
newsletter
column-count
hyphenation
What CSS style can be used to wrap text and other content around specific elements?
wrap-text
positioned-floats
To make the newsletter appear professional, Michael wants the text to be fully justified. However, he is concerned that longer words will cause the text to appear stretched. How can the developer correct this problem?
CSS3 style for hyphens
CSS3 style for text-align
CSS3 style for padding
What CSS3 property creates rounded borders?
border-size
border-rounded
border-radius
Which statement should the developer use to include a font that is not pre-installed on client machines?
@font-face
includeFont
font-family
What SVG filter would create the effect shown in the following image?
feBlur
feGaussianBlur
feBlend
Which variable name is valid in JavaScript?
todaysDate
1January
First!Name
Which JavaScript built-in function tests for a numeric value?
isNumber()
isNaN()
isValid()
What is the correct syntax for defining a new variable in JavaScript?
new var firstName;
var lastName;
var int number;
What mouse event handler triggers the JavaScript code when the user presses the mouse button?
onmousedown
onmouseover
onmousemove
Which JavaScript command is used tolocate and access an element on the page?
getHTMLTag(tagname)
getElementById(idname)
getElement(name)
Which JavaScript command is used to dynamically add new elements?
new element(tag);
createElement(tag);
createNewTag(tag);
What is the benefit of using animation libraries to add animations to a site?
No knowledge of JavaScript is required.
Reduces development time by reusing existing functions.
Does not require any additional programming.
What part of the HTML code should include the statements to import existing JavaScript files such as jQuery?
<head>
<body>
<include>
What libraries should Isabel review to learn more about adding animation to the site?
GUI, JavaScript
Windows Library, jQuery
Animation, WYSIWYG
What is a benefit of using AppCache?
It allows the user to save the application to the client computer.
It saves a manifest of URLs in a text file available offline.
It provides an indexed database of information used by the client.
How can developers use a blob in their web design?
To access and save text files.
To store structured data that can be indexed and searched.
To open a connection to the server.
What new HTML5 database allows developers to store structured data on the client computer?
Relational database
Indexed database
Structured database
What can the developer use to test for the rotation of the physical device?
changedirection
onrotate
orientationchange
What gesture is used to increase the size of the screen display?
pinchopen
pinchclose
doubletap
What technique registers that the user is rotating an image on the screen?
A gesture, which is touching the screen with two fingers.
Touch events to indicate the start and stop of the rotation.
The user cannot rotate an image using touch-enable technology.
What API can be used to provide a chat application?
WebSockets
JavaScript
web workers
What technology will enable the City Power and Light Company to identify the current location of its customers?
webSockets
geolocation
gpslocator
The company has an application that can analyze customer power usage, but it is very slow. How can the company improve the website response time?
What mobile device resource detects the force of gravity as well as any forces resulting from the movement of the device?
Gyroscope
Accelerometer
Calibrator
What operating system environment allows the developer to access new device technology such as a camera or microphone?
WinRT
Internet Explorer®
What information is held in the memory resources of mobile devices?
Photos
Application Cache
Contact lists and calendars
