Assessment – G-CITI Campus Prep

Start Exam

Welcome to your Assessment

Name Email Phone Number

1. You create an interface for a touch-enabled application. You discover that some of the input buttons do not trigger when you tap the screen. You need to identify the cause of the problem. What are two possible causes? (Choose two.)

The input areas overlap with other input areas

The touch screen is not initialized.

The input areas are using event handlers to detect input.

The defined input areas are not large enough

2. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML5 and CSS3 in their development process. You are running a training exercise for junior developers. You are currently discussing an object of the Web Storage specification that is designed for scenarios where the user is carrying out a single transaction. Which of the following is the object being discussed?

foreignStorage

externalStorage

localStorage

sessionStorage

3. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing an HTML5 input attribute that provides a way to set default text until focus is placed in an element. Which of the following is the input attribute being discussed?

The required HTML5 input attribute

The placeholder HTML5 input attribute.

The draft HTML5 input attribute.

4. Which two terms represent interfaces in the File API? (Choose two.)

Font

Blob

Keygen

FileList

5. Which two touch gestures require a multi-touch device? (Choose two.)

hold

tap

pinch

spread

6. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML5 and CSS3 in their development process. You are running a training exercise for junior developers. You are currently discussing Scalable Vector Graphics (SVG). You have reached the section that deals with presentation elements and their corresponding attributes and DOM interfaces. Which of the following is included in this section?

Barriers.

One dimensional graphics.

Basic shapes.

Code

7. You add a div object to a page. Which CSS3 code fragment will add a scrollbar only if the content exceeds the width or height of the object?

div {inline:scroll;}

