MTA HTML5 Application Development Fundamentals Training 1

What is jQuery?

A lightweight, "wright less, do more" JavaScript library

As part of the debugging process, a programmer will usually use a validator to test their code. What does this accomplish?

A validator checks the markup used on the page for any errors or problems in your code. It does not, however, provide an environment to test the code itself.

What three file formats are supported by the <audio> element in HMTL5?

WAV, MP3, and OGG

Which of the two is the correct syntax to hide a button using JavaScript with jQuery?

document.getElementByID(id).hide(); document.getElementByID(id).style.display="none";

What three methods return a node, or nodes, based on the arguments sent?

getElementByTagName() getElementByID() getElementByTagNameNS()

What three methods are used for localStorage and sessionStorage?

getItem(); removeItem(); setItem();

Which of the following is the correct syntax for a pattern attribute on an input tag?

pattern="[A-z0-9]"

Which of the following properties can be used to change the content of a div tag, obtained earlier in the code through the use of document.getElementById()?

.innerHTML

What does a CSS comment start and end with?

/*

How do developers properly add controls to an audio element?

<audio controls="controls">

What will <bold> be replaced with in HTML5?

<em>

Which of the following is the correct usage for the <figure> and the <figcaption> tags?

<figure> <img src="image.jpg" alt"Building Plans Fig. 1"/> <figcaption> Fig. 1 - Building plants for the new construction project downtown. </figcaption> </figure>

What are two new organization tags in HTML5?

<footer> and <section>

What will <bold> be replaced with in HTML5?

<strong>

Which two HTML5 tags will format text to be important?

<strong> and <em>

What is the correct syntax to use a non-web safe font on your site?

@font-face { font'family: Font Name; src: url("Link to font"); }

What does A mean/represent in RGBA?

A represents opacity (visibility), so the opposite is transparency. Ex. If you want a 20% transparency, the a or opaque, then the a is 0.80

Application packaging is the process of grouping all files relevant to an application into a single package. What kind of tools is used to do this?

App Development environments

What three of the following are hardware that can be accessed by an HTML5 application?

Camera, GPS, and Accelerometer.

What two can be read by the FileReader interface?

Blob Object, File Object

What items are valid input types?

Button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week

What three are true about browser Cookies?

Cookies are used to store data on the user's computer. Cookies can be updated by the site that set them. Cookies can be created and stored with JavaScript.

What three of the following are included in the HTML5 family?

HTML Markup, CSS and Javascript

What new feature of HTML5 allows you to manage the state of a session?

History API

What is the programming term for isolating a small piece (or pieces) of data from a larger item?

Parsing

On a Windows touch device, in Mouse Pointer mode, which gesture serves the same purpose as a zoom out?

Pinch

What does the Blob interface in the File API provide access to?

Raw binary data

You want to publish an application to the Microsoft store. What should you do first?

Review the app requirements and developer agreement.

What two are true of SVG?

SVG are created purely in XML, and so require very little bandwidth compared to an actual file. SVG images are capable of being animated.

SVG

Scalable Vector Graphics.

What is the difference between an App Package and an App Container?

The App Package is the entire app packaged into a single file. This process is similar to achieving a large number of files to transfer them to another person. The app container is the memory space allocated at run time for the app on the user's local machine.

What is the advantage of the AppCache?

The AppCache stores files on the user's local machine, causing them to load faster when called again. This also allows for the cached files to be accessed while the user is offline.

which of the following is the correct usage for the <time> tag?

The current time is <time datetime= "2012-1-1G12:54:22Z">12:54</time>

What are the two correct uses of the <div> tag?

To add a drop shadow, background color, or a border to an item. To position multiple unrelated items as a group.

What is the purpose of the flexbox properties in CSS?

To display an element as a flexbox, allowing its size, and position adjust with the size of the viewport.

What is the purpose of the multi-column layout property?

To display content that is contained within one block element, in a multi-column view when the page loads.

When should you use the new HTML5 <canvas> tag?

To draw graphics via scripting.

What Javascript object is used to read touch input?

Touchlist

Which is the correct syntax to round the corners of an element?

border-radius:15px;

Which is the correct method to define a block element as a grid?

display:grid;

What two are methods used for drawing/animation?

moveTo(): fillStyle();

What is the correct syntax to retrieve the physical location of the user's device?

navigator.geolocation.getCurrentPosition( printMethod, error Method );

You want to create a CSS style that will modify the strong tag to apply blue color and add 60% transparency. Which of the following code fragments will do this?

strong { color:rgba(0,0,255,0.40);}