Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Programming in HTML5 with Javascript and CSS3 > Programming in HTML5 with Javascript and CSS3 > Flashcards

Programming in HTML5 with Javascript and CSS3 Flashcards

1
Q
  • npm install
  • npm install -g
A
  • installs locally
  • installs globally
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Class : blueprint of an object

A

Object: instance of a class

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

jQuery promises

A
  • always( )
  • done( )
  • fail( )
  • progress( )
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

REST

A

Representational state transfer

  • Post (create)
  • Get
  • Put (update)
  • Delete
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

AJAX

A

Asynchronous Javascript and XML

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q
  • XSS
  • CORS
A
  • Cross-site scripting
  • Cross origin resource sharing
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q
  • rel
  • lang
A
  • relation
  • language
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q
  • tr
  • td
  • th
A
  • row
  • detail
  • header
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q
  • var jsonObject = JSON.parse(xmlhttp.response);
  • result.innerHTML = jsonObject.result;
A
  • The response string needs to be converted to an object and the JSON.parse method can accomplish the task
  • In addition, the URL must be pieced together by taking the values from text boxes to build this QueryString
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q
  • var xmlhttp=new XMLHttpRequest();
  • xmlhttp.open(“GET”,”/addition?x=5&y=10”,false);
  • xmlhttp.send();
  • var xmlDoc=xmlhttp.responseXML;
A
  • The first line creates a new XMLHttpRequest object and assigns it to the xmlhttp variable.
  • The next line sets up the request to use the GET method with a relative URL of /addition and QueryString of x=5&y=10.
  • The last parameter (false) indicates whether the operation is to be performed asynchronously when false means that operation is synchronous.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

padding: 5px 15px;

A
  • 5px for the top and the bottom
  • 15 px for the right and the left
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

AJAX codes

A
  • 0 Uninitialized The open method has not been called yet.
  • 1 Loading The send method has not been called yet.
  • 2 Loaded The send method has been called; headers and status are available.
  • 3 Interactive Downloading; the response properties hold the partial data.
  • 4 Completed All operations are finished.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Handling errors

  • xmlhttp.addEventListener(“error”, failed, false);
  • xmlhttp.addEventListener(“abort”, canceled, false);
A
  • function transferFailed(evt) {
    • alert(“An error occurred”);
  • }
  • function canceled(evt) {
    • alert(“canceled by the user”);
  • }
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Progress event

  • xmlhttp.addEventListener(“progress”, updateProgress, false);
A
  • function updateProgress(evt) {
    • if (evt.lengthComputable) {
    • var percentComplete = evt.loaded / evt.total;
    • //display percenComplete
    • } else {
    • // Need total size to compute progress
    • }
  • }
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Promise object

A

The promise object has the done, fail, always, and progress methods that accept
a function parameter, which enables you to subscribe to state change. The then()
method on the promise object enables you to subscribe to done, fail, and progress

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Deferred object

A

The deferred object is a wrapper for the promise object. The deferred object provides control of the promise object, which is read-only

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

$.when() method

A

Use the $.when() method to monitor the completion of many parallel asynchronous
calls. Use the $.when() method with no parameters to create a resolved promise object

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

A web worker

A

A web worker provides asynchronous code execution

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

TCP

A

Transmission Control Protocol

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

URL

A

Uniform Resource Locator

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

URI

A

Uniform resource identifier

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q
  • ws://
  • wss://
A
  • Websocket
  • Secure websocket
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q
  • http://
  • https://
A
  • Hypertext Transfer Protocol
  • Secure Hypertext Transfer Protocol
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

The readyState property contains one of the following values

A
  • CONNECTING = 0 Connection is not yet open
  • OPEN = 1 Connection is open and ready to communicate
  • CLOSING = 2 Connection is in the process of closing
  • CLOSED = 3 Connection is closed or couldn’t be opened
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

WebSocket protocol

A

The WebSocket protocol provides a standardized way for the server to send content to the browser without being solicited by the client, and it allows messages to be passed back and forth while keeping the connection open

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

MIME types

