HTML APIs Flashcards
What is a collection of standards and programming instructions that enable access to a software application?
Application Programming Interface (API)
Which API is used to render visual images on the fly via scripting?
Canvas API
Which element is a transparent container for graphics?
What two attributes does the element have?
height and width
What primitive shape does canvas support?
Rectangle
What is the standard specifying how objects in a Web document can be referred to and manipulated?
Document Object Model (DOM)
Which language is used to access HTML elements via the DOM?
JavaScript
Which method returns a context object, which provides properties and methods that can be used to draw and manipulate images on a canvas?
getContext()
Which methods draws a filled rectangle?
fillRect(x,y,width,height)
Which method draws a rectangular outline?
strokeRect(x,y,width,height)
Which methods clears the specified area and makes it fully transparent?
clearRect(x,y,width,height)
Which method begins a drawing path or resets the current path?
beginPath()
Which method ends the current drawing path?
closePath()
Which method moves the pointer to a specified position?
moveTo(x,y)
Which method draws a curved line with a center, a given radius, a starting and ending angle (in radians), and instruction to draw in a clockwise or counterclockwise direction?
arc(x,y,radius,startAngle,endAngle,anticlockwise)
Which method draws a straight line from the current drawing position to the specified position?
lineTo(x,y)
Which method adds a line to the path drawn?
stroke()
Which method fills the area with the color set by the fillStyle property?
fill()
Which property sets the fill color or style?
fillStyle
Which property sets the thickness of the path drawn, in pixels?
lineWidth
Which API enables the rendering of interactive 3D and 2D graphics in an HTML canvas without the need for plugins?
WebGL API
How is WebGL used with the HTML5 element?
canvas.getContext(“webgl”)
Which API permits the user to continue working with web sites and documents even when a network connection is unavailable?
offline web applications
What provides a directory on a computer where applications can be stored and run without access to the original application?
application cache
What file provides a list of files needed for a web application to work offline?
manifest
How do you identify the manifest file to which a web page should link?
Which API provides the ability to determine a user’s location?
geolocation API
Which method retrieves the current geographic location of the user?
getCurrentPosition()
Which method retrieves periodic updates about the current geographic location of the user?
watchPosition()
Which method cancels an ongoing watchPosition() call?
clearWatch()
Which API allows a user to grab an object on a computer screen and move it to a different location on the screen?
drag-and-drop API
Which event specifies where the dragged object can be dropped?
dragover
Which attribute makes the element draggable?
draggable=“true”
Which method prevents default action where data elements cannot be dropped in other elements?
preventDefault()
Which event is called when a page element is dropped after being dragged?
drop
Which event listener triggers the drag event?
ondragstart
Which API provides a standard way to interact with files on the client machine using a web browser?
File API
Which statement is the simplest way to reference several files at once?
Which interface provides a directory list of file objects? You can list information such as the file name, MIME type, and size?
FileList
Which interface provides read-only access to individual files, such as images?
FileReader
What data type is a collection of data stored as a single entity and provides the ability to divide a file into byte ranges?
Blob (Binary Large Object)
Which API allows you to add, change, and delete URLs and titles in the browser history field?
History API
Which method sends the browser back one page in the history?
history.back()
Which method sends the browser forward one page in the history?
history.forward()
Which method sends the browser forward (positive number) or backward (negative number) the specified number of pages in history?
history.go(number)
Which method changes the URL in the browser window by adding a URL to the history stack?
history.pushState(state object,title,url)
Which method replaces the current URL in the history with a new one, instead of adding another URL to the history stack?
history.replaceState(state object, title, URL)
Why property returns the number of URLs in the history for this browser window?
history.length
What property returns the state object at the top of the history stack?
history.state
What property is called when the history changes for a document in the browser window?
window.onpopstate
What object is used to request data from a web server?
XMLHttpRequest
How do you create a new XMLHttpRequest object?
xmlhttp=new XMLHttpRequest();
What technique is used to transmit data between a server and a web application without disturbing page display?
AJAX
What JavaScript library make it easier to incorporate scripting to your website?
jQuery
Which jQuery command selects instances of the specified element based on the element name?
$(“a”)
Which jQuery command selects the elements with the specified ID attribute?
$(“#custname”)
Which jQuery command selects all elements with the specified class?
$(“.demo”)
Which jQuery command selects all HTML elements in the document?
$(“*”)
Which jQuery command selects the current HTML element?
$(this)
Which jQuery command selects all instances of the specified element with the specified class?
$(“a.demo”)
Which jQuery command selects the first instance of the specified element on a page?
$(“a:first”)
Which jQuery command selects all elements with the specified attribute?
$(“[href]”)
Which jQuery command selects all instances of an element with the specified attribute and value?
$(“a[target=‘_blank’]”)
Which jQuery command specifies that the code will not run until the document has finished loading?
document.ready
Which jQuery method sets or returns the text content of selected elements?
text()
Which jQuery method sets or returns the content of selected elements (including HTML markup)?
html()
Which jQuery method sets or returns the values of form fields?
val()
Which jQuery method is used to get and set attribute values?
attr()
Which jQuery method inserts content a the end of the selected elements?
append()
What statement selects an HTML element using the ID attribute?
document.getElementById(“myLocation”)
Which jQuery method inserts content at the beginning of the selected elements?
prepend()
Which jQuery method inserts content after the selected elements?
after()
Which jQuery method inserts content before the selected elements?
before()
Which jQuery method removes the selected element and its child elements?
remove()
Which jQuery method removes the child elements from the selected element?
empty()
What statement determines if the browser supports geolocation?
if (navigator.geolocation)
What statement iterates through a set of files?
for (var i = 0, x = files.length; i < x; ++ i)
What characteristic of browsers means you do not need to develop multiple versions of your scripts tailored for each browser?
all browsers are DOM-compliant
What technologies make up HTML5 APIs?
HTML5, CSS, and JS