div {inline:auto;

div {overflow:scroll;}

div {overflow:auto;}

8. Which two events are supported on touch devices? . (Choose two.)

click

touchstart

selection

drag

Should be used to ensure that the website can be viewed on a desktop monitor or smartphone

Responsive design techniques

Multi-purpose screen features

10. You work as a developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML and CSS3 in their development process. You have been instructed to create a new layout. You should achieve this by making use of only one CSS3 region. Which of the following actions should you take?

You should consider creating a table layout.

You should consider creating a grid layout.

You should consider creating a flex box layout.

You should consider creating a ListView layout.

11. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing a CSS property that introduces content into the flow. Which of the following is the property in question

The content-flow property.

The content-into property.

The flow-from property.

The flow-into property.

12. Which code fragment sets up a timer that calls a function named “adjust” every second?

setTimeout(adjust, 1000);

setInterval(adjust, 1000);

setInterval(adjust, 1);

setTimeout(adjust, 1);

13. Which three statements describe cookies? (Choose three.)

They can be created, read, and erased using the document.cookie property.

They are limited in size to 5 MB.

They are deleted automatically when the session ends.

They can be used only by pages on the domain where they were set.

They contain the data in the form of a name=value pair.

14. You are creating a page by using HTML5. You add script tags to the page. You need to use JavaScript to access an element by id and add a class to the element. Which property or attribute should you use?

the tagName property

the className property

the style property

the class attribute

15. You add script tags to an HTML page. You need to update the text value within a specific HTML element. You access the HTML element by id. What should you do next?

Use the createTextNode method.

Use the appendChild method.

Set the new text value with the setAttribute method.

Use the firstChild property and set the new text value with the nodeValue property.

16. The data in a specific HTML5 local storage database can be accessed from:

Different browsers on the same device.

Different browsers on different devices.

The same browser on different devices.

The same browser on the same device.

17. What does the following HTML5 code fragment do?
<video controls>
<source src="myVacation.avi" type="video/avi">
<source src="myVacation.ogg" type+"video/ogg">
</video>

It plays the myVacation.avi video if the browser supports it; otherwise, plays the myVacation.ogg video if the browser supports it.

It plays two videos: first myVacation.avi, and then myVacation.ogg.

It plays both videos simultaneously, myVacation.avi and myVacation.ogg.

It prompts the user to choose which format of the myVacation video it should play, .avi or .ogg.

18. Which two semantic tags are used to define layouts in HTML5? (Choose two.)

footer

head

progress

section

19. Which JavaScript code fragment will determine that a visitor has selected the “Chocolate” radio button? See link for code
<form action="#">
<p>What flavor do you prefer? <p/>
<input type="radio" name="flavor" if="vanilla" />vanilla<br />
<input type="radio" name="flavor" id="butterscotch" />Butterscotch<br />
<input type="radio" name="flavor" id="chocolate" />Chocolate<br />
</form>

if (document.getElementById("chocolate").checked == true

if (document.getElementById("chocolate").value = true

if (document.getElementById("chocolate").checked = true

if (document.getElementById("chocolate").value == true

20.

The principle your group should use when designing a website?

Proximity

The 4 theories

Grid Layout

21. Which positioning scheme places an object in normal document flow?

absolute

relative

fixed

float

22. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing the relative positioning scheme. Which of the following is TRUE with regards to this positioning scheme?

The location of the element in the page is not calculated relative to parent or child elements, but to the browser window.

It places an element in the natural HTML flow of the document, and offsets the position of the element based on the preceding content.

It places an element in the natural XML flow of the document, and offsets the position of the element based on the proceeding content.

It pulls the element out of the flow of the document and positions it without regard to the layout of surrounding elements.

23. Which item specifies resources for an offline HTML5 application?

a CSS style sheet

an HTML5 file

a JavaScript file

a cache manifest file

24. What is the default value of the CSS position property?

fixed

absolute

static

relative

25.

What are the three characteristics of the DOM panel

It allows you to drag and drop elements to change their order in the layout

It renders an interactive HTML tree for static and dynamic content

It lets you access your files on your local disk

It lets you copy, paste, delete, and duplicate elements

26. In CSS, the flow-into property deposits:

the flow into the content.

the regions into a flow.

the flow into the regions.

content into the flow.

27. Which attribute prefills a default value for an input element in HTML5?

name

placeholder

autocomplete

required

28. An HTML5 application can be used without going through a manufacturer’s approval process if.

The browser on the device supports HTML5.

The manufacturer has unlocked the device’s SIM card.

The application has been compiled.

The developer has the correct application ID.

29. You create an interface for a touch-enabled application. You discover that some of the input buttons do not trigger when you tap the screen. You need to identify the cause of the problem. What are two possible causes? (Choose two.)

The input areas overlap with other input areas.

The touch screen is not initialized.

The input areas are using event handlers to detect input.

The defined input areas are not large enough

30. Which three properties can be used with the TouchEvent object in the Safari touch API? (Choose three.)

offsetTop

clientHeight

scale

touches

rotation

31. In HTML5, the autofocus attribute:

defines the cursor location when a form is first accessed.

controls the movement between fields in a form.

adds a default value to the field in a form.

enables one field and disables all others.

32. Which HTML5 tag is used to display text with a fixed-width font and preserves both spaces and line breaks?

area

pre

strong

33. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing an HTML5 tag that identifies an inline text container. Which of the following is the tag being discussed?

The source tag.

The samp tag.

The span tag.

The style tag.

34. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing a method associated with the localStorage object. The method can be used to write data to local storage. Which of the following is the method being discussed?

The initStorageEvent method.

The process method.

The setItem method.

The setImmediate method.

35. Which are two features of SVG? Select "Yes" for your answer. (Choose two.)

uses high performance pixel-based graphics

can be modified by using CSS

uses high performance raster-based graphics

can be modified by using JavaScript

36. Which CSS3 code fragment rounds the corners of a border?

border-image: 50px;

border-clip: 50px concave;

border-radius: 50px;

border-clip: 50px;

37. Which code shows the correct way to nest tags in HTML5?

{ }=< >html brackets

{p}This is HTML5{b}{i}text formatting,/b}{/i}{/p}

{p}This is HTML5{b}{i}text formatting{/p}{/i}{/b}

{p}This is HTML5{b}{i}text formatting{/p}{/b}{/i}

{p}This is HTML5{b}{i}text formatting{/i}{/b}{/p}

38. Which two tags are used with the HTML5 TABLE element? (Choose two.)

body

tfoot

head

39. Your code includes the following fragment: <input type=”text” name=”text1″ id=”myText” /> You need to add code that will retrieve the contents of the INPUT element. Which JavaScript code fragment will accomplish this?

vartxtContents =document.getElementById(‘text1’).value;

vartxtContents = document.getEIementyById(‘myText’).value;

vartxtContents =document.getElementById(‘text1’);

vartxtContents = document.getElementById(‘myText’);

40. Which three generic font family names are valid values of the font-family property in CSS? (Choose three.)

cursive

system

serif

fixed

fantasy

41. Which HTML5 tag defines superscript text?

small

script

sup

sub

42.

Your group has been assigned to create a basic website to facilitate communication with Students and parents of company sponsored day care center operates under the G -citi Campus.Once the website has been completed , you will also have the responsibility for the training the staff to update and manage the site.

Which Three strategies should your group use once have completed an initial usability test on this website?(choose 3)

Take note of the amount of time it took participants to complete a task

Hold off making any changes until you verify the results with a second test

Pay attention to difficulties that the participants had in common

After making corrections, run another usability as soon as possible

43. Which term describes the canvas API?

xml-based

vector-based

retained-mode

immediate-mode

44. Which two code fragments represent ways to use HTML5 to save values to session storage? ( Choose two.)

sessionStorage.setItem('someKey', 'someValue')

sessionStorage.setItem.someKey='someValue';

sessionStorage.someKey='someValue';

sessionStorage.updateItem('someKey','someValue');

45. When content from a flow is loaded into a region, overflowed content:

attempts to fit into the region by auto-adjusting the styles.

continues into the next region.

is truncated and an error flag is set.

is buffered for download.

46. Which code fragment will display an image file while the video is downloading?

video width="740" height="416" src="fireworks.jpg"

video width="740" height="416" poster="fireworks.jpg"

video width="740" height="416" autoplay="autoplay"

video width="740" height="416" preload="fireworks.jpg"

47. You create an interface for a touch-enabled application. During testing you discover that some touches trigger multiple input areas. Which situation will cause this problem?

The touch screen is not calibrated.

The input areas are too close together.

The defined input areas are too small.

The input areas are semi-transparent.

48. Which tag is used to create a drop-down list in HTML5?

select

datalist

49. Which two CSS properties can be used to position multiple HTML elements next to one another? (Choose two.)

display

position

overflow

float

50. You add script tags to an HTML page. You need to update the text value within a specific HTML element. You access the HTML element by id. What should you do next?

Use the createTextNode method.

Use the appendChild method.

Set the new text value with the setAttribute method.

Use the firstChild property and set the new text value with the nodeValue property.

51. Which positioning scheme places an object in normal document flow?

absolute

relative

fixed

float

52. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing an event that is triggered when a user places a touch point on the touch surface. Which of the following is the event being discussed?

Touchstart

Touchcancel

Touchend

Touchmove

53. What does “V” stand for in the file type SVG?

Vertical

Video

Vector

Variable

54. Which CSS position value is used to position an element relative to the browser window?

position: relative;

position: absolute;

position: static;

position: fixed;

55. Which layout can you create by using a single CSS3 region?

a table layout

a snaked-column layout

a multiple column liquid layout

a multiple column fixed layout

56. Which CSS3 code fragment will style only the external links in an HTML document?

a[href$="http://"] {font-weight:bold;}

a:visited {font-weight:bold;}

a {font-weight:bold;}

a [href^="http://"] {font-weight:bold;}

57. Which CSS property defines which sides of an element where other floating elements are not allowed?

float

position

display

clear

58. Which three are valid JavaScript variables? (Choose three.)

xyz1

.Int

int1

_int

1xyz

59. You need to retrieve a value from local storage by using the key “aardvark.” Which code fragment should you use?

var value=localStorage.getItem("aardvark");

var value=localStorage.key("aardvark");

var value=localStorage.setItem("aardvark");

localStorage.setItem("aardvark",value);

60. An HTML5 application can run without an Internet connection if:

the application is converted to an executable.

the .NET Framework is installed on the client computer.

the application specifies the use of a client-side SQL database.

the application specifies the use of an ApplicationCache interface.

61. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML5 and CSS3 in their development process. You are running a training exercise for junior developers. You are currently discussing a touch interface system gesture that is the same as a mouse left-click. Which of the following is the gesture in question?

Tap

Hover

Press and hold

Drag

62. The variable named “ctx” is the context of an HTML5 canvas object. What does the following code fragment draw? ctx.arc(x, y, r, 0, Math.PI, true);

a semi circle at the given point

a square at the given point

a line from one point to another

63. Which two code segments declare JavaScript functions? (Choose two.)

varfunct= (a);

unction Foo(a){ … }

var a=new Foo();

Foo=function(a){ …}

64. You need to ensure the scope of a variable named j is limited to the block of a single function named foo(). Which JavaScript code fragment will accomplish this?

function foo() {var j; …}

var j; function foo() {…}

j = 0; function foo() {…}

function foo() {j = 0, …}

65. In HTML5, which two objects in the Web Storage specification are used to store data on the client? (Choose two.)

websocket

navigator

cache

sessionStorage

localStorage

66.

Two considerations of the client's target audience that the designers should review when determining the TECHNICAL REQUIREMENTS of a website

Internet Connection -Browser

Computer make - Internet speed

67. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML and CSS3 in their development process. You have been instructed to alter the text value of an HTML element. You are planning to make use of the innerHTML property. Which of the following is TRUE with regards to the innerHTML property? (Choose all that apply.)

It is valid for both block and inline elements.

It is inaccessible at run time as the document is being parsed

When the innerHTML property is set, the given string completely replaces the existing content of the object.

When using innerHTML to insert script, you must exclude the defer attribute from the script element

68. Which three technologies does HTML5 encompass? (Choose three.)

CSS

ASP.NET

JavaScript

HTML

69. You need to use JavaScript to access the “section1” element in the following code fragment: <div id=’section1′>
Which method should you use?

getElementsByTagName

getElementById

getElementsByName

getElementsByClassName

70. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. ABC.com makes use of HTML5 and CSS3 in their development process. You have received instructions to create a page that has script tags included. You want to access an element by id by making use of JavaScript. You then want to add a class to the element. Which of the following actions should you take?

You should consider making use of the classList property.

You should consider making use of the className property.

You should consider making use of the tagUrn property.

You should consider making use of the name property

71.

Designers should consider this when evaluating the age appropriateness of content used on the website

Reading level

Appropriate images

colourful words

72.

Two units of measurement that allow for flexible scaling of page elements?

Ems, percentages

Cm, degrees

73. You work as a senior developer at ABC.com. The ABC.com network consists of a single domain named ABC.com. You are running a training exercise for junior developers. You are currently discussing Scalable Vector Graphics (SVG). Which of the following is TRUE with regards to SVG? (Choose 2 that apply.)

It is a powerful way to add high-fidelity, easily scalable visuals to a website via a plug-in or separate viewer.

It is a powerful way to add high-fidelity, easily scalable visuals to a website without the need for a plug-in or separate viewer.

It is a language for describing one-dimensional graphics in XML.

It is a language for describing two-dimensional graphics in XML.

74. Which JavaScript method is used to draw a circle on a canvas?

ellipse

circle

bezierCurveTo

arc

75.

When discussing the design plans for an e-commerce site with a retailer moving online, which goal would address the target audience?

Increasing brand/name recognition

Focus on a specific market for online sales

Including trackingcan be analyzed

Receive online feedback from customers