WGU C777 Final Exam Questions With Correct Answers | Latest Update 2023/2024 (GRADED)

WGU C777 Final Exam Questions With Correct Answers | Latest Update 2023/2024 (GRADED). What should be added first when embedding CSS in a single web page as an internal style sheet? - ANSWER - A style element to the head section What is the first character a developer should use for an id selector in CSS? - ANSWER - # A developer has an image that needs to remain in the same place when the page is scrolled. Which CSS positioning scheme should this developer use? - ANSWER - Fixed A developer needs two pixels of space on the left side of content relative to the border. Which CSS property should this developer use? - ANSWER - padding-left: 2px; What immediately encloses the padding in the CSS box model? - ANSWER - Border What is the outermost box of the CSS box model? - ANSWER - Margin Which markup positions an image so that the lower part of it is even with the lower part of adjoining text? - ANSWER - img src="" vertical-align="baseline" Which syntax for a CSS class floats images to the right? - ANSWER - .floatright { float: right; margin: 7px; } Which CSS transition should be used on an image to make it ease in when a user's mouse hovers over that image? - ANSWER - transition-timing-function Which CSS property should a developer use to specify the bottom of a 3D element? - ANSWER - perspective-origin A web designer creates the following animation by using CSS3: #texteffect { position: relative; animation-name: scroll; animation-duration: 5s; animation-timing-function: linear; animation-play-state: running; } @keyframes scroll { from {left: 0px;} to {left: 200px;} } How does the content of the element move when the page loads? - ANSWER - From left to right one time A web page includes the following CSS code: @keyframes anim_01 { 0% {left: 0px; top: 0px;} 50% {left: 200px; top: 0px;} 100% {left: 600px; top: 0px;} } #animation { position:relative; animation-name: anim_01; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } How often does the animation play when it is invoked? - ANSWER - Forever Given the following CSS code: div { transition-property: opacity, left, top, height; transition-duration: 5s; transition-delay: 3s } Which value determines how long the transition will last? - ANSWER - 5 seconds Given the following CSS code: .box { width: 150px; height: 150px; background: red; margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; } .box:hover { background-color: green; cursor: pointer; } Which color does this box turn when a user hovers a mouse pointer over it? - ANSWER - Green with a time duration of two seconds A web page has a section that contains an aside element. The element is always 10 pixels from the right and 50 pixels from the top of the browser. Which type of layout positioning does the aside element use? - ANSWER - Fixed A web designer reviews the following CSS3 code: #brand { font-weight: bold; } Which paragraph element will it select? - ANSWER - p id="brand"Web Design/p Which CSS selector defines an element with a class attribute equal to subject? - ANSWER - .subject Which background-size property value scales the background image to the greatest height and width that fits within the specified content area? - ANSWER - contain The background-origin property has a value named padding-box. Which corner of the padding edge does the padding-box value set the background relative to? - ANSWER - Upper left Which tag enables developers to include dynamic code in an HTML document? - ANSWER - var name = "Student"; Which code segment declares a variable and assigns a Boolean value to it? - ANSWER - var enabled = true; Which code segment contains a logical expression? - ANSWER - if (total 250){discount = true;} Which code segment contains a logical expression? - ANSWER - var discount = (total 250) ? true : false; Which variable name format does JavaScript use? - ANSWER - _address Which data type contains properties and methods? - ANSWER - Object A user's information defaults onto a form. Which event triggers if the user keys in a new value in the First Name field? - ANSWER - change Which JavaScript event handler is associated with the form object? - ANSWER - onreset What are variables that are passed to a function called? - ANSWER - Arguments What must follow the name of a function in a JavaScript function declaration? - ANSWER - Parenthesis Which method should a developer use to create a message and request user input in a text field? - ANSWER - prompt Given the following JavaScript: var name = "student"; Which code statement modifies the name variable so that all characters are uppercase? - ANSWER - name = UpperCase(); Which document object model (DOM) method does the Canvas element use? - ANSWER - getContext() Which technology is used to access the document object model (DOM)? - ANSWER - JavaScript Which JavaScript application programming interface (API) allows for the creation and manipulation of 2-D images? - ANSWER - Canvas What uses predefined code to add functionality to HTML5 pages, such as media display and manipulation, document editing, and web storage? - ANSWER - Application programming interface (API) Given the following code: Path(); Width = 3; Style = "red"; (75, 75, 50, 0, Math.PI * 2, true); ();To(0, 0); To(100, 100); Which Canvas application programming interface (API) method should a developer use to add the line to the drawn path on a canvas? - ANSWER - stroke() Which method of the Geolocation application programming interface (API) should a developer use to get periodic updates of a user's coordinates? - ANSWER - watchPosition() Which statement should a developer add to the dragOver function to allow the image to be dragged and dropped onto the section element? - ANSWER - ntDefault(); Which line of code should a developer use to create an interface that can retrieve data in a client browser? - ANSWER - new XMLHttpRequest(); Given the following HTML code