A
  • Multipurpose Internet Mail Extensions
  • Content-types
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

Codec

A

A codec is a device or computer program capable of encoding or decoding a digital data stream or signal

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

The four parameters of the rect method

A

The first and second parameters are the x and y coordinates of the upper-left
corner of the rectangle. The third parameter is the width, and the fourth parameter is the height

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

SVG

A

Scalable Vector Graphics

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

JSON

A

Javascript Object Notation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

API

A

Application Program Interface

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

UI

A

User Interface

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q
  • article
  • aside
  • figcaption
  • figure
  • footer
  • header
A
  • hgroup
  • mark (highlighted text)
  • nav
  • progress
  • section
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

body > article

A

article > section

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q
  • figure
  • figcaption
A
  • for images
  • for captions
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q
  • getElementById
  • getElementsByClassName
  • getElementsByTagName
  • querySelector
  • querySelectorAll
A
  • Gets an individual element on the page by its unique id attribute value
  • Gets all the elements that have the specified CSS class applied to them
  • Gets all the elements of the page that have the specified tag name or element name
  • Gets the first child element found that matches the provided CSS selector criteria
  • Gets all the child elements that match the provided CSS selector criteria
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

window.onload = function ()

A

Tells the runtime to run your code after the window finishes loading

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

querySelector

A

The querySelector method returns the first element it finds that matches the selector criteria passed to it

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

querySelectorAll

A

The querySelectorAll method returns all elements that match the selector criteria passed in

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

appendChild

A

Use this method to add a new HTML element to the collection of child elements belonging to the calling container

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q
  • childNodes
  • first child
  • lastChild
  • hasChildNodes
A
  • A collection of all child nodes of the parent element
  • A reference to the very first child node in the list of child nodes of the parent node
  • A reference to the very last child node in the list of the child nodes of the parent node
  • A useful property that returns true if the parent element has any child nodes at all. A good practice is to check this property before accessing other properties, such as firstChild or lastChild
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q
  • beginPath
  • moveTo
  • lineTo
  • stroke
  • lineWidth
  • strokeStyle
A
  • Resets/begins a new drawing path
  • Moves the context to the point set in the beginPath method
  • Sets the destination end point for the line
  • Strokes the line, which makes the line visible
  • Accepts a value that determines the line width
  • Lets you change the line color
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q
  • arc
  • quadradicCurveTo
  • bezierCurveTo
A
  • A standard arc based on a starting and ending angle and a defined radius
  • A more complex arc that allows you to control the steepness of the curve
  • Another complex arc that you can skew
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q
  • X, Y
  • radius
  • startAngle, endAngle
  • counterclockwise
A
  • The first two parameters are the X and Y coordinates for the center of the circle
  • The third parameter is the radius. This is the length of the distance from the
    center point of the circle to the curve
  • The fourth and fifth parameters specify the starting and ending angles of the arc to be drawn. This is measured in radians, not in degrees
  • The final parameter specifies the drawing direction of the arc
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
45
Q

context.transform(a,b,c,d,e,f);

A
  • a Scales the drawing horizontally
  • b Skew the the drawing horizontally
  • c Skew the the drawing vertically
  • d Scales the drawing vertically
  • e Moves the the drawing horizontally
  • f Moves the the drawing vertically
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
46
Q

style

A

style=”property:value”

ex.: style=”font-style:italic”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
47
Q

Geolocation API functions

A
  • watchPosition
  • getCurrentPosition
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
48
Q

Hide an element

A

style=”display:none”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
49
Q

Mutiple columns

A
  • columns: column-count column-width
  • ex.: columns: 2 auto;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
50
Q

Drop shadow

A
  • box-shadow: vertical offset horizontal offset blur distance color value;
  • ex.: box-shadow: 10px 10px 20px black;
  • text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
51
Q

CSS style set

A

The element that occurs last will be applied

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
52
Q

Variables declared in the global namespace will be parsed before functions

A

Variables declared in functions need to be declared before they are invoqued

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
53
Q

Focus on an element

A

