Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
55 Cards in this Set
- Front
- Back
gist7132.css |
CSS for lab index.html page |
|
ol.css |
OpenLayers stylesheet |
|
Pure.css |
Set of css modules that have very small file sizes, provides layout and styling for HTML elements |
|
styles.css |
Default Node Stylesheet |
|
<input> |
Type of input: text, password, radio, checkbox, submit |
|
<textarea> |
Creates a textbox of any size </textarea> |
|
<select> |
Used with <option> for creating a drop down list |
|
<option> |
specifies an option for a drop down list |
|
<button> |
- Creates a button with optional content on it - Holds an event handler with JS functions Ex: onclick = loadlist() |
|
<optgroup> |
Groups related options into sub-categories within the drop down |
|
<fieldset> |
Group related elements in a form and surround with a box ex: map legend |
|
<label> |
defines a label for an <input> element When user clicks on text within the label element, it toggles the control |
|
<html> |
tells browser this is a HTML document, root of document, container for tags..closed by </html> |
|
<head> |
container for title, scripts, styles, metadata |
|
<title> |
descriptive page title (shown on tab/URL) |
|
<meta> |
The tag provides metadata about the HTML document. Ex: <meta charset ="UTF-8"> (defines charset easily, new in HTML 5) |
|
<link> |
defines link between document and external source Ex: path to external JavaScripts, stylesheets.css etc. |
|
<script> |
client side script, embed or reference an executable script ex: src = if reference to external JavaScript |
|
<body> |
Where the main page content to be displayed goes |
|
<p> |
paragraph tag- denotes discrete section of text |
|
<div> |
division/section in HTML (usually where we put our maps) ex: <div id="map"> The map will show here </div> |
|
<h1> |
header 1 - dominant / biggest one |
|
<h2> <h3> <h4> <h5> <h6> |
header 2 - smaller than header 1 , sub-header h1>h2>h3>h4>h5>h6 (smallest) |
|
<br> |
breaks to new section |
|
<TD> <TR> |
starts a table adds a row |
|
<thread> |
the <thread> tag is used to group header content in an HTML table |
|
<tbody> |
The tag is used to group the body content in an HTML table.
|
|
<tfoot> |
The tag is used to group the footer content in an HTML table. |
|
<th> |
make the first cell of a row bold (optional, can just use <td>) |
|
<form> |
html form for user input , can be used to connect to database |
|
CSS |
- Originally: set page styling (aesthetics) - Can also be used for page structure (more common now) Ex: "#map{}" in CSS links to <div id="map"> in HTML |
|
JavaScript |
- used for building Rich Internet Applications - makes web pages dynamic |
|
JSON |
- pass data between back-end (server) and front-end (browser) - can be processed very quickly - Very long runs of nested commas, braces, colons, arrays |
|
DOM |
Document Object Model: is a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML, and XML documents. ex. document.getElementbyID().innerhtml |
|
BOM |
Browser Object Model: ) is a browser-specific convention referring to all the objects exposed by the web browser. Unlike the Document Object Model, there is no standard for implementation and no strict definition |
|
JavaScript Special Character: {} |
stores objects/properties |
|
JavaScript Special Character: [ ] |
store arrays for simple values |
|
JavaScript Special Character: ; |
Separates statements |
|
JavaScript Special Character: () |
Groups expressions and parameters |
|
JavaScript Special Character: = |
used for assignment |
|
JavaScript Special Character: == |
Equal to |
|
JavaScript Special Character: === |
equal value and equal type |
|
JSON Special Characters : {} |
objects |
|
JSON Special Characters : [] |
array |
|
JSON Special Characters : : (colon) |
key value pair separator
key : value |
|
JSON Special Characters: , |
separate values, if many |
|
JavaScript Operators Logical Core: ! |
NOT |
|
JavaScript Operators Logical Core: && |
AND |
|
JavaScript Operators Logical Core: || |
OR |
|
OpenLayers 3 Objects Core: Map |
Map: does less and less |
|
OpenLayers 3 Objects Core:Controls |
Zoom in and out |
|
OpenLayers 3 Objects Core: View |
how they choose to handle 3D (somewhere between maps and layers) |
|
OpenLayers 3 Objects Core: Layer |
Hook to URL service |
|
OpenLayers 3 Objects Core: Proj |
Transform Coordinates |
|
OpenLayers 3 Objects Core: Overlays |
Graphics layer (deleted?) |