WGU C777 Final
Study online at https://quizlet.com/_fge0j9
1. What video files are supported: MP4 (mpeg4) WebM and OGG
codec H.264
remember this
2. What music files are supported: MP3 WAV and OGG
remember this
3. 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
4. a
.a
#a: anchor tag
class ="a"
id="a"
remember this
5. how to track visitors IP address: Geolocation API
remember this
6. code to implement appChache for offline viewing: <html manifest="my-web-
page.appcache">
remember the html tag with the manifest
remember this
7. Does js run client or server side: client
8. html comment: < ! L text L>
9. css comment: / asterixis text asterixis /
(quizlet has issues displaying * after /
10. js comment: // text until the end of the line
11. Unassign a variable without deleting it: = undefined
a var can never truly be unset anymore
= delete is removing it completely
12. DOM is a representation of what code?: HTML
13. DOM is the concept of a web browser ...: API
14. DOM is made up from objects made in ... and modified with ...: HTML /
JavaScript
15. Is DOM accessed by other tools like search engines or screen readers: yes
16. 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
17. document.querySelector(".cta a").style
is an example of:: css inline style application reviewed with a js call
remember this
1/6
, WGU C777 Final
Study online at https://quizlet.com/_fge0j9
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"
18. JavaScript uses what script standard: ECMAScript
Just remember the YMCA song and flip some letters
19. Geolocation API: location and ip
20. Pointer Events API: mouse movement tracking (hover or click)
21. 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
22. 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
23. Drag/drop HTML code: <img draggable="true">
Needs true or false <img draggable> does not work
remember this
24. get an element that has been marked as draggable: const draggableElement
= document.getElementById('draggable-element');
25. add dragstart listener to the element: draggableElement.addEventListen-
er('dragstart', onElementDragStart);
26. add drag data to the event: function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');
}
27. 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')
28. File System API: access to the local users file system even without uploading
it. It can only read it, not update it.
29. input field email: looks like a text field but has validation properties
30. input field image: click on the picture to submit the form
31. input field search: like text but line breaks are removed wen submitted
32. input field url: looks like text but has some validation
2/6
Study online at https://quizlet.com/_fge0j9
1. What video files are supported: MP4 (mpeg4) WebM and OGG
codec H.264
remember this
2. What music files are supported: MP3 WAV and OGG
remember this
3. 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
4. a
.a
#a: anchor tag
class ="a"
id="a"
remember this
5. how to track visitors IP address: Geolocation API
remember this
6. code to implement appChache for offline viewing: <html manifest="my-web-
page.appcache">
remember the html tag with the manifest
remember this
7. Does js run client or server side: client
8. html comment: < ! L text L>
9. css comment: / asterixis text asterixis /
(quizlet has issues displaying * after /
10. js comment: // text until the end of the line
11. Unassign a variable without deleting it: = undefined
a var can never truly be unset anymore
= delete is removing it completely
12. DOM is a representation of what code?: HTML
13. DOM is the concept of a web browser ...: API
14. DOM is made up from objects made in ... and modified with ...: HTML /
JavaScript
15. Is DOM accessed by other tools like search engines or screen readers: yes
16. 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
17. document.querySelector(".cta a").style
is an example of:: css inline style application reviewed with a js call
remember this
1/6
, WGU C777 Final
Study online at https://quizlet.com/_fge0j9
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"
18. JavaScript uses what script standard: ECMAScript
Just remember the YMCA song and flip some letters
19. Geolocation API: location and ip
20. Pointer Events API: mouse movement tracking (hover or click)
21. 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
22. 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
23. Drag/drop HTML code: <img draggable="true">
Needs true or false <img draggable> does not work
remember this
24. get an element that has been marked as draggable: const draggableElement
= document.getElementById('draggable-element');
25. add dragstart listener to the element: draggableElement.addEventListen-
er('dragstart', onElementDragStart);
26. add drag data to the event: function onElementDragStart(event) {
event.dataTransfer.setData('text/plain', 'draggable-element');
}
27. 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')
28. File System API: access to the local users file system even without uploading
it. It can only read it, not update it.
29. input field email: looks like a text field but has validation properties
30. input field image: click on the picture to submit the form
31. input field search: like text but line breaks are removed wen submitted
32. input field url: looks like text but has some validation
2/6