Free certification test prep

QUESTION 32
Match each property to its corresponding value for creating the CSS flexible box layout.
Move each property from the list on the left to the correct value on the right.
Note: You will receive partial credit for each correct match.

QUESTION 33
You have created custom error messages for a form. When a user attempts to submit the form with invalid data, the following must occur:
* The data must remain in the form.
* Error messages must be displayed.
Which Event property or method should you use?

QUESTION 34
You want to position a specific element so that it always directly follows the previous element, which is positioned by default, regardless of the viewport characteristics. Which positioning method should you use?

QUESTION 35
You need to contain overflowing text inside the element ‘ s border without creating unneeded scrollbars or losing text. Which attribute setting should you use?

QUESTION 36
You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?

QUESTION 37
The logo shown is displayed on a web page as an SVG.
Note: The coordinate values are labeled for reference.
Evaluate the image on the left and complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 38
You need to use a flexbox so that new content you add to the container appears at the highest point on a vertical list. You want to achieve this goal without specifying an order. Which value should you use for flex- direction?

QUESTION 39
Which three events are valid for the HTML canvas element? Choose 3.

QUESTION 40
Which two statements correctly describe media queries? Choose 2.

QUESTION 41
You are creating a form that asks a user to enter their phone number. The form must be submitted only if the phone number field is not empty and matches the format 111-444-7777. Which markup should you use?

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

QUESTION 43
You need to draw a blue rectangle that meets these conditions:
* It is 200 by 200 pixels.
* It contains a white circle that is centered within the rectangle.
* The circle has a 50-pixel radius.
* The image should appear as follows: a blue square with a centered white circle.
Refer to the image on the left.
You need to ensure that the image scales without distortion when the page is resized. You must not be required to use JavaScript.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 44
The following output has more text than will fit in the element.

You need to apply CSS to contain the text inside the element ‘ s border without creating unneeded scrollbars or losing text. Which attribute setting should you use?

QUESTION 45
You are given the design for an app. The project manager asks you to outline the steps you must take to release and maintain the app.
Move each step from the list on the left to its correct sequence in the application lifecycle on the right.
Note: You will receive partial credit for each correct response.

QUESTION 46
You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?

QUESTION 47
You are creating a script that reads a JSON menu file and displays the Entree, Price, and Description.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 48
Which JavaScript method is used to draw a circle on a canvas?

QUESTION 49
The ctx variable is the context of an HTML5 canvas object. What does the following HTML markup draw?
ctx.arc(x, y, r, 0, Math.PI, true);

QUESTION 50
What is the effect of applying the CSS float: right property to an image?

QUESTION 51
You are drawing on the canvas defined by the white square.

At which x, y coordinate is the upper-left corner of the filled square?

QUESTION 52
You want to display a message box showing the user ‘ s current latitude and longitude as identified by the user’ s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 53
You need to use CSS to create the layout shown:

Review the layout shown on the left.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 54
You are creating a dietary request form for an upcoming conference. The form must include the following elements:
* The title ” Conference Registration Form “
* A Name input field for the attendee ‘ s name
* A list of food options the attendee can select by using the mouse or typing Complete the code by moving the appropriate code segments from the list on the left to the correct locations on the right. You may use each code segment once, more than once, or not at all.
Note: You will receive partial credit for each correct response.

QUESTION 55
You need to create the layout shown, which defines five content areas:
* Logo and page title
* Menu
* Main content area
* Additional content area
* Copyright and contact information
You define the following classes:

QUESTION 56
The following form is missing validation attributes:
< form >
< div class= ” container ” >
< h1 > Register Here < /h1 >
< p > Please fill in the details to create an account with us. < /p >
< hr >
< label for= ” ? ” > < b > Enter Email < /b > < /label >
< input type= ” ? ” placeholder= ” Enter Email ” name= ” ? ” placeholder= ” [email protected] ” >
< label for= ” ? ” > < b > Password < /b > < /label >
< input type= ” ? ” placeholder= ” Enter Password ” name= ” ? ” >
< label for= ” ? ” > < b > Confirm Password < /b > < /label >
< input type= ” ? ” placeholder= ” Confirm Password ” name= ” ? ” >
< label for= ” phone ” > < b > Phone < /b > < /label >
< input type= ” tel ” id= ” phone ” name= ” phone ” placeholder= ” 123-45-678 ” >
< hr >
< p > By creating an account you agree to our < a href= ” # ” > Terms & Privacy < /a > . < /p >
< button type= ” submit ” class= ” registerbtn ” > < strong > Register < /strong > < /button >
< /div >
< /form >
You need to update the form to enforce the following requirements for visitors:
* All fields must be completed with valid information.
* The users should not be allowed to type passwords longer than 8 characters.
* Passwords must use only numbers and letters.
* Phone numbers and email addresses must follow the configuration of the placeholder text.
* The browser must display an error message that makes it clear what type of input change is needed.
Review the markup on the left.
Complete the sentences by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.