HTML5

  • HTML5 document

    CANVAS

  • Colors, Shadows, Gradients

    shadowBlur, shadowColor,shadowOffsetX,shadowOffsetY
    fillStyle,fillRect,fill
    strokeStyle,strokeRect,strokeText,stroke
    beginPath,lineWidth,rect,clearRect
    createLinearGradient,createRadialGradient,createPattern,addColorStop,font

  • Lines

    lineCap,lineJoint,miterLimit
    movoTo,lineTo

  • Paths

    beginPath,closePath
    clip,quadraticCurveTo,bezierCurveTo
    arc,arcTo,isPointInPath

  • Transformation

    scale,rotate,translate,transform

  • Text

    font,fillText,strokeText

  • Images

    drawImage,createImageData,putImageData
    globalAlpha,globalCompositeOperation

  • Shapes

    save,beginPath,closePath
    strokeStyle, lineWidth, stroke, fillStyle
    moveTo, lineTo, quadraticCurveTo, bezierCurveTo, arc, ellipse, fillRect, strokeRect

  • Loading Images

    new Image, src, onload, drawimage, toDataURL
    new FileReader, readAsDataURL

  • Animation1

    setTimeout, clearTimeout
    setInterval, clearInterval

  • Animation2

    requestAnimationFrame

  • keyboard

    window.addEventListener('keydown',function,true), evt.keyCode


  • turtle graphics

    clean, home, cs, pu, pd, setxy, setx, sety, fd, bk, rt, lt, setpc, seth, arc2, random


  • Geolocation



    DOM

  • canvas1

    getElementByID, getElementByTagName, getElementByClassName, querySelectorAll

  • canvas2

    document.write
    get by attribute: src, style(color, background, border, fontFamily, fontSize, top, left)
    setInterval, clearInterval

  • canvas3

    onload, onclick, onchange, onmouseover, onmouseout, onmousedown, onmouseup, onkeypress, onfocus

  • canvas4

    addEventListener

  • canvas5

    nodeName, nodeType, firstChild.nodeValue, childNodes[].nodeValue

  • canvas6

    createElement, createTextNode, insertBefore, removeChild, appendChild, replaceChild
    window.innerWidth, window.innerHeight...

  • forms

    input: text, password, radio, checkbox, list, range, number, color, date...
    select, textarea

  • javascript forms

    input: text, radio, checkbox, select, textarea

  • File API

    File, FileList, Blob

  • AJAX: XMLHttpRequest

    GET, POST

  • AJAX: XML

    Extensible Markup Language

  • AJAX: JSON

    JavaScript Object Notation

  • Strings→XML, Strings→JSON