JavaScript Foldouts

CLICK ON ANY IMAGE
FOR A CLOSER  LOOK

JAVASCRIPT LANGUAGE FOLDOUT

EXCERPT FROM THE DATE SECTION:

EXCERPT, OPERATOR BINDING:

 DOCUMENT OBJECT MODEL FOLDOUT

EXCERPT FROM WINDOW.OPEN:

REGULAR EXPRESSIONS FOLDOUT

EXCERPT CHARACTER CLASS:

• Browser compatibility and
  standards compliance are
  color coded (Internet 
  Explorer, Netscape, Opera,
  W3C, ECMA)
• assert() used to define and
  document features, and
  to test browser support
• JavaScript Language
  Number, String, Boolean, 
  Date, Function, Objects, 
  Types, Math, decisions, 
  loops, null/void/undefined ...
  • Number-to-String and
    String-to-Number
    conversions
  • Operator precedence
    (loose to tight binding)
  • The seven places you can
    put your JavaScript
    (head, body, include,
    event attribute, URL,
    bookmarklet, string)
  • Unraveling the mysteries
    of JavaScript nothingness:
    null, undefined, undeclared,
    uninitialized, unknown,
    unsafe and void.
• Document Object Model
  windows, documents, 
  forms, images, elements, 
  nodes, styles, layers ...
  • window.open() options:
    menubar, toolbar,titlebar,
    width, height, left/screenX,
    top/screenY, etc.
  • form object model example
  • CSS style sheet properties,
    e.g. backgroundColor for
    background-color
  • Event object, how to get it
    and the properties it has
  • Image prefetch trick
• Regular Expressions
  literals, classes, repeaters, 
  submatches, etc. ...
  • Simple methods: 
    test(), search(), replace()
  • Advanced methods, with
    explanations and examples: 
    split(), match(), exec()
  • RegExp() constructor
  • Global side-effects, e.g.
    RegExp.$1 for submatch 1
  • Flags for global-repeat,
    case-insensitive, multi-line
  • Punctuation escaping
  • Email address extraction
    example
• Color-coded browser and
  standards support throughout:
  • Netscape 4–6
  • Internet Explorer 4–6
  • Opera
  • W3.org (DOM2)
  • Background color
    indicates lone support by
    one when the others don't

     Netscape only 
     IE only 
     W3.org only 

  • Border color indicates
    lone nonsupport — one
    doesn't, the others do

    Not Netscape

    Not IE

    Not Opera

    Think of the unsupporter
    as the ostracized 
    outsider.  Get it?
    border = outsider?
• Bugs, browser diversity
  identified with icons — and
  detailed elaboration online
  for each one

Features unique to the 
Foldouts:

• Larger print, 9-point type
• Folds up to 3.5" x 8.5"
• 32 pages total (14 for the
  JavaScript language
  foldout, 10 for DOM, 8
  for regular expressions)
• Never confuse foldouts,
  each one color-coded:
  language, DOM, 
  regular expressions
• Never confuse which
  side of each foldout
  you're on: color schemes
  reversed on each side
• Never confuse one end
  of the 14-panel language
  foldout with the other:
  gradient-colored

The JavaScript Card 
is a dense-print, all-at-one-
glance version of the
JavaScript Foldouts.