element.focus();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
54
Q

Rectangle method

A
  • .rect(x, y, width, height);
  • .fillRect(x, y, width, height);
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
55
Q
  • Rotate
  • Translate
  • Skew
  • Scale
A
  • transform: rotate(90deg);
  • transform: translate(50px,0px);
  • transform: skew(10deg, 10deg);
  • transform: scale(1.5);
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
56
Q

Display or hide

A
  • style.display = ‘none’;
  • style.display == ‘inline’
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
57
Q
  • visible
  • hidden
  • collapse
  • inherit
A
  • Sets the property to visible to show the element
  • Hides the element
  • Collapses the element where applicable, such as in a table row
  • Inherits the value of the visibility property from the parent
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
58
Q

Web Storage API

A
  • Local storage is persistent
  • Session storage is available only for the duration of
  • the current session
59
Q
  • setItem
  • getItem
  • clear
  • key
  • removeItem
A
  • Adds a key/value pair into storage. If no item with the specified key exists, the item is added; if that key does exist, its value is updated
  • Retrieves data from storage based on a specified key value or index
  • Clears all storage that has been saved. Use this method to clear out the storage as needed
  • Retrieves the key at a specified index. You can use the resultant key to pass as a parameter to one of the other methods that accepts a key
  • Removes the specified key/value pair from storage
60
Q

Add to storage as a string

A

JSON.stringify();

61
Q
  • AppCache API
  • AppCache manifest
A
  • Use to make offline application
  • html manifest=”webApp.appcache”
62
Q
  • Geolocation
  • Three methods
A
  • window.navigator.geolocation;
  • getCurrentPosition, watchPosition, and clearWatch
63
Q

Program flow

A
  • Conditional program flow is based on evaluating state to make a decision as to which code should run
  • Iterative flow is the ability to process lists or collections of information systematically and consistently
  • Behavioral flow can be defined as an event or callback in which specific logic should be applied based on user engagement with the web application or the completion of another task
64
Q

Ternary operation

A

expression ? true part: false part

65
Q

indexOf default value

66
Q

Array methods

A
  • concat
  • indexOf
  • join
  • reverse
  • slice
  • splice
  • pop
  • push
  • shift
  • unshift
67
Q

readyState

  • OPEN
  • CONNECTING
  • CLOSING
  • CLOSED
A
  • The connection is open
  • The connection is in the process of connecting and not ready for use yet. This is the default value
  • The connection is in the process of being closed
  • The connection is closed
