Web Development Applications – WGU C777 - COMPLETE STUDY
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
1. rotate(angle) Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
2. scale(x,y) Increases or decreases the size of the element, based on the specified parameters
for width (x) and height (y)
3. scaleX(n) Changes the elements width
4. ScaleY(n) Changes the elements height
5. matrix(n,n,n,n,n) Combines all of the 2D transform methods in one.
Takes six parameters, contatining mathematic functions, which enable the ele-
ment to rotate, scale, move (translate), and skew
6. translate(x,y) Moves the element from its current position, based on the specified parameters
for the left (x) and top (y) position
7. translateX(n) Moves the element along the X-axis (horizontally)
8. translateY(n) Moves the element along the Y-axis (vertically)
9. skew(x-an- Turns or skews the element to a specified angle, based on the specified parame-
gle,y-angle) ters for the horizontal (X axis), and vertical (Y axis) lines.
10. skewX(angle) Turns or skews the element to a specified angle along its X-axis
11. skewY(angle) Turns or skews the element to a specified angle along its Y-axis
12. Transform Applies a 2D or 3D transformation to an element. Transformations include rotat-
ing, moving, skewing, and scaling.
13. transform-origin Allows you to change a transformed element's position.
14. transform-style
, Web Development Applications – WGU C777 - COMPLETE STUDY
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
Specifies whether child elements will retain the parents element's element posi-
tion in 3D space
15. perspective Specifies the perspective from which a 3D child element is viewed by defining how
far it is placed in view (in pixels)
16. perspective-ori- Specifies the bottom position of 3D elements
gin
17. backface-visibili- Defines whether or not an element is visible when it is rotated to face away from
ty the viewer
18. Click-to-call Click-to-call allows users to initiate a phone call directly from a web page by
clicking a link.
19. tel: scheme The tel: scheme specifies a phone number that mobile devices interpret as a call
command.
20. Mobile Websites Accessible via a browser and written using web technologies (HTML, CSS,
JavaScript).
21. Mobile Apps Installed on a device via an app store and developed using platform-specific
languages (e.g., Swift for iOS, Kotlin for Android).
22. Updates for Mo- Updates are made on the server and apply instantly.
bile Websites
23. Updates for Mo- Updates require users to download and install them.
bile Apps
24. Device Hardware Mobile websites have limited access to device hardware, while mobile apps can
Access access device features like GPS, camera, and notifications.
25.
, Web Development Applications – WGU C777 - COMPLETE STUDY
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
Mobile Websites Mobile websites are specifically designed for mobile devices, often with a sepa-
vs. Responsive rate URL (e.g., m.example.com) and minimal features, while responsive designs
Designs use CSS techniques like media queries to adapt the layout to ditterent screen sizes.
26. Key Considera- Screen size, touch-friendly design, fast load times, mobile-first design, readable
tions for Mobile text, and bandwidth limitations.
Design
27. Usability of Navi- Use a hamburger menu or collapsible navigation, keep navigation simple, use
gation on Mobile clear tappable buttons, and place navigation controls within thumb reach.
28. Emulators Emulators simulate mobile device environments, allowing developers to test how
a site looks and behaves on ditterent devices and screen sizes.
29. Responsive Im- Use responsive image techniques like srcset and sizes for adaptable image reso-
age Techniques lutions.
30. Image Compres- Compress images to reduce file size without sacrificing quality.
sion
31. Modern Image Use modern image formats like WebP for better compression.
Formats
32. Lazy Loading Im- Lazy load images to improve performance.
ages
33. Validation of Mo- Use tools like W3C HTML and CSS validators to ensure clean, compliant code.
bile Web Pages
34. Testing Mobile Use emulators or simulators for various devices and browsers, test on real devices
Web Pages for accurate performance feedback, and check responsiveness using browser
developer tools.
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
1. rotate(angle) Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
2. scale(x,y) Increases or decreases the size of the element, based on the specified parameters
for width (x) and height (y)
3. scaleX(n) Changes the elements width
4. ScaleY(n) Changes the elements height
5. matrix(n,n,n,n,n) Combines all of the 2D transform methods in one.
Takes six parameters, contatining mathematic functions, which enable the ele-
ment to rotate, scale, move (translate), and skew
6. translate(x,y) Moves the element from its current position, based on the specified parameters
for the left (x) and top (y) position
7. translateX(n) Moves the element along the X-axis (horizontally)
8. translateY(n) Moves the element along the Y-axis (vertically)
9. skew(x-an- Turns or skews the element to a specified angle, based on the specified parame-
gle,y-angle) ters for the horizontal (X axis), and vertical (Y axis) lines.
10. skewX(angle) Turns or skews the element to a specified angle along its X-axis
11. skewY(angle) Turns or skews the element to a specified angle along its Y-axis
12. Transform Applies a 2D or 3D transformation to an element. Transformations include rotat-
ing, moving, skewing, and scaling.
13. transform-origin Allows you to change a transformed element's position.
14. transform-style
, Web Development Applications – WGU C777 - COMPLETE STUDY
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
Specifies whether child elements will retain the parents element's element posi-
tion in 3D space
15. perspective Specifies the perspective from which a 3D child element is viewed by defining how
far it is placed in view (in pixels)
16. perspective-ori- Specifies the bottom position of 3D elements
gin
17. backface-visibili- Defines whether or not an element is visible when it is rotated to face away from
ty the viewer
18. Click-to-call Click-to-call allows users to initiate a phone call directly from a web page by
clicking a link.
19. tel: scheme The tel: scheme specifies a phone number that mobile devices interpret as a call
command.
20. Mobile Websites Accessible via a browser and written using web technologies (HTML, CSS,
JavaScript).
21. Mobile Apps Installed on a device via an app store and developed using platform-specific
languages (e.g., Swift for iOS, Kotlin for Android).
22. Updates for Mo- Updates are made on the server and apply instantly.
bile Websites
23. Updates for Mo- Updates require users to download and install them.
bile Apps
24. Device Hardware Mobile websites have limited access to device hardware, while mobile apps can
Access access device features like GPS, camera, and notifications.
25.
, Web Development Applications – WGU C777 - COMPLETE STUDY
GUIDE QUESTIONS SOLVED CORRECTLY TO SCORE A+ 2026!!
Mobile Websites Mobile websites are specifically designed for mobile devices, often with a sepa-
vs. Responsive rate URL (e.g., m.example.com) and minimal features, while responsive designs
Designs use CSS techniques like media queries to adapt the layout to ditterent screen sizes.
26. Key Considera- Screen size, touch-friendly design, fast load times, mobile-first design, readable
tions for Mobile text, and bandwidth limitations.
Design
27. Usability of Navi- Use a hamburger menu or collapsible navigation, keep navigation simple, use
gation on Mobile clear tappable buttons, and place navigation controls within thumb reach.
28. Emulators Emulators simulate mobile device environments, allowing developers to test how
a site looks and behaves on ditterent devices and screen sizes.
29. Responsive Im- Use responsive image techniques like srcset and sizes for adaptable image reso-
age Techniques lutions.
30. Image Compres- Compress images to reduce file size without sacrificing quality.
sion
31. Modern Image Use modern image formats like WebP for better compression.
Formats
32. Lazy Loading Im- Lazy load images to improve performance.
ages
33. Validation of Mo- Use tools like W3C HTML and CSS validators to ensure clean, compliant code.
bile Web Pages
34. Testing Mobile Use emulators or simulators for various devices and browsers, test on real devices
Web Pages for accurate performance feedback, and check responsiveness using browser
developer tools.
