Choose INF-306 most accurate study material

IT Specialist INF-306 Exam Overview:

IT Specialist INF-306 Exam Syllabus Topics:

IT Specialist HTML5 Application Development Sample Questions:

Question 1

A local photographer asks you to add filters as shown to the images in their photo gallery so that the images are not recognizable until authorized users log in.
Example of original and filtered images:
* Original image: full-color flower image
* Filtered image: blurred grayscale image

Analyze the images on the left.
Construct a CSS selector that will apply the appropriate filters to the images to meet the requirements.
Complete the markup by moving the appropriate HTML tags from the list on the left to the correct locations on the right. You may use each HTML tag once, more than once, or not at all.
Note: There is more than one correct markup. You will receive credit for any correct markup completion.

Question 2

Which two background graphics will automatically adjust to different screen sizes? Choose 2.
Note: You will receive partial credit for each correct selection.

A. < body style= " background:url(media/background.jpg); background-size:cover; background-repeat:no- repeat; " >
B. < body style= " background:url(media/background.jpg); background-size:contain; background-repeat:
no-repeat; " >
C. < body style= " background:url(media/background.jpg); background-size:auto; background-repeat:no- repeat; " >
D. < body style= " background:url(media/background.jpg); background-size:initial; background-repeat:no- repeat; " >

Question 3

Which two functions support 2D transformations in CSS3? Choose 2.

A. move()
B. matrix()
C. skew()
D. scroll()

Question 4

The following code adds items to the groceries array from the other arrays. Line numbers are for reference only.
01 < body >
02 < p id= " list " > < /p >
03 < script >
04 var groceries = [];
05 var dairy = [ " Milk " , " Eggs " , " Cheese " , " Ice Cream " ];
06 var beverages = [ " Juice " , " Water " , " Soda " , " Coffee " ];
07 var fruits = [ " Apples " , " Bananas " , " Grapes " , " Oranges " , " Strawberries " ];
08 var vegetables = [ " Broccoli " , " Carrots " , " Lettuce " , " Spinach " , " Tomatoes " ];
09 var meats = [ " Beef " , " Chicken " , " Pork " ];
10
11 function addVegetables() {
12 groceries = groceries.concat(vegetables);
13 }
14
15 function addFruits() {
16 groceries = groceries.concat(fruits);
17 }
18
19 function addOther() {
20 groceries.push(meats[1]);
21 groceries.push(dairy[3]);
22 }
23
24 fruits.shift();
25 addVegetables();
26
27 groceries.shift();
28 addFruits();
29
30 groceries.pop();
31 groceries.shift();
32
33 addOther();
34 document.getElementById( " list " ).innerHTML = groceries;
You need to debug the code on the left to determine how many items are in the groceries array at the specified breakpoints.
Evaluate the code and answer the questions by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct answer.

Question 5

Which two application features should you implement by using session storage? Choose 2.

A. Passing data to a function within a program
B. Passing form data to a confirmation page
C. Saving game play status for future use
D. Saving temporary authentication tokens
E. Saving customized UI/UX settings

Solutions: