WGU C777 WEB DEVELOPMENT
APPLICATIONS ACTUAL EXAM PAPER 2026
QUESTIONS WITH SOLUTIONS GRADED A+
◉ scale(x,y). Answer: Increases or decreases the size of the element,
based on the specified parameters for width (x) and height (y)
◉ scaleX(n). Answer: Changes the elements width
◉ ScaleY(n). Answer: Changes the elements height
◉ matrix(n,n,n,n,n). Answer: 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). Answer: Moves the element from its current position,
based on the specified parameters for the left (x) and top (y) position
◉ translateX(n). Answer: Moves the element along the X-axis
(horizontally)
,◉ translateY(n). Answer: Moves the element along the Y-axis
(vertically)
◉ skew(x-angle,y-angle). Answer: 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). Answer: Turns or skews the element to a specified
angle along its X-axis
◉ skewY(angle). Answer: Turns or skews the element to a specified
angle along its Y-axis
◉ Transform. Answer: Applies a 2D or 3D transformation to an element.
Transformations include rotating, moving, skewing, and scaling.
◉ transform-origin. Answer: Allows you to change a transformed
element's position.
◉ transform-style. Answer: Specifies whether child elements will retain
the parents element's element position in 3D space
◉ perspective. Answer: Specifies the perspective from which a 3D child
element is viewed by defining how far it is placed in view (in pixels)
,◉ perspective-origin. Answer: Specifies the bottom position of 3D
elements
◉ backface-visibility. Answer: Defines whether or not an element is
visible when it is rotated to face away from the viewer
◉ Click-to-call. Answer: Click-to-call allows users to initiate a phone
call directly from a web page by clicking a link.
◉ tel: scheme. Answer: The tel: scheme specifies a phone number that
mobile devices interpret as a call command.
◉ Mobile Websites. Answer: Accessible via a browser and written using
web technologies (HTML, CSS, JavaScript).
◉ Mobile Apps. Answer: 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. Answer: Updates are made on the
server and apply instantly.
, ◉ Updates for Mobile Apps. Answer: Updates require users to download
and install them.
◉ Device Hardware Access. Answer: 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. Answer: 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. Answer: Screen size, touch-
friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
◉ Usability of Navigation on Mobile. Answer: Use a hamburger menu
or collapsible navigation, keep navigation simple, use clear tappable
buttons, and place navigation controls within thumb reach.
◉ Emulators. Answer: Emulators simulate mobile device environments,
allowing developers to test how a site looks and behaves on different
devices and screen sizes.
APPLICATIONS ACTUAL EXAM PAPER 2026
QUESTIONS WITH SOLUTIONS GRADED A+
◉ scale(x,y). Answer: Increases or decreases the size of the element,
based on the specified parameters for width (x) and height (y)
◉ scaleX(n). Answer: Changes the elements width
◉ ScaleY(n). Answer: Changes the elements height
◉ matrix(n,n,n,n,n). Answer: 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). Answer: Moves the element from its current position,
based on the specified parameters for the left (x) and top (y) position
◉ translateX(n). Answer: Moves the element along the X-axis
(horizontally)
,◉ translateY(n). Answer: Moves the element along the Y-axis
(vertically)
◉ skew(x-angle,y-angle). Answer: 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). Answer: Turns or skews the element to a specified
angle along its X-axis
◉ skewY(angle). Answer: Turns or skews the element to a specified
angle along its Y-axis
◉ Transform. Answer: Applies a 2D or 3D transformation to an element.
Transformations include rotating, moving, skewing, and scaling.
◉ transform-origin. Answer: Allows you to change a transformed
element's position.
◉ transform-style. Answer: Specifies whether child elements will retain
the parents element's element position in 3D space
◉ perspective. Answer: Specifies the perspective from which a 3D child
element is viewed by defining how far it is placed in view (in pixels)
,◉ perspective-origin. Answer: Specifies the bottom position of 3D
elements
◉ backface-visibility. Answer: Defines whether or not an element is
visible when it is rotated to face away from the viewer
◉ Click-to-call. Answer: Click-to-call allows users to initiate a phone
call directly from a web page by clicking a link.
◉ tel: scheme. Answer: The tel: scheme specifies a phone number that
mobile devices interpret as a call command.
◉ Mobile Websites. Answer: Accessible via a browser and written using
web technologies (HTML, CSS, JavaScript).
◉ Mobile Apps. Answer: 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. Answer: Updates are made on the
server and apply instantly.
, ◉ Updates for Mobile Apps. Answer: Updates require users to download
and install them.
◉ Device Hardware Access. Answer: 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. Answer: 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. Answer: Screen size, touch-
friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
◉ Usability of Navigation on Mobile. Answer: Use a hamburger menu
or collapsible navigation, keep navigation simple, use clear tappable
buttons, and place navigation controls within thumb reach.
◉ Emulators. Answer: Emulators simulate mobile device environments,
allowing developers to test how a site looks and behaves on different
devices and screen sizes.
