WGU C777 WEB DEVELOPMENT APPLICATIONS ACTUAL EXAM WITH FREQUENTLY TESTED QUESTIONS 2025

The web development trifecta - -HTML5, CSS, JavaScript HTML5 tag defining the main body of a document. Cannot be the child of the header, nav, article, aside, or footer elements. - -main These elements can also be included in article, aside, nav, main, and section elements, not just on the page itself - -header and footer This element identifies the file(s) to use in a video or audio element - -source A set of standards for the writing and/or design of documents - -style guide This version of IE is the first to support HTML5 - -IE9 What should you do to support HTML5 elements in pre-IE9 browsers. - -Add them via JS, make them block via CSS The term for the part of CSS code that refers to the element you want to style - -selector In CSS, the term for a property and value pair. It must always end with a semicolon - declaration In CSS, the name for a selector, property and value all grouped together - -rule The word "cascading" in CSS refers to this concept - -inheritance The cascading order of CSS style sheets, ordered from lowest priority to highest - External, embedded, inline Linking to a CSS file requires these attributes in the link element - -rel, type, href Embedded CSS should be placed in a block defined by this element - -style Inline CSS should be placed in an attribute with this name - -style WGU C777 WGU C777 WGU C777 The arrangement of content elements on a page and how the space is used. Does it fall from top to bottom in stacks, or does some content float to one side or the other? - document flow These are not used when defining inline CSS styles - -curly braces Use this CSS property to avoid having floating elements before/after another element - clear In CSS, the "normal, or default", position of block elements within a page - -static In CSS, positioning a block element relative to another element - -relative In CSS, this causes the element to appear to float above the document and can be positioned as needed. It is completely removed from the rest of the page flow. - absolute In CSS, this causes the element to remain in the same position when the page is scrolled - -fixed In CSS, this causes the element to inherit its parent's position - -inherit In the box model, this is the space between the content and the border - -padding In the box model, this is the space between the border and surrounding elements - margin Add all of these up to get the full size of an element in the box model - -content, padding, border, and margin This CSS3 selector selects every instance of a specified element whose specified attribute ends with the specified value - -element[attribute$=value] This CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value - -element[attribute*=value] This CSS3 selector selects every instance of a specified element whose specified attribute begins with the specified value - -element[attribute^=value] This CSS3 selector selects every checked instance of a specified element - element:checked This CSS3 selector selects every disabled instance of a specified element - element:disabled WGU C777 WGU C777 This CSS3 selector selects every enabled instance of a specified element - element:enabled This CSS3 selector selects every instance of a specified element that is the first of its parent - -element:first-of-type This CSS3 selector selects every instance of a specified element that is the last of its parent - -element:last-of-type This CSS3 selector selects every instance of element2 that is preceded by an instance of element1 where both have the same parent. element2 need not be immediately preceded by element1 - -element1~element2 CSS3 now allows this in the background - -multiple images CSS3 property determining whether the background extends into the border or not (content, padding, or border) - -background-clip CSS3 property defining the location to which the background-position property should be relative (content, padding, or border) - -background-origin CSS3 values used in a background-size property. Last two are optional. Default is auto. - -length, percentage, cover, contain Whereas the opacity property applies to an element and its children, you can use this to specify the opacity of a single element - -rgba CSS3 rule allowing you to specify custom fonts - -@font-face This font weight is the same as normal - -400 This font weight is the same as bold - -700 Range of font weights - -100-900 IE9 and earlier do not support this text property - -text-shadow These two CSS3 properties are required by @font-face - -font-family and src An effect that changes an element's shape, size and/or position - -transform Property that allows you to change a transformed element's position - -transform-origin Property that specifies whether child elements will retain the parent element's position in 3D space - -transform-style WGU C777 WGU C777 Property that specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view - -perspective Property that specifies the bottom position of a 3D element - -perspective-origin Property that defines whether or not an element is visible when it is rotated to face away from the viewer - -backface-visibility These browsers support the transform property - -IE10+, Firefox, Opera These browsers require a vendor prefix for transforms - -Chrome 34, Safari 7, IE9 CSS3 effects that change an element from one style to another style - -transition Property that specifies the CSS property that the transition will affect - -transition property Properties that defines the amount of time that a transition takes in seconds (s) or milliseconds (s). Default is 0. If no value is specified, then no transition occurs - duration Properties that describe the speed of a transition. Valid options are ease, linear, ease in, ease-out, and ease-in-out - -timing function Properties that defines how long before a transition or animation begins - -delay At-rule used to create CSS3 animations - -@keyframes @keyframes requires a prefix for these two browsers - -Chrome 34 and Safari 7 Property that specifies the identifier for the @keyframes animation that binds it to a selector - -animation-name Property that specifies the number of times the animation will play. Default is 1. - animation-iteration-count Property that specifies whether to play the animation in reverse on alternate cycles. Requires an iteration count greater than 1. Parameters are normal, reverse, alternate, alternate-reverse - -animation-direction Property that specifies whether the animation is running or paused. Default is running - animation-play-state The resize property only works in these browsers - -Chrome, Safari, and Firefox WGU C777 WGU C777 CSS3 UI property that makes an element look like a standard user interface element, such as a button or window - -appearance CSS3 UI property that forces specified elements fit an area in a certain way - -box sizing CSS3 UI property that styles an element with an iconic equivalent - -icon CSS3 UI property that specifies the tabbing order for an element - -nav-index CSS3 UI property that specifies where the cursor will navigate to when the user presses the "direction" arrow key - -nav-direction CSS3 UI property that draws an outline beyond the border edge (i.e., offsets the outline) as specified - -outline-offset CSS3 UI property that specifies whether an element can be resized by the user and how it can be resized - -resize A CSS3 technique used to place an HTML element on top of another HTML element - overlay Use this CSS3 property to create an overlay. Without it and by default, the HTML element listed last in the page appears at the top and vice versa. - -z-index The first character of a variable name in JavaScript must be one of these - -letters, _, or $ Except for the first character, the name of a variable in JavaScript can contain these only - -letters, numbers, or _ The 6 data types in JavaScript - -number, string, boolean, Object, null, undefined Data that is to be operated upon or manipulated in some manner by an operator - operand Event that occurs when the loading of an image is aborted - -abort Event that occurs when input focus is removed from a form element - -blur Event that occurs when a user changes the value of a form field - -change Event that occurs when an error takes place while a page or image is loading - -error Event that occurs when a user gives input or focus to a form element - -focus WGU C777 WGU C777 Event that occurs when a form's Reset button is clicked - -reset Event that occurs when the user selects the text in a form field - -select Event that occurs when a form's Submit button is clicked - -submit Event that occurs when a page is unloaded from the browser - -unload Event that occurs when a page is loaded into the browser - -load Event that occurs when the user clicks on a link or form element - -click Event that occurs when the user moves the mouse pointer over a visible element on a page - -mouseOver Event that occurs when the mouse pointer leaves a visible element on a page - mouseOut In JavaScript, function names must begin with this - -letter or _ Except for the first character, function names in JavaScript can contain these - -letters, numbers, _, or $ True or false: JavaScript is parsed according to its position in the page, as the browser works its way through the HTML - -true Typically syntax errors, these usually cause error alerts - -load-time errors Typically caused by improper use of commands, these errors can cause error alerts - run-time errors Errors that result in the script running improperly. They do not cause error alerts. The script may return unexpected results or may fail to execute at all. - -logic errors The two most common JavaScript coding errors - -misspelling and case-sensitivity The method to retrieve a canvas's drawing context - -Context("2d") The method to retrieve a canvas's WebGL context - -Context("webgl") How do you get browsers to download an updated Offline webapp if it's already been cached? - -change manifest file Geolocation API to retrieve the user's current location - -getCurrentPosition() Geolocation API to request periodic updates of the user's position - -watchPosition() WGU C777 WGU C777 Geolocation API to cancel watching the user's location - -clearWatch() Attribute and value to use on an element you want to be draggable - -draggable="true" Event specifying the start of a drag operation - -dragstart Event specifying a drag operation has occurred - -dragover Event specifying a drag operation has ended - -drop File API that provides a directory list of file objects - -FileList File API that provides read-only access to individual files - -FileReader File API that provides the ability to divide a file into byte ranges - -Blob History API method to go back a page - -() History API method to go forward a page - -rd() History API method to navigate based on an offset n from the current page. The current page is 0, negative values go back, positive forward. - -(n) History API that adds a URL to the history stack - -State(state object, title, url) History API that replaces the current history URL with a different one, instead of adding a new one - -ceState(state object, title, url) History API to retrieve number of entries for the current window - -h History API that returns the state object at the top of the history stack - - An event handler that is called when the history changes for a document in the browser window - -state jQuery method that sets or returns the text content of selected elements - -text() jQuery method that sets or returns the content of selected elements (including HTML markup) - -html() jQuery method that sets or returns the values of form fields - -val() jQuery method used to get and set attribute values. The metho