WGU C777 OA EXAM 4 2026 COMPLETE
ANSWERS USER INTERFACE DESIGN PRACTICE
RESOURCE
◉ JavaScript uses what script standard.
Answer: ECMAScript
Just remember the YMCA song and flip some letters
◉ Geolocation API.
Answer: location and ip
◉ Pointer Events API.
Answer: mouse movement tracking (hover or click)
◉ Canvas API.
Answer: var ctx = canvas.getContext('2d');
Draw graphics outside of the HTML code and the user can interact
with.
Animation, game graphics, data visualization, photo manipulation,
and real-time video processing
, ◉ Drag and Drop API.
Answer: A typical drag operation begins when a user selects a
draggable element, drags the element to a droppable element, and
then releases the dragged element.
It must have the attribute draggable set to true in the HTML
◉ Drag/drop HTML code.
Answer: <img draggable="true">
Needs true or false <img draggable> does not work
remember this
◉ get an element that has been marked as draggable.
Answer: const draggableElement =
document.getElementById('draggable-element');
◉ add dragstart listener to the element.
Answer: draggableElement.addEventListener('dragstart',
onElementDragStart);
◉ add drag data to the event.
Answer: function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');
ANSWERS USER INTERFACE DESIGN PRACTICE
RESOURCE
◉ JavaScript uses what script standard.
Answer: ECMAScript
Just remember the YMCA song and flip some letters
◉ Geolocation API.
Answer: location and ip
◉ Pointer Events API.
Answer: mouse movement tracking (hover or click)
◉ Canvas API.
Answer: var ctx = canvas.getContext('2d');
Draw graphics outside of the HTML code and the user can interact
with.
Animation, game graphics, data visualization, photo manipulation,
and real-time video processing
, ◉ Drag and Drop API.
Answer: A typical drag operation begins when a user selects a
draggable element, drags the element to a droppable element, and
then releases the dragged element.
It must have the attribute draggable set to true in the HTML
◉ Drag/drop HTML code.
Answer: <img draggable="true">
Needs true or false <img draggable> does not work
remember this
◉ get an element that has been marked as draggable.
Answer: const draggableElement =
document.getElementById('draggable-element');
◉ add dragstart listener to the element.
Answer: draggableElement.addEventListener('dragstart',
onElementDragStart);
◉ add drag data to the event.
Answer: function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');