Web Development Applications – WGU C777 - COMPLETE STUDY GUIDE questions with answers

Web Development Applications – WGU
|\ |\ |\ |\ |\




C777 - COMPLETE STUDY GUIDE questions
|\ |\ |\ |\ |\




with answers
|\ |\




rotate(angle) - CORRECT ANSWERS ✔✔Rotates the element |\ |\ |\ |\ |\ |\ |\


clockwise at the specified degree. |\ |\ |\ |\




Negative values rotate the element counter-clockwise
|\ |\ |\ |\ |\




scale(x,y) - CORRECT ANSWERS ✔✔Increases or decreases the
|\ |\ |\ |\ |\ |\ |\ |\


size of the element, based on the specified parameters for width
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


(x) and height (y)
|\ |\ |\




scaleX(n) - CORRECT ANSWERS ✔✔Changes the elements width
|\ |\ |\ |\ |\ |\ |\




ScaleY(n) - CORRECT ANSWERS ✔✔Changes the elements height
|\ |\ |\ |\ |\ |\ |\




matrix(n,n,n,n,n) - CORRECT ANSWERS ✔✔Combines all of the 2D |\ |\ |\ |\ |\ |\ |\ |\


transform methods in one.
|\ |\ |\ |\




Takes six parameters, contatining mathematic functions, which
|\ |\ |\ |\ |\ |\ |\


enable the element to rotate, scale, move (translate), and skew
|\ |\ |\ |\ |\ |\ |\ |\ |\




translate(x,y) - CORRECT ANSWERS ✔✔Moves the element from |\ |\ |\ |\ |\ |\ |\ |\


its current position, based on the specified parameters for the
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


left (x) and top (y) position
|\ |\ |\ |\ |\

,translateX(n) - CORRECT ANSWERS ✔✔Moves the element along
|\ |\ |\ |\ |\ |\ |\ |\


the X-axis (horizontally)
|\ |\




translateY(n) - CORRECT ANSWERS ✔✔Moves the element along
|\ |\ |\ |\ |\ |\ |\ |\


the Y-axis (vertically)
|\ |\




skew(x-angle,y-angle) - CORRECT ANSWERS ✔✔Turns or skews |\ |\ |\ |\ |\ |\ |\


the element to a specified angle, based on the specified
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


parameters for the horizontal (X axis), and vertical (Y axis) lines.
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\




skewX(angle) - CORRECT ANSWERS ✔✔Turns or skews the
|\ |\ |\ |\ |\ |\ |\ |\


element to a specified angle along its X-axis
|\ |\ |\ |\ |\ |\ |\




skewY(angle) - CORRECT ANSWERS ✔✔Turns or skews the
|\ |\ |\ |\ |\ |\ |\ |\


element to a specified angle along its Y-axis
|\ |\ |\ |\ |\ |\ |\




Transform - CORRECT ANSWERS ✔✔Applies a 2D or 3D
|\ |\ |\ |\ |\ |\ |\ |\ |\


transformation to an element. Transformations include rotating,
|\ |\ |\ |\ |\ |\ |\


moving, skewing, and scaling.
|\ |\ |\




transform-origin - CORRECT ANSWERS ✔✔Allows you to change a |\ |\ |\ |\ |\ |\ |\ |\


transformed element's position.
|\ |\ |\




transform-style - CORRECT ANSWERS ✔✔Specifies whether child
|\ |\ |\ |\ |\ |\ |\


elements will retain the parents element's element position in 3D
|\ |\ |\ |\ |\ |\ |\ |\ |\


space
|\

,perspective - CORRECT ANSWERS ✔✔Specifies the perspective |\ |\ |\ |\ |\ |\ |\


from which a 3D child element is viewed by defining how far it is
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


placed in view (in pixels)
|\ |\ |\ |\




perspective-origin - CORRECT ANSWERS ✔✔Specifies the bottom |\ |\ |\ |\ |\ |\ |\


position of 3D elements |\ |\ |\




backface-visibility - CORRECT ANSWERS ✔✔Defines whether or |\ |\ |\ |\ |\ |\ |\


not an element is visible when it is rotated to face away from the
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\


viewer
|\




Click-to-call - CORRECT ANSWERS ✔✔Click-to-call allows users to
|\ |\ |\ |\ |\ |\ |\ |\


initiate a phone call directly from a web page by clicking a link.
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\ |\




tel: scheme - CORRECT ANSWERS ✔✔The tel: scheme specifies a
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


phone number that mobile devices interpret as a call command.
|\ |\ |\ |\ |\ |\ |\ |\ |\




Mobile Websites - CORRECT ANSWERS ✔✔Accessible via a
|\ |\ |\ |\ |\ |\ |\ |\


browser and written using web technologies (HTML, CSS,
|\ |\ |\ |\ |\ |\ |\ |\


JavaScript).


Mobile Apps - CORRECT ANSWERS ✔✔Installed on a device via an
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


app store and developed using platform-specific languages (e.g.,
|\ |\ |\ |\ |\ |\ |\ |\


Swift for iOS, Kotlin for Android).
|\ |\ |\ |\ |\ |\




Updates for Mobile Websites - CORRECT ANSWERS ✔✔Updates
|\ |\ |\ |\ |\ |\ |\ |\


are made on the server and apply instantly.
|\ |\ |\ |\ |\ |\ |\

, Updates for Mobile Apps - CORRECT ANSWERS ✔✔Updates
|\ |\ |\ |\ |\ |\ |\ |\


require users to download and install them.
|\ |\ |\ |\ |\ |\




Device Hardware Access - CORRECT ANSWERS ✔✔Mobile
|\ |\ |\ |\ |\ |\ |\


websites have limited access to device hardware, while mobile
|\ |\ |\ |\ |\ |\ |\ |\ |\


apps can access device features like GPS, camera, and
|\ |\ |\ |\ |\ |\ |\ |\ |\


notifications.


Mobile Websites vs. Responsive Designs - CORRECT ANSWERS
|\ |\ |\ |\ |\ |\ |\ |\


✔✔Mobile websites are specifically designed for mobile devices,
|\ |\ |\ |\ |\ |\ |\ |\


often with a separate URL (e.g., m.example.com) and minimal
|\ |\ |\ |\ |\ |\ |\ |\ |\


features, while responsive designs use CSS techniques like media
|\ |\ |\ |\ |\ |\ |\ |\


queries to adapt the layout to different screen sizes.
|\ |\ |\ |\ |\ |\ |\ |\ |\




Key Considerations for Mobile Design - CORRECT ANSWERS
|\ |\ |\ |\ |\ |\ |\ |\


✔✔Screen size, touch-friendly design, fast load times, mobile-first
|\ |\ |\ |\ |\ |\ |\


design, readable text, and bandwidth limitations.
|\ |\ |\ |\ |\ |\




Usability of Navigation on Mobile - CORRECT ANSWERS ✔✔Use a
|\ |\ |\ |\ |\ |\ |\ |\ |\ |\


hamburger menu or collapsible navigation, keep navigation
|\ |\ |\ |\ |\ |\ |\


simple, use clear tappable buttons, and place navigation controls
|\ |\ |\ |\ |\ |\ |\ |\


within thumb reach.
|\ |\ |\




Emulators - CORRECT ANSWERS ✔✔Emulators simulate mobile
|\ |\ |\ |\ |\ |\ |\


device environments, allowing developers to test how a site looks
|\ |\ |\ |\ |\ |\ |\ |\ |\


and behaves on different devices and screen sizes.
|\ |\ |\ |\ |\ |\ |\ |\