68
Q
  • $.ajax({
    • url: searchPath,
    • cache: false,
    • dataType: “xml”,
    • success: function (data) {
      • $(data).find(“fruit”).each(
        • function () {
        • $(‘#searchResults’).append($(this).text());
        • $(‘#searchResults’).append(“
          “);
      • })
    • }
  • });
A
  • error: function (xhr, textStatus, errorThrown) {
    • $(‘#searchResults’).append(errorThrown);
  • }
69
Q

type: “POST”

A
  • $.ajax({
    • url: searchPath,
    • cache: false,
    • dataType: “xml”,
    • type: “POST”,
    • success: function (data) {
      • …
    • },
  • });
70
Q

Syntax for an anonymous function

A

function (n,n,…,n) { body };

71
Q
  • When ready
  • When clicked
A
  • $(“document”).ready( function () {…
  • $(“#Button1”).click( function () {…
72
Q

WebSockets provide bidirectional communication with a server

A

WebSockets support both non-secure (ws) and secure (wss) connections to the server

73
Q
  • window.onload = function () {
    • //do event setup in here.
  • }
A

Anonymous function that executes after the page is loaded

74
Q
  • Bubbling: false
  • Bubbling: true (cascading)
  • To prevent
A
  • The event travels outwards
  • The event travels inwards
  • window.event.cancelBubble = true;
75
Q
  • focus
  • blur
  • focusin
  • focusout
A
  • Raised when the element receives the focus
  • Raised when the element loses the focus
  • Raised just before an element receives the focus
  • Raised just before an element loses the focus
76
Q

Creating custom events

A
  • myEvent = new CustomEvent(
    • “anAction”,
    • {
      • detail: { description: “a description of the event”,
        • timeofevent: new Date(),
        • eventcode: 2 },
      • bubbles: true,
      • cancelable: true
    • }
  • );
77
Q

Create a new web worker

A

var webWorker = new Worker(“workercode.js”);

78
Q

placeholder

A

input type=”” placeholder=””

79
Q
  • ^ The caret character denotes the beginning of a string
  • $ The dollar sign denotes the end of a string
  • . The period indicates to match on any character
  • [A-Z] Alphabet letters indicate to match any alphabetic character. This is case-sensitive. To match lowercase letters, use [a-z]
  • \d This combination indicates to match any numeric character
    • The plus sign denotes that the preceding character or character set must match at least once
  • * The asterisk denotes that the preceding character or character set might or might not match
A
  • [^] When included in a character set, the caret denotes a negation. [^a] would match a string that doesn’t have an ‘a’ in it
  • ? The question mark denotes that the preceding character is optional
  • \w This combination indicates to match a word character consisting of any alphanumeric character, including an underscore
  • \ The backslash is an escape character. If any special character should be included in the character set to match on literally, it needs to be escaped with a . For example, to find a backslash in a string, the pattern would include \.
  • \s This combination indicates to match on a space. When it’s combined with + or *, it can match on one or more spaces
80
Q

Expression

A

To be place inside forward slashes / /

81
Q

JSON:
{firstName: “Rick”, lastName: “Delorme”, hairColor: “brown”, eyeColor: “brown” }

A
  • XML (Elements):
  • Person
    • firstName Rick firstName
    • lastName Delorme lastName
    • hairColor Brown hairColor
    • eyeColor Brown eyeColor
  • Person
82
Q

XMLHttpRequest

A
  • script
    • $(“document”).ready(function () {
      • $(“#btnGetXMLData”).click(function () {
        • var xReq = new XMLHttpRequest();
        • xReq.open(“GET”, “myXMLData.xml”, false);
        • xReq.send(null);
        • $(“#results”).text(xReq.response);
      • });
    • });
  • script
83
Q

xReq.open(“GET”, “myXMLData.xml”, false);

A
  • Open method
  • Request type
  • URI
  • Asynchronous
84
Q
  • Hexadecimal RGB
  • RGB function
A
  • # 00FF00
  • rgb(0,255,0)
85
Q
  • font-weight
  • lighter, normal, bold, and bolder
  • font-family
  • This CSS code renders the fonts in order from left to right until it finds one that is available
  • font-size
  • xx-small, x-small, small, smaller, medium, larger, large,
    x-large, xx-large.
A
  • font-weight: bold;
  • font-style:italic;
  • font-family:Arial,’Times New Roman’,Webdings;
86
Q
  • text-align: right, left, center, justify
  • hyphens: none, auto, manual
A
  • text-align: center;
  • text-indent: 50px;
  • letter-spacing: 8px;
  • word-spacing: 8px;
  • hyphens: none;
87
Q
  • border-style: solid border, dashed border, dotted line border, grooved line border, and so on
A
  • border-style: solid;
  • border-color: black;
  • border-spacing: 250px;
  • border-width: 5px;
88
Q

Padding

A
  • padding: 25px 25px 25px 25px;
    • or
  • padding-top: 25px;
  • padding-bottom: 25px;
  • padding-left: 25px;
  • padding-right: 25px;
89
Q
  • opacity: from 0 to 1.0
  • backround-image: size, repeat, clip, position-x/position-y
  • linear-gradient: direction, color stop…n
  • box-shadow
  • text-shadow
  • clipping: The parameters run in clockwise order as top, right, bottom, and left sides of the rectangle
A
  • opacity: 0.4;
  • background-image: url(‘orange.jpg’);
  • background-size: 20px;
    background-repeat: repeat;
  • background:linear-gradient(black,gray);
  • clip: rect(25px, 50px, 50px, 25px);
90
Q

.clipper

A
  • .clipper{
    • position: fixed;
    • left: 325px;
    • clip: rect(25px, 100px, 100px, 25px);
  • }
91
Q

float

A

Used to wrap text around an image

92
Q

element positioning

A

fixed, absolute, relative

93
Q
  • transition-property
  • transition-duration
  • transition-delay
A
  • Specifies the property to which a transition will be applied
  • Specifies how much time the transition should take from start to finish
  • Specifies how long
94
Q
  • translate
  • scale
  • rotate
  • matrix
A
  • Moves the object from its current location to a new location
  • Changes the size of the object
  • Spins the object along the x-axis, y-axis, and/or the z-axis
  • Allows you to combine all the transformations into one command
95
Q

display:none; will hide an element but keep its space in the overall flow

A

visibility: hidden; will hide an element and won’t keep its space in the overall flow

96
Q
  • =
  • ~=
  • ^=
  • $=
  • *=
A
  • Specifies that an attribute equals a specific value. For example, the URL of an anchor is a specify URL
  • Specifies a space-separated list of words as the values for an attribute
  • Specifies that the attribute has a value starting with the text specified
  • Specifies that the attribute has a value ending with the specified text
  • Specifies that the attribute has a value containing the specified text
97
Q

anchor element

A
  • a:link
  • hyperlinks
98
Q

onreadystatechange

A

Stores a function (or the name of a function) to be called automatically each time the readyState property changes

99
Q

readyState

A

Holds the status of the XMLHttpRequest

  • 0: request not initialized
  • 1: server connection established
  • 2: request received
  • 3: processing request
  • 4: request finished and response is ready
100
Q

ready state status

A
  • 200: “OK”
  • 404: Page not found
101
Q

shadows

A
  • box-shadow
  • text-shadow
102
Q

border-radius

A

If only two value are specified:

  1. Upper-left and bottom-right
  2. Upper-right and bottom-left
103
Q

css selector

A
  • .class.child
  • .class: element
104
Q

hovering

A

.onmouseover

105
Q

Video format compatible with most browswer

A
  • ogg
  • mp4
  • webm
106
Q

Successful completion of an asynchronous operation

107
Q

Promise object methods

A
  • always()
  • done()
  • fail()
  • progress()
108
Q

A Promise is in one of three states

A
  • pending: initial state, not fulfilled or rejected
  • fulfilled: successful operation
  • rejected: failed operation
109
Q

stringify(fields, separator, assignment)

parse(querystring, separator, assignment)

A
  • fields : object The data to convert to a query string.
  • separator : string The string to use as a separator between each name:value pair. By default this is “&”.
  • assignment : string The string to use between each name and its corresponding value. By default this is “=”.
110
Q

querySelectorAll : static NodeList

A

getElementByTagName: live NodeList

111
Q

svg content

112
Q

Elements that trigger continuously during a drag and drop operation

A
  • drag
  • dragover
113
Q

HTMLMediaElement

A
  • Audio
  • Video
  • …
114
Q

Data that can be passed to the drop event using the DataTransfer object

A

Any object that can be represented as a string or URL

115
Q
  • Using static, the element is displayed where it would normally appear in the HTML flow. This is the default
  • Using relative, the element is displayed relative to where it would normally appear in the HTML flow
A
  • Using absolute, the element is removed from the HTML flow and positioned within the first non-static element. Although this could mean that the element is positioned within the browser window, it’s not guaranteed
  • Using fixed, the element is removed from the HTML flow and positioned within the browser window
116
Q

decodeURIComponent

A

The decodeURIComponent function can deserialize the QueryString

117
Q

localStorage.clear();

A

The clear() method removes all existing key/value pairs existing for the origin

118
Q

Change in progress for deferred object

A

The notify method indicates a change in progress

119
Q

Audio formats that are compatible with most browsers

A
  • .mp3
  • .mp4
  • .wav
  • .oga
120
Q

Web SQL

A
  • Safari
  • iOS platform
121
Q

hsl ()

A

By using the hsl function, you can set the hue value and then adjust the saturation and lightening values to derive other matching colors

122
Q

text-transform

A
  • Lowercase
  • Uppercase
123
Q

instanceof

A

object instanceof constructor

124
Q

JSON

125
Q

XMPP

A

Extensible Messaging and Presence Protocol

126
Q
  • xmlhttp.onreadystatechange = function () {
    • if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    • var jsonObject = JSON.parse(xmlhttp.response);
    • result.innerHTML = jsonObject.result;
    • }
  • }
A
  • To handle the asynchronous call, you must subscribe to the onreadystateschange event, which is triggered whenever the state of XMLHttpRequest changes.
  • You must also test the HTTP status code
    to ensure that no error has occurred by verifying that the return code is 200.
127
Q

Setting the cookie value

A
  • function setCookie(cookieName, cookieValue, expirationDays) {
    • var expirationDate = new Date(); expirationDate.setDate(expirationDate.getDate() +
    • expirationDays); cookieValue = cookieValue + “; expires=” + expirationDate.toUTCString();
    • document.cookie = cookieName + “=” + cookieValue;
  • }
128
Q

Retrieving the cookie value

A
  • var cookies = document.cookie.split(“;”);
  • for (var i = 0; i
    • var cookie = cookies[i];
    • var index = cookie.indexOf(“=”); var key = cookie.substr(0, index); var val = cookie.substr(index + 1);
    • if (key == cookieName)
    • return val;
  • }
129
Q

transform: rotate(xdeg);

A

default: clockwise

130
Q

Selector examples

A

dataTable tbody tr.selected:not(tr:last-child)

$(“div#container > ul”) .css(“border”, “1px solid black”)

131
Q

Error prototype

A

All Error instances and instances of non-generic errors inherit from Error.prototype

132
Q

.val() works on input elements (or any element with a value attribute) and gets the value of the input element - regardless of type

A

.text() will not work on input elements - gets the innerText (not HTML) of all the matched elements

133
Q

Verify if e is an instance of a fonction

A

if (e instanceof function name)

134
Q

Drag and drop

A
  • dragstart
  • dragenter
  • dragover
  • dragleave
  • drag
  • drop
  • dragend
135
Q

Data Transfer

A
  • void addElement(in Element element)
  • void clearData([in String type])
  • String getData(in String type)
  • void setData(in String type, in String data)
  • void setDragImage(in nsIDOMElement image, in long x, in long y)
  • void mozClearDataAt([in String type, in unsigned long index])
  • nsIVariant mozGetDataAt(in String type, in unsigned long index)
  • void mozSetDataAt(in String type, in nsIVariant data, in unsigned long index)
  • StringList mozTypesAt([in unsigned long index])
136
Q
  • -ms-grid-columns
  • -ms-grid-rows
A
  • Specifies the width of each grid column within the Grid. Each column is delimited using a space
  • Specifies the height of each grid row within the Grid. Each row is delimited using a space
137
Q

flex-flow

A

flex-flow: flex-direction || flex-wrap

138
Q

flex-grow

A

This defines the ability for a flex item to grow if necessary

139
Q

flex-direction

A

flex-direction: row | row-reverse | column | column-reverse;

140
Q

flex-wrap

A

By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property

141
Q

align-items

A
  • flex-start: cross-start margin edge of the items is placed on the cross-start line
  • flex-end: cross-end margin edge of the items is placed on the cross-end line
  • center: items are centered in the cross-axis
  • baseline: items are aligned such as their baselines align
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
142
Q

Simple object access protocol (SOAP)

A
  • contentType: “application/soap+xml”
  • type: “Post”
  • dataTyp:”xml”
143
Q

hyphens

A
  • hyphens: none;
  • hyphens: manual;
  • hyphens: auto;
    • Global values
  • hyphens: inherit;
  • hyphens: initial;
  • hyphens: unset;
144
Q

ActiveXObject Object

A
  • Enables and returns a reference to an Automation object.
  • var = new ActiveXObject(servername.typename[, location])

Programming in HTML5 with Javascript and CSS3 (3 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions