Вы находитесь на странице: 1из 28

Data

ID

1
12/1/2014
12/1/2014
12/1/2014

ok
ok

12/1/2014
12/1/2014
12/2/2014

ok
ok
ok

12/2/2014
12/2/2014
12/2/2014
12/3/2014
12/3/2014
12/3/2014
12/3/2014

ok
ok
ok
ok
ok
ok
ok

12/3/2014
12/3/2014
12/3/2014
12/3/2014

ok
ok
ok
ok

12/4/2014
12/4/2014
12/4/2014

ok
ok
ok

12/5/2014
12/5/2014
12/5/2014
12/5/2014

ok
ok
ok
ok

12/10/2014
12/9/2014
12/10/2014

ok
ok
ok

12/11/2014

ok

1.1
1.1.1
1.1.2
1.2
1.2.1
1.2.2
1.2.3
1.3
1.3.1
1.3.2
1.3.3
1.4
1.4.1
1.4.2
1.4.3
1.5
1.5.1
1.5.2
1.5.3
1.5.4
1.6
1.6.1
1.6.2
1.6.3

2
2.1
2.1.2
2.1.3
2.1.4
2.2
2.2.1
2.2.2
2.2.3
2.3
2.3.1

12/10/2014
12/11/2014
12/11/2014
12/11/2014
12/12/2014
12/12/2014
12/12/2014
12/12/2014
12/19/2014
12/19/2014
12/19/2014
12/19/2014
12/19/2014

12/22/2014
12/22/2014
12/22/2014
12/22/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/26/2014
12/29/2014

ok
ok
ok

2.3.2
2.3.3
2.3.4
2.4
2.4.1
2.4.2
2.4.3
2.4.4
2.4.5
2.5
2.5.1
2.5.2
2.5.3
2.5.4
2.5.5

3
3.1
3.1.1
3.1.2
3.2
3.2.1
3.2.2
3.2.3
3.3
3.3.1
3.3.2
3.3.3
3.4
3.4.1
3.4.2
3.4.3
3.4.4
3.4.5
3.4.6
3.4.7

12/29/2014
12/29/2014
12/29/2014
12/29/2014
12/29/2014
1/4/2015
1/4/2015
1/4/2015
1/4/2015
1/4/2015
1/7/2015
1/7/2015
1/7/2015
1/8/2015
1/8/2015
1/9/2015
1/8/2015
1/13/2015
1/13/2015
1/13/2015
1/13/2015
1/13/2015
1/13/2015

4
4.1
4.1.1
4.1.2
4.1.3
4.1.4
4.1.5
4.2
4.2.1
4.2.2
4.2.3
4.3
4.3.1
4.3.2
4.3.3
4.3.4
4.3.5
4.4
4.4.1
4.4.2
4.4.3
4.4.4
4.5
4.5.1
4.5.2
4.5.3
4.6
4.6.1
4.6.2
4.6.3

Contedo

Implement and manipulate document structures and objects (24%)

Create the document structure


Structure the UI by using semantic markup, including for search engines and screen
Create a layout container in HTML
Write code that interacts with UI controls
Programmatically add and modify HTML elements;
Implement media controls;
Implement HTML5 canvas and SVG graphics
Apply styling to HTML elements programmatically
Change the location of an element;
apply a transform;
show and hide elements
Implement HTML5 APIs
Implement storage APIs,
AppCache API,
Geolocation API
Establish the scope of objects and variables
Define the lifetime of variables;
keep objects out of the global namespace;
use the this keyword to reference an object that fired an event;
scope variables locally and globally
Create and implement objects and methods
Implement native objects; create custom objects and custom properties for native
inherit from an object;
implement native methods and create custom methods
Preparation resources
Get started using HTML5
The developers guide to HTML5 canvas
How to zoom and pan with SVG

Implement program flow (25%)


Implement program flow
Iterate across collections and array items;
manage program decisions by using switch statements, if/then, and operators;
evaluate expressions
Raise and handle an event
Handle common events exposed by DOM (OnBlur, OnFocus, OnClick);
declare and handle bubbled events;
handle an event by using an anonymous function
Implement exception handling.
set and respond to error codes

throw an exception;
request for null checks;
implement try-catch-finally blocks
Implement a callback
Receive messages from the HTML5 WebSocket API;
use jQuery to make an AJAX call;
wire up an event;
implement a callback by using anonymous functions;
handle the this pointer
Create a web worker process
Start and stop a web worker;
pass data to a web worker;
configure timeouts and intervals on the web worker;
register an event listener for the web worker;
limitations of a web worker
Preparation resources
Controlling program flow (JavaScript)
Coding basic apps
try...catch...finally statement (JavaScript)

Access and secure data (26%)

Validate user input by using HTML5 elements


Choose the appropriate controls based on requirements
implement HTML input types and content attributes (for example, required) to colle
Validate user input by using JavaScript
Evaluate a regular expression to validate the input format;
validate that you are getting the right kind of data type by using built-in functions;
prevent code injection
Consume data
Consume JSON and XML data;
retrieve data by using web services;
load data or get data from other sources by using XMLHTTPRequest
Serialize, deserialize, and transmit data
Binary data;
text data (JSON, XML);
implement the jQuery serialize method;
Form.Submit;
parse data;
send data by using XMLHTTPRequest;
sanitize input by using URI/form encoding
Preparation resources
pattern attribute | pattern property

Sandbox
XMLHttpRequest object

Use CSS3 in applications (25%)

Style HTML text properties


Apply styles to text appearance (color, bold, italics);
apply styles to text font (WOFF and @font-face, size);
apply styles to text alignment, spacing, and indentation;
apply styles to text hyphenation;
apply styles for a text drop shadow
Style HTML box properties
Apply styles to alter appearance attributes (size, border and rounding border corne
apply styles to alter graphic effects (transparency, opacity, background image, gra
apply styles to establish and change an elements position (static, relative, absolut
Create a flexible content layout
Implement a layout using a flexible box model;
implement a layout using multi-column;
implement a layout using position floating and exclusions;
implement a layout using grid alignment;
implement a layout using regions, grouping, and nesting
Create an animated and adaptive UI
Animate objects by applying CSS transitions;
apply 3-D and 2-D transformations;
adjust UI based on media queries (device adaptations for output formats, displays,
hide or disable controls
Find elements by using CSS selectors and jQuery
Choose the correct selector to reference an element;
define element, style, and attribute selectors;
find elements by using pseudo-elements and pseudo-classes (for example, :before,
Structure a CSS file by using CSS selectors
Reference elements correctly; implement inheritance;
override inheritance by using !important;
style an element based on pseudo-elements and pseudo-classes (for example, :bef
Preparation resources
Text
How to add drop shadows with CSS3
CSS

Implement and Manipulate Document Structures and Objects (24%


Create the document structure.

Write code that interacts with UI controls.

Apply styling to HTML elements


programmatically.

Implement HTML5 APIs.

Establish the scope of objects and variables.

Create and implement objects and methods.

Implement Program Flow (25%)


Implement program flow.

Raise and handle an event.

Implement exception handling.

Implement a callback.

Create a web worker process.[1],[2]

Access and Secure Data (26%)

Validate user input by using HTML5


elements.

Validate user input by using JavaScript.

Consume data.

Serialize, deserialize, and transmit data.

Use CSS3 in Applications (25%)


Style HTML text properties.

Create a flexible content layout.

Create an animated and adaptive UI.

Find elements by using CSS selectors and


jQuery.

Structure a CSS file by using CSS selectors.

ocument Structures and Objects (24%)


structure the UI by using semantic markup, including for search engines and screen
readers[1],[2],[3]

create a layout container in HTML


programmatically add and modify HTML elements[1],[2],[3]

implement media controls[1]


implement HTML5 canvas and SVG graphics
change the location of an element
apply a transform
show and hide elements
implement storage APIs
AppCache API
Geolocation API
define the lifetime of variables
keep objects out of the global namespace
use the this keyword to reference an object that fired an event
scope variables locally and globally
implement native objects[1],[2]

create custom objects and custom properties for native objects using prototypes and
functions

inherit from an object


implement native methods and create custom methods

%)

iterate across collections and array items[1],[2]

manage program decisions by using switch statements, if/then, and operators[1]

evaluate expressions
handle common events exposed by DOM (OnBlur, OnFocus, OnClick)

declare and handle bubbled events[1]


handle an event by using an anonymous function
set and respond to error codes

throw an exception
request for null checks
implement try-catch-finally blocks
receive messages from the HTML5 WebSocket API
use jQuery to make an AJAX call
wire up an event
implement a callback by using anonymous functions[1],[2]
handle the this pointer
start and stop a web worker

pass data to a web worker


configure timeouts and intervals on the web worker

register an event listener for the web worker


limitations of a web worker

choose the appropriate controls based on requirements


implement HTML input types and content attributes (for example, required) to collect user
input[1],[2],[3],[4]

evaluate a regular expression to validate the input format

validate that you are getting the right kind of data type by using built-in functions

prevent code injection


consume JSON and XML data
retrieve data by using web services
load data or get data from other sources by using XMLHTTPRequest
binary data
text data (JSON, XML)
implement the jQuery serialize method
Form.Submit
parse data

send data by using XMLHTTPRequest


sanitize input by using URI/form encoding

%)
apply styles to text appearance (color, bold, italics)

apply styles to text font (WOFF and @font-face, size)

apply styles to text alignment, spacing, and indentation

apply styles to text hyphenation

apply styles for a text drop shadow


apply styles to alter appearance attributes (size, border and rounding border corners,
outline, padding, margin)

apply styles to alter graphic effects (transparency, opacity, background image, gradients,
shadow, clipping)

apply styles to establish and change an elements position (static, relative, absolute, fixed)

implement a layout using a flexible box model


implement a layout using multi-column[1]
implement a layout using position floating and exclusions
implement a layout using grid alignment
implement a layout using regions, grouping, and nesting
animate objects by applying CSS transitions
apply 3-D and 2-D transformations
adjust UI based on media queries (device adaptations for output formats, displays, and
representations)
hide or disable controls
choose the correct selector to reference an element, define element, style, and attribute
selectors

find elements by using pseudo-elements and pseudo-classes

reference elements correctly


implement inheritance

override inheritance by using !important


style an element based on pseudo-elements and pseudo-classes

Article
html5
Section
html5
Nav
html5
Header
html5
Footer
html5
Aside
html5
See "Flexbox" and other display items.
createElement
appendChild
cloneNode
insertBefore
replaceChild
removeChild
audio
html5
video
html5
canvas
html5
svg
html5
position
Positioning
transform
Transforms
display
CSS2.1
visibility
CSS2.1
LocalStorage
web storage
AppCache
html5
GeoLocation
GeoLocation
delete
modular
this
scope
Array
Boolean
Date
Function
Number
Object
RegExp
String
NaN
null
undefined
function
prototype

W3
W3
W3
W3
W3
W3

Wiki
Wiki
Wiki
Wiki
Wiki
Wiki

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

W3
W3
W3
W3
W3
W3
W3
W3

Wiki
Wiki
Wiki
Wiki
wiki
wiki
Wiki
Wiki

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

MSDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

new
See earlier topics such as prototype.

MDN

MSDN

for
for...in
hasOwnProperty
forEach
if...else
switch
operators
expressions
eval
OnBlur
OnFocus
OnClick
event
createEvent
addEventListener
Error.number
promise
onError
throw
Unsure what this topic is about. (null, perhaps?)
try...catch
WebSocket
WebSocket
MDN
ajax
See earlier topics on event handling.
See earlier topics on functions and scope.
this
WebWorker
Web Workers
new Worker
terminate
postMessage
onMessage
setTimeout
clearTimeout
setInterval
clearInterval
SeeWorkerconstructor function.
Browser compatability
DOM

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

MDN
MSDN

MSDN

MDN
MDN
MDN
MDN

MSDN
MSDN

MDN
MDN
MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

Use common sense? (Or:


type = datetime
type = datetime-local
type = date
type = month
type = time
type = week
type = number
type = range
type = email
type = url
type = search
type = tel
type = color
step
min
max
required
placeholder
autofocus
autocomplete
pattern
RegExp
pattern
onSubmit
isNaN
isFinite
parseInt
parseFloat
typeof
XSS
Ajax
XMLHttpRequest
Typed Arrays
JSON[1]
XML
serialize
form.submit
form.onsubmit
JSON.parse
parseInt
parseFloat

use below links below.)


html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html
html

MSDN
MSDN
MSDN
MSDN
MSDN

MDN

MSDN

MDN
MDN
MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

html

MDN
XMLHttpRequest
ECMA-262 5

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

MSDN
MSDN

MSDN
MSDN
MSDN
MSDN
MSDN

XMLHttpRequest
deccodeURI
decodeURIComponent
encodeURI
encodeURIComponent

XMLHttpRequest

color
font-weight
font-style
text-decoration
text-transform
WOFF[1]
@font-face
font-size
font-stretch
line-height
vertical-align
text-align
letter-spacing
word-spacing
text-indent
hyphens
word-wrap
word-break
text-shadow
box-sizing
width, height
min-, maxpadding
margin
border
border-radius
outline
opacity
rgba
background-image
gradients
box-shadow
clip
overflow
position
top, right, bottom, left

CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3
CSS3

Color
Fonts
Fonts
Text-decoration
Text
Fonts
Fonts
Fonts
Fonts
Linebox
Linebox
Text
Text
Text
text
Text
Text
Text
Text-decoration
Box
Box
Box
Box
Box
Backgrounds
Backgrounds
UI
Color
Color
Backgrounds
Images
Backgrounds

MDN
MDN
MDN
MDN
MDN
W3
W3
W3
W3
W3

Wiki
Wiki
Wiki
Wiki
Wiki

W3 Wiki
W3
W3
W3
W3
W3
W3

Wiki
Wiki
Wiki
Wiki
Wiki
Wiki

W3
W3
W3
W3
W3

Wiki
Wiki
Wiki
Wiki
Wiki

W3 Wiki
W3 Wiki
W3 Wiki

W3 Wiki
CSS3 Overflow
CSS2
CSS2

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

flex
columns
float
exclusions
grid
regions
transitions
transforms
media queries

CSS3 Flexbox
CSS3 Multi-column
CSS2
CSS3 Exclusions
CSS Grid
CSS3 Regions
CSS3 Transitions
CSS3 Transforms
CSS3 Media Queries

W3 Wiki

display: none
visibility
CSS3 Box
universal
CSS Selectors Level 3
attribute
CSS Selectors Level 3
type
CSS Selectors Level 3
class
CSS Selectors Level 3
id
CSS Selectors Level 3
descendant
CSS Selectors Level 3
child
CSS Selectors Level 3
adjacent sibling
CSS Selectors Level 3
general sibling
CSS Selectors Level 3
:before
CSS Selectors Level 3
:first-line
CSS Selectors Level 3
:first-letter
CSS Selectors Level 3
:target
CSS Selectors Level 3
:lang
CSS Selectors Level 3
:checked
CSS Selectors Level 3
:first-child
CSS Selectors Level 3
:nth-child(n)
CSS Selectors Level 3
:nth-of-type(n)
CSS Selectors Level 3
:first-of-type
CSS Selectors Level 3
:only-child
CSS Selectors Level 3
:only-of-type
CSS Selectors Level 3
:empty
CSS Selectors Level 3
Unsure what this topic is about. (Selectors, perhaps?)
specificity
CSS Selectors Level 3
cascade
CSS3 Cascade
initial
CSS3 Cascade
inherit
CSS3 Cascade
default
CSS3 Cascade
!important
CSS3 Cascade
See pseudo-classes and -elements, above.

MDN
MDN
MDN

MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN
MDN

MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN
MSDN

MDN
MDN
MDN
MDN
MDN

MSDN

DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5

jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
DiveIntoHtml5
DiveIntoHtml5
jQuery
jQuery
DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5
jQuery blogpost
Crockford,SO [1],[2]

Crockford

Crockford

jQuery
jQuery
jQuery

jQuery

jQuery

jQuery

Crockford,SO [1],[2]

SO,
SO,blogpost

DiveIntoHtml5

DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5

DiveIntoHtml5
DiveIntoHtml5
DiveIntoHtml5

OWASP XSS Sheet


jQuery
jQuery
jQuery
jQuery
jQuery

jQuery

Colorzilla

jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery

jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery
jQuery

Tag
<article>
<aside>
<audio>
<bdi>
<canvas>
<datalist>
<details>
<dialog>
<embed>
<figcaption>
<figure>
<footer>
<header>
<hgroup>
<keygen>
<main>
<mark>
<menuitem>
<meter>
<nav>
<output>
<progress>
<rp>
<rt>
<ruby>
<section>
<source>
<summary>
<time>
<track>
<video>
<wbr>

html5
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New
New

Sem.
Yes
Yes
No
No
No
No
Yes
No
No
Yes
Yes
Yes
Yes
No
No
Yes
Yes
No
No
Yes
No
No
No
No
No
Yes
No
Yes
Yes
No
No
No

Description
Defines an article
Defines content aside from the page content
Defines sound content
Isolates a part of text that might be formatted in a different direction from ot
Used to draw graphics, on the fly, via scripting (usually JavaScript)
Specifies a list of pre-defined options for input controls
Defines additional details that the user can view or hide
Defines a dialog box or window
Defines a container for an external (non-HTML) application
Defines a caption for a <figure> element
Specifies self-contained content
Defines a footer for a document or section
Defines a header for a document or section
Defines a group of headings
Defines a key-pair generator field (for forms)
Specifies the main content of a document
Defines marked/highlighted text
Defines a command/menu item that the user can invoke from a popup menu
Defines a scalar measurement within a known range (a gauge)
Defines navigation links
Defines the result of a calculation
Represents the progress of a task
Defines what to show in browsers that do not support ruby annotations
Defines an explanation/pronunciation of characters (for East Asian typograph
Defines a ruby annotation (for East Asian typography)
Defines a section in a document
Defines multiple media resources for media elements (<video> and <audio>
Defines a visible heading for a <details> element
Defines a date/time
Defines text tracks for media elements (<video> and <audio>)
Defines a video or movie
Defines a possible line-break

Вам также может понравиться