2024 WGU C777 FINAL EXAM QUESTIONS AND
ANSWERS WITH COMPLETE SOLUTION
What video files are supported
MP4 (mpeg4) WebM and OGG
codec H.264
remember this
What music files are supported
MP3 WAV and OGG
remember this
What image files are supported
jpeg, gif, svg, png, apng, png_ico, bmp, bmp_ico,
Apig gifts a savefile to 3 pinguins and is bumped twice
a
.a
#a
anchor tag
class ="a"
id="a"
remember this
how to track visitors IP address
Geolocation API
remember this
code to implement appChache for offline viewing
<html manifest="my-webpage.appcache">
remember the html tag with the manifest
remember this
Does js run client or server side
client
html comment
< ! ╌ text ╌>
css comment
/ asterixis text asterixis /
(quizlet has issues displaying * after /
js comment
// text until the end of the line
Unassign a variable without deleting it
= undefined
a var can never truly be unset anymore
= delete is removing it completely
DOM is a representation of what code?
HTML
DOM is the concept of a web browser ...
API
DOM is made up from objects made in ... and modified with ...
HTML / JavaScript
Is DOM accessed by other tools like search engines or screen readers
, yes
Is DOM the same as my HTML code
Yes and no, the browser can fix your html when things are missing during the DOM
creation
document.querySelector(".cta a").style
is an example of:
css inline style application reviewed with a js call
remember this
if you want to change thru js, use the same code and add the color (or margin,
padding, background collor etc)
document.querySelector(".cta a").style color = "green"
JavaScript uses what script standard
ECMAScript
Just remember the YMCA song and flip some letters
Geolocation API
location and ip
Pointer Events API
mouse movement tracking (hover or click)
Canvas API
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
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
<img draggable="true">
Needs true or false <img draggable> does not work
remember this
get an element that has been marked as draggable
const draggableElement = document.getElementById('draggable-element');
add dragstart listener to the element
draggableElement.addEventListener('dragstart', onElementDragStart);
add drag data to the event
function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');
}
History API
Controls the URL and lets navigational changes appear without reloading the page
and bookmark the specific state without a individual url
aka use the browser back/forward buttons as navigation elements
history.pushState({page: 1}, 'Page One', '?page=1')
File System API
access to the local users file system even without uploading it. It can only read it, not
update it.
ANSWERS WITH COMPLETE SOLUTION
What video files are supported
MP4 (mpeg4) WebM and OGG
codec H.264
remember this
What music files are supported
MP3 WAV and OGG
remember this
What image files are supported
jpeg, gif, svg, png, apng, png_ico, bmp, bmp_ico,
Apig gifts a savefile to 3 pinguins and is bumped twice
a
.a
#a
anchor tag
class ="a"
id="a"
remember this
how to track visitors IP address
Geolocation API
remember this
code to implement appChache for offline viewing
<html manifest="my-webpage.appcache">
remember the html tag with the manifest
remember this
Does js run client or server side
client
html comment
< ! ╌ text ╌>
css comment
/ asterixis text asterixis /
(quizlet has issues displaying * after /
js comment
// text until the end of the line
Unassign a variable without deleting it
= undefined
a var can never truly be unset anymore
= delete is removing it completely
DOM is a representation of what code?
HTML
DOM is the concept of a web browser ...
API
DOM is made up from objects made in ... and modified with ...
HTML / JavaScript
Is DOM accessed by other tools like search engines or screen readers
, yes
Is DOM the same as my HTML code
Yes and no, the browser can fix your html when things are missing during the DOM
creation
document.querySelector(".cta a").style
is an example of:
css inline style application reviewed with a js call
remember this
if you want to change thru js, use the same code and add the color (or margin,
padding, background collor etc)
document.querySelector(".cta a").style color = "green"
JavaScript uses what script standard
ECMAScript
Just remember the YMCA song and flip some letters
Geolocation API
location and ip
Pointer Events API
mouse movement tracking (hover or click)
Canvas API
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
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
<img draggable="true">
Needs true or false <img draggable> does not work
remember this
get an element that has been marked as draggable
const draggableElement = document.getElementById('draggable-element');
add dragstart listener to the element
draggableElement.addEventListener('dragstart', onElementDragStart);
add drag data to the event
function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');
}
History API
Controls the URL and lets navigational changes appear without reloading the page
and bookmark the specific state without a individual url
aka use the browser back/forward buttons as navigation elements
history.pushState({page: 1}, 'Page One', '?page=1')
File System API
access to the local users file system even without uploading it. It can only read it, not
update